ロリポップにメールフォームプロ4を

フォーム制作の依頼をいただき、その制作過程でいろいろあった問題などを書き残してみます。
（気付いたことをなるべく沢山残したいので、そのときそのとき追記しています）

まず、今まではメールフォームプロ３を使っていましたが、どうも４にバージョンアップしているようで、しかも、かなり使いやすくなったように紹介されていました。

３を入れるときも何だかあれこれ迷っているうちにできてしまった記憶があるので、今回は制作から動作確認までしっかり覚えたいと思い、新しい４で制作しています。

まず、失敗したのが、いきなりHTMLの編集から始めてしまったことでしょうか。。。項目など指示があるのでフォームの周りから整えました。で、いざアップするとCGIが動いていないようで・・・。

ローカルサーバーにしても動いているのかどうかもよく分からない。前に設置した３のファイルなど調べるも特に目立った違いを見つけられない。さてどうしたものか・・・。

推奨されるパーミッションに手作業で変えてみるも、時間の無駄だった。

とりあえず初心に戻って、全部消して、解凍したファイル群をそのままアップロード！

このときのポイントがFTPソフトに自動でアップロードするファイルの属性を変更する設定をしておくことです。私はFFFTPを使っていますが、設定方法はオプション＞環境設定でウィンドウが出てきます。その転送３タブにファイル名＝*.cgi　属性７００　を追加します。
この属性はロリポップ推奨の属性です。メールフォームプロ推奨の属性とは異なりますけど、やはりサーバーに合わせたほうが良いのかな？と思いながら作業していました。
すると上手くいって、ちゃんとCGI動いてますよのメッセージが出てくれました。

ロリポップのCGIに関する説明ページ

http://lolipop.jp/manual/hp/cgi/

まだ解凍したばかりの状態なので、実際に送信してしまうと元々の制作者・シンクグラフィカ和田さまへ情報が届き、ご迷惑になるので注意しましょう。

これからHTMLとCGIの編集にとりかかります。

「CGI編集」

どうもconfig.cgiの編集に失敗しているため、CGIが動いていないようです。
なにも改変していないconnfigを入れると“mailformpro.cgi は正常に動作しています。”のメッセージが現れますね。。。

先ほどの修正したファイルと元ファイルを見比べましたが、どこが間違っているのか発見できず、結局、元ファイルを最初と同じように編集したら解決しました。TeraPad使っていますが、改行や文字コードもLFとUTF-8で問題なかったですし。。。

デフォルトの設定では赤い背景で“mailformpro.cgi は正常に動作しています。”が表示されており、これを消すためには、
config.cgiのアドオン（push @AddOns,’OperationCheck.js’; ## 動作チェック）を＃でコメントアウトします。

とにかく、ここからHTML編集にとりかかります。

HTMLは<form>~</form>を入れて、項目の増減と編集をし、CSSで整える流れです。ここは通常の制作なので省略しますが、必須の設定はinputのなかのrequired=”required”で管理していることだけ覚えていればOKでしょうか。

それよりも、完成したと思ったあとのthanksページ。この編集で気をつけるのが、<script type=”text/javascript” id=”mfpjs” src=”mailformpro/mailformpro.cgi” charset=”UTF-8″></script>です。これがthanks.htmlにも記述されていると、「mailformproが定義されていません」というエラーメッセージが出てきて、正常に動作しないようです。お気をつけください。