PHP、Smarty、ケータイサイトについて発信中。書籍 「Smarty動的webサイト構築入門」(技術評論社) 好評発売中
RSS icon Home icon
  • 設置作業の概要


    J-POSTALの設置作業の概要を説明します。架空のWebサイト http://myserver/mysite/
    に設置する様子を追いながら説明します。ディレクトリ名やファイル名は、実際の環境に合わせて読み替えてください。



    • 0.1 J-POSTALの配布ディレクトリ構成
    • 0.2 Webサイトの作業前の状態
    • 0.3 Webサイトの作業後の状態
    • 0.4 設置場所の条件
    • 0.5 3つの要素の位置関係

    0.1 J-POSTALの配布ディレクトリ構成






    *jpostal-1.2
     *jpostal
      **.*
       *datajs
        **.js
       *sample
        **.html
     *MANUAL
     *UTILS


    *jpostal
    ステップ1でWebサーバーにアップロードします。*jpostal下のディレクトリ構成やファイル名は変更しません。

    その他
    *MANUAL、*UTILS
    はアップロードしません。

    図0-1 J-POSTALの配布ディレクトリ構成

    0.2 Webサイトの作業前の状態






    http://myserver/mysite/  
     *mycorner/
      *input.html
     *cgi-bin/
       *regist.cgi


    *input.html
    住所入力フォーム
    *regist.cgi
    送信先CGI

    図0-2 Webサイトの作業前の状態

    0.3 Webサイトの作業後の状態


    設置場所は比較的自由ですが、次の配置にしてみます。






    http://myserver/mysite/  
     *mycorner/
      *input.html    
    →ステップ3
      *jpostal_child.html →ステップ2
     *cgi-bin/
      *regist.cgi
     *jpostal/       →ステップ1
      **.*
      *datajs/
       **.js
      *sample/
       **.html











    ステップ1: *jpsotal/ のアップロード
    ステップ2: 子ウィンドウ *jpostal_child.html の編集
    ステップ3: 住所入力フォーム *input.html
    の編集

    図0-3 Webサイトの作業後の状態

    0.4 設置場所の条件


    *住所入力フォーム」と「*子ウィンドウ」が同じHTTPホスト上にあること、です。これはWebブラウザのセキュリティ設定の制限です。

    問題となるケースとしてレンタルアンケートが考えられます。アンケートフォームを表示するWebサーバーに、ユーザーのHTMLファイルを設置する手段がない場合、J-POSTALを使うことはできません。

    *住所入力フォームおよび*子ウィンドウ」と、「*jpostal」は、異なるHTTPホスト上に設置可能です。


    0.5 3つの要素の位置関係


    *住所入力フォーム」、「*子ウィンドウ」、「*jpostal」の位置関係が重要です。実際の環境に合わせて、相対パスを調べてください。















    位置関係 図3での相対パス
    *住所入力フォームから見た、*jpostal/ ../jpostal/
    *住所入力フォームから見た、*子ウィンドウ ./jpostal_child.html
    *子ウィンドウから見た、*jpsota/ ../jpostal/

    図0-4 3つの要素の位置関係