開発メモてきな

先日、SeedCodeの方がFileMakerのCustom Web Publishing の為のJavaScriptとServer side で使うPHPのサンプルをGithubで公開されてました。

https://github.com/seedcode/fmxj

概要としては、FileMaker Server の XML公開を使う。

Web公開エンジンにXML公開のためのリクエストをJavaScriptで生成してサーバーサイドスクリプト(SeedCodeのサンプルではPHP)にpostする。

◆ハマった事：サンプルPHPの内容

サンプルのPHPをよく読んでなかった。。。

JavaScriptからFileMakerのユーザーアカウントとパスワードをpost出来るようにキーバリューを元々のpostデータに加えている。それから本来のpostデータからおまけを除くための追加分のパラメータ文字数もpostに加えている。この辺りの仕様にもんりょりする。

-db=dbname&-lay=layname&-query=(q1)&-q1=Status&-q1.value=Vendor&-findquery みたいな通常のクエリデータに

u=undefined&p=undefined&l=コンテンツの文字数

ていうのがくっついてPHPにpostされてくる。

それをPHP側でphp://inputでリクエストのボディを取得して余計なパラメータを削ってpostデータを作り直してcurl使ってPOSTしてた。

そこに気づかずperlで再現しようとした時にpostデータを丸投げしてエラーになってしまっていた。

なんでpostデータをわざわざこねくり回してるんだろう？て思ってた。

サンプルって事でいろいろハードコーディングされてるけど、気にしない。

◆ハマった：Nginxの設定

欲をかいてPerlでサーバーサイド書くにあたって、FastCGIでさらっと書くじゃなくてMojolicious使うことにしたら

WebServer→Nginxでバーチャルホスト(hoge.sample.comみたいな)とmorboで127.0.0.1:3000で動くMojoliciousになって、何が起きたかって言うとクロスドメインの問題が発生してしまい、エラーになる。

これについてはNginxの設定でproxy_passでMojoliciousにリクエストがリバースプロキシされるようにして解決。

しかしNginx、デフォルトではContent-Typeの書き換えができず、JavaScriptにレスポンスされるデータがXMLになっていなくて、意図する結果に終わらない。既にあるヘッダーに値を追加する処理を行ってしまう。

※Nginxで add_header Content-Type ‘application/xml’してもmime-typeの設定ファイルに追記しても

　Content-Type text/html;charset=UTF-8に application/xmlの値が追記されるだけになる。

その結果、fmxj.jsがXMLHttpRequestのresponseXMLに値がセットされない。そしてresponseXMLがあるの前提になっているXMLをパースする処理のところで結果が空欄になって処理が終わってしまう。

最初fmxj.js内部を書き換えて(responseTextをXMLに変換して)みたんだけど、コアのライブラリを触るのはよくないので、Nginxでちゃんとヘッダを書き換えられる方法を調べる、nginx-extrasを追加でインストールするとmore-set-headerというのが使えるようになり、ヘッダーの書き換えができるようになるとの事だったのでインストール。

自分はUbuntuの環境なので、

sudo apt-get install nginx-extras

後はNginxの設定ファイルに(厳密に言うとリクエストを受け付けるLocationディレクティブで)

more_set_headers ‘Content-Type: application/xml; charset=UTF8’;

を追記、more…がヘッダーの追記ではなく書き換えなのでcharsetも忘れずに書く！

これでようやく、Sample.html → fmxj.jsを使ってServerにpostリクエスト → 受けたリクエストをNginxがMojoliciousを動かしてるmorboにリバースプロキシ → MojoliciousがPOSTリクエスト受け取りXML公開のクエリパラメータ付きURLを生成して(生成しなおして)cURLをラップしたライブラリからPOST送信 → JavaScriptにレスポンスが返り、完成。

ここ最近はフレームワークを少し触ってる。

Perl：Mojolicious::Lite

→DBをFileMakerで簡単な検索をするものを作成。Liteの場合は？APPPATH/templates直下に

各ビューテンプレートファイルを置く。ベースとするレイアウトはAPPPATH/templates/

layouts直下にdefault.html.epて名前で配置する。静的ファイルはAPPPATH/public配下に配置する。

このあたりの説明でドンピシャ説明しているのが見つからなくて、なかなかつまづいた。

 

Ruby：Sinatra

→Hamlの書き方とか忘れてて大苦戦。あとなんかサーバー再起動しないと変更が摘要されない感じとか

ちょっと苦労。Mojolicious::Liteでやったのと同じ事をSinatraでも実践。という訳でDBはFileMaker。

これは前に一度やっているのでコードをちょっと変える程度だったのにとにかく上記の不可思議で苦戦。

 

PHP：FuelPHP

→最初はSilexで挑戦してたんだけど、意味不明過ぎて挫折。そんでシンプルそうなFuelに手を出す。

これもDBをFileMakerで簡単な一覧表示検索という上の２つと同じ事をやるものを作成。たいぽや

コンテキストでちょいちょい間違えて詰まったけど、割と簡単だった。FuelPHPの時は静的ファイルは

public/assetsて階層に配置するんですね。

 

PythonのFlaskに手を出す予定だったのに時間が足りなかったから来週はFlaskかな。

OS再インストールしたせいだと思うけど、前に作ったDjangoが動かなくなってた。モジュールがインポート

出来ないとかで……

Sinatraのチュートリアルを少し触って、これなら簡単にFileMakerと接続出来るんじゃない？

と思ったのでやってみました。

gihyo.jp:第９回 SinatraとSequel・Hamlで掲示板アプリを作る

http://gihyo.jp/dev/serial/01/ruby/0009

が自分がチュートリアル(以下、見本)としてやってみみたもので、これのmodel部分をFileMakerに

置換えました。

※FileMakerやRuby、Sinatraそのものの細かい説明は省きます。

最終的な階層は以下(見本のファイルも混在してます)

—

—

FileMaker部分

・bbsテーブルの作成、カラムは見本のapp/model/comment.rb内で定義しているクラス

Commentsを真似て定義。但し、posted_dateはFileMaker側ではtimestamp型で作成時に自動で

現在のタイムスタンプが入るよう設定。

Ruby部分

・app/model/comment.rbにFileMakerとの接続クラス追加

—以下をcomment.rbに追加—

・hamlを編集(追加)

—app/view/fmbbs.haml

※HamlはPythonのようにインデントが文法になってるので注意！

・app/start.rbを編集

FileMaker用のブログに書こうかと思ったけどこちらに書く