| インストール |
| |
 shopPE.cgi、listPE.cgi、cart.cgi、adminD.cgi、down.cgi、imagePE.cgiの設定 |
| ※Perlのパス |
| #!/usr/local/bin/perl |
| ご使用のサーバのperlを実行できるパスを指定します。 |
| |
| 「.htaccess」ファイルの設定【オプション】 |
| オプションの画像表示CGI、またはダウンロードCGIをお使いの場合は、「.htaccess」ファイルの設定をする必要があります。この作業を忘れたりミスしたりすると、画像やファイルをCGIを通さずに直接ダウンロードできてしまうので、特に慎重に行う必要があります。
|
| なお、ローカルにあるファイルを「.htaccess」という名称にしてしまうとOSによってはファイルが見えなくなるので、パッケージでは「htaccess.txt」とう名称で配布しています。下記の設定作業を行いアップロードした後、サーバ上で「htaccess.txt」→「.htaccess」とリネームしてください。 |
| |
| （１）画像表示CGIにおける「.htaccess」ファイルの設定 |
| 指定した拡張子を持つ画像の直接ダウンロードを禁止します。 |
| |
| 「htaccess.txt」の２行目 |
| SetEnvIf Referer "^" ref_ok |
| |
| に設置サイトのルートのURLを入力します。 |
| |
| 例：SetEnvIf Referer "^http://www\.zonch\.net/" ref_ok |
| |
| 先頭には必ず「^」を、「.（ドット）」の前には必ず「\」を付けてください。 |
| |
| （２）ダウンロードCGIにおける「.htaccess」ファイルの設定 |
| 指定した拡張子を持つファイルの直接ダウンロードを禁止し、必ずdown.cgiを経由するようにします。 |
| |
| 「htaccess.txt」の１行目 |
| <FilesMatch "\.(zip|sit)$"> |
| |
| にダウンロードさせるファイルの拡張子を指定します。複数ある場合は、「|」を挟んで列挙してください。デフォルトでは、拡張子「zip」 と「sit」の拡張子が指定されていますが、例えばこれに「jpg」を追加したい場合は次のようにします。 |
| |
| 例：<FilesMatch "\.(zip|sit|jpg)$"> |
| |
| 続いて、「htaccess.txt」の２行目 |
| SetEnvIf Referer "^" ref_ok |
| |
| に設置するdown.cgiのURLを入力します。 |
| |
| 例：SetEnvIf Referer "^http://www\.zonch\.net/CGI/sample/Shop/ShopPageMakerPE/down\.cgi" ref_ok |
| |
| 先頭には必ず「^」を、「.（ドット）」の前には必ず「\」を付けてください。 |
| |
| アップロード |
| ファイルの修正が終わりましたらアップロードしてください。 |
| |
| パーミッション |
| ファイルのパーミッションを以下の様に変更してください（たいていのサーバで動く設定にしてありますが、必ずしもこの通りでなくても構いません）。 |
| |
| ファイル（/フォルダ/） |
パーミッション |
| /shopPageMakerPE/ |
- |
| ┣ shopPE.cgi |
755 |
| ┣ listPE.cgi |
755 |
| ┣ cart.cgi※1 |
755 |
| ┣ adminD.cgi※2 |
755 |
| ┣ down.cgi※2 |
755 |
| ┣ imagePE.cgi※3 |
755 |
| ┣ prefsPE.cgi |
- |
| ┣ categoryPE.pl |
- |
| ┣ libS.pl |
- |
| ┣ jcode.pl |
- |
| ┣ libD.pl※2 |
- |
| ┣ mimew.pl※1 |
- |
| ┣ form_items.txt |
646 |
| ┣ error.jpg※3 |
- |
| ┣ /category/ |
757 |
| ┗ htaccess.txt※3 |
755 |
| ┣ /files/ |
- |
| ┗ htaccess.txt※2 |
755 |
| ┣ /users/ |
757 |
| ┗ /template/ |
- |
| ┣ form_temp.html |
- |
| ┣ category_temp.html |
- |
| ┣ list_temp.html |
- |
| ┣ tempS.html |
- |
| ┣ cart_temp.html※1 |
- |
| ┣ licence_temp.html※1 |
- |
| ┣ cart_form_temp.html※1 |
- |
| ┣ confirm_temp.html※1 |
- |
| ┣ thanks_temp.html※1 |
- |
| ┣ mail_temp.txt※1 |
- |
| ┣ user_login_temp.html※2 |
- |
| ┣ file_list_temp.html※2 |
- |
| ┣ temp_h.html※3 |
- |
| ┗ temp_v.html※3 |
- |
|
| |
| ※1オプションのショッピングカートCGIとして提供されるファイルです。ショップページメーカーPE本体には含まれておりません。 |
| ※2オプションのダウンロードCGIとして提供されるファイルです。ショップページメーカーPE本体には含まれておりません。 |
| ※3オプションの画像表示CGIとして提供されるファイルです。ショップページメーカーPE本体には含まれておりません。 |
| |
| 「.htaccess」ファイルの設定【オプション】 |
| オプションの画像表示CGI、またはダウンロードCGIをお使いの場合は、サーバ上の「htaccess.txt」というファイルを「.htaccess」にリネームしてください。 リネームした時点でアクセス制限が有効となります。 |
| |
| 使用上の注意 |
| |
| 画像のアップロード先について |
| 画像は、デフォルトでは各商品用にCGIが作成するフォルダに入れて使うようになっています。例えば、カテゴリID「cat01」、商品ID「001」の商品にimage001_1.jpgを使用したい場合は、次のような配置になります。 |
| |
| /shopPageMakerPE/ |
| ┣ shopPE.cgi |
| ┣ /category/ |
| ┣ /cat01/（カテゴリID。CGIが作成） |
| ┣ /001/（商品ID。CGIが作成） |
| ┣ image001_1.jpg |
| ・・・・・・・ |
| |
| サーバによっては、CGIが作成したディレクトリにFTPで書き込みできないものがあるので、その場合は専用の画像ディレクトリをご自身で用意して、そこに商品ページ作成時に指定したIDごとにフォルダを作ってアップロードして下さい。 |
| 例えば、shopPageMakerPEフォルダに「images」フォルダを作ってそれを画像用フォルダにした場合、 |
| |
| (1) カテゴリID「cat01」、商品ID「001」の商品にimage001_1.jpgを使用するには、「images」フォルダの中に「cat01」、さらにその中に「001」というフォルダをFTPで作成して、画像をアップロードします。 |
| |
| /shopPageMakerPE/ |
| ┣ shopPE.cgi |
| ┣ /category/ |
| ┣ /images/（FTPで作成） |
| ┣ /cat01/（FTPで作成） |
| ┣ /001/（FTPで作成） |
| ┣ image001_1.jpg |
| ・・・・・・・ |
| |
| (2)さらに、prefsPE.cgiの書き換えが必要です。 |
| |
| $image_dir = "../category";# 画像を置くディレクトリ |
| ↓ |
| $image_dir = "../images";# 画像を置くディレクトリ |
| |
| （３）「.htaccess」ファイルを「images」フォルダの中に設置してください。書き換えは、「category」フォルダ内に設置する場合と同じです。 |
| |
| ダウンロード可能なファイル拡張子の指定【オプション】 |
| オプションのダウンロードCGIを使用する場合、prefsPE.cgiの |
| $allowed_extention = "zip|sit";# ダウンロード可能なファイルの拡張子（「|」を挟んで列挙） |
| |
| にダウンロードさせるファイルの拡張子を指定します。複数ある場合は、「|」を挟んで列挙してください。デフォルトでは、拡張子「zip」 と「sit」の拡張子が指定されていますが、例えばこれに「jpg」を追加したい場合は次のようにします。 |
| |
| 例：$allowed_extention = "zip|sit|jpg";# ダウンロード可能なファイルの拡張子（「|」を挟んで列挙） |
| |
| ダウンロードファイルの置き場所について【オプション】 |
| ダウンロードファイルは、「files」フォルダ内に置くだけで自動認識するようになっています（ただし、上記「ダウンロード可能なファイル拡張子」で指定された拡張子を持つファイルしか認識しません）。あとは、adminD.cgiで各ユーザーごとにどのファイルのダウンロードを許可するかを指定してください。 |
| |
| アクセス制限の確認 【オプション】 |
| オプションの画像表示CGI、またはダウンロードCGIを併用する場合は、インストール時に行った「.htaccess」によるアクセス制限がうまく行っているか必ず確認してください。 |
| |
| （１）画像表示CGIのアクセス制限の確認 |
| 商品ページを作成し画像表示CGIで正常に表示できることを確認できた画像のURLを、ブラウザで直接呼んでみてください。「Forbidden」と表示されればアクセス制限が正常に機能しています。 |
| |
| 例：直接呼び出し 画像表示CGI経由 |
| |
| （２）ダウンロードCGIのアクセス制限の確認 |
| 「files」フォルダにダウンロード可能な拡張子のファイルをアップロードして、down.cgiでダウンロードが可能かどうか確認してください。そのURLをブラウザで直接呼んでみてください。「Forbidden」と表示されればアクセス制限が正常に機能しています。 |
| |
| 例：直接呼び出し |
| |
| 商品データの「FIll」ボタンについて |
| 「画像ファイル」にあるものも「撮影場所」「説明」にあるものも、共に先頭に入力されたものに応じて以下の入力欄に自動入力します。 |
| 「画像ファイル」は、ファイル名に数値が含まれていれば、その数値を１ずつ増やしたものを自動入力します。例えば、先頭に「image001.jpg」と入力した場合は、image002.jpg、image003.jpg・・・と入力されます。数値が含まれていない場合は、先頭と同じデータを全てに入力します。全データをクリアしたい場合は、先頭を空欄にして「Fill」ボタンをクリックしてください。 |
| 「撮影場所」「説明」は、先頭と同じデータを全てに入力します。全データをクリアしたい場合は、先頭を空欄にして「Fill」ボタンをクリックしてください。 |
| |
| 商品タイプの追加について |
| 商品のタイプ（サイズ違い等）によって価格を分ける場合は次のようにします。 |
| |
| （１）prefsPE.cgiのタイプ定義を変更します。 |
| 例：S, M, Lに2Lを追加する場合 |
| @types = ('S', 'M', 'L', '2L');# 商品タイプ（サイズ違いなど） |
| |
| （２）form_temp.htmlに入力欄を追加します。 |
| 例：S, M, Lに2Lを追加する場合 |
| S: <input type="text" name="price1" size="21" value="$price1"> |
| M: <input type="text" name="price2" size="21" value="$price2"> |
| L: <input type="text" name="price3" size="21" value="$price3"> |
| 2L: <input type="text" name="price4" size="21" value="$price4"> |
| |
| 変数price1, price2・・・は、prefsPE.cgiの@typesで定義される順番に対応します。 |
| 削除の場合は、逆に定義を削って入力欄を削除してください。 |
| |
| オプションの画像表示CGIについて |
| 画像表示CGIでは、次のような表示が可能です。 |
| |
| （１）画像のサムネールを表示 |
| 呼び出し方：imagePE.cgi?thumb=画像ファイル名 → サンプル |
| |
| 縮小率は、prefsPE.cgiの$thumb_sizeで指定します。 |
| |
| （２）画像を実サイズで表示 |
| 呼び出し方：imagePE.cgi?img=画像ファイル名 → サンプル |
| |
| prefsPE.cgiで |
| $composite_mark = 1;# $mark_imageを画像に合成して表示 1:する 0:しない |
| とし、 |
| $mark_image = 'mark.gif';# 画像に合成して表示する画像 |
| を実際に設置した場合は、$mark_imageを合成して表示します。 |
| |
| （３）画像をリサイズして表示 |
| 呼び出し方：imagePE.cgi?img=画像ファイル名&width=横幅(または、&height=縦幅) → サンプル |
| |
| prefsPE.cgiで |
| $composite_mark_on_resize = 1;# リサイズ表示時も$mark_imageを画像に合成して表示 1:する 0:しない |
| とし、 |
| $mark_image = 'mark.gif';# 画像に合成して表示する画像 |
| を実際に設置した場合は、$mark_imageを合成して表示します。 |
| |
| 横幅と縦幅は、どちらか一方の指定となります。両方指定した場合は、横幅が優先されます。 |
| |
| （４）画像をテンプレートの一部として表示 |
| 呼び出し方：imagePE.cgi?temp=画像ファイル名 → サンプル |
| |
| 使用するテンプレートは、縦長の場合は「temp_v.html」、横長の場合は「temp_h.html」となります。imagePE.cgiが画像が縦長か横長かを自動判別するので、呼び出しの際指定する必要はありません。 |
| |
| カスタマイズ |
| |
| ノーマルの状態で動作する事が確認できましたら、あとは必要に応じてカスタマイズしてください。 |
| |
| （１）prefsPEcgiの設定 |
| 動作・表示のカスタマイズ、ファイル名の変更が出来ます。特に、下記の$passwordは安全のため必ず変更してください。 |
| |
| ############ １，ショッピング ########### |
| #### 設定 #### |
| $password = "zonch";# パスワード |
| $list_back1 = "#FFCAFE";# リストページの奇数行の背景色 |
| $list_back2 = "#FAEEFF";# リストページの偶数行の背景色 |
| $add_field_forms = 5;# すでにあるフィールドデータの下に付け加える入力欄の数 |
| $field_width = 40;# 一行フィールドの幅 |
| $field_lines = 3;# 複数行フィールドの行数 |
| |
| $sender_mail = 'info@zonch.net';# メール送信者のアドレス |
| $sender_name = 'おふぃす・ぞんち CGIセンター';# メール送信者の名前 |
| $sendmail = "/usr/sbin/sendmail -t";# SENDMAILへのパス |
| $subject = "購入受付完了のお知らせ";# メールの表題 |
| $tax_rate = 5;# 消費税率(%) |
| |
| @types = ('S', 'M', 'L');# 商品タイプ（サイズ違いなど） |
| |
| #### ファイル名 #### |
| $shop_cgi_name = "shop.cgi";# CGI名 |
| $list_cgi_name = "listPE.cgi";# 商品一覧CGI名 |
| $cart_cgi_name = "cart.cgi";# ショッピングカートCGI名 |
| $image_cgi_dir = "../../../";# 画像表示用CGIディレクトリ(商品ページからのパス) |
| $image_cgi_name = "imagePE.cgi";# 画像表示用CGI名 |
| $admin_cgi_name = "adminD.cgi";# ダウンロード設定用CGI名 |
| $down_admin_cgi = "./$admin_cgi_name";# ダウンロード設定用CGI |
| $down_cgi_name = "down.cgi";# ダウンロードCGI名 |
| $page_name = "index.html";# 商品ページ名 |
| |
| # データ関連 |
| $data_dir = "."; |
| $data_file_name = "dataS.txt";# データファイル名 |
| $form_item_file = "form_items.txt";# 入力フォームデータ定義 |
| $field_data = "fields.dat";# 追加フィールドデータ |
| $group_dir = "./category";# カテゴリディレクトリ |
| $shopping_data_file = "shopping_data.cgi";# 買い物履歴データ |
| |
| # テンプレート関連（変更した場合は、実際のファイル・ディレクトリ名も変更してください） |
| $temp_dir = "template";# テンプレートディレクトリ |
| $temp_file = "tempS.html";#プロフィールテンプレート |
| $list_temp_file = "list_temp.html";#一覧テンプレート |
| $form_temp_file = "form_temp.html";#フォームテンプレート |
| $group_temp_file = "category_temp.html";#カテゴリ一覧テンプレート |
| $cart_temp = "cart_temp.html";# カートの中身表示用テンプレート |
| $form_temp = "cart_form_temp.html";# お客様情報入力用テンプレート |
| $confirm_temp = "confirm_temp.html";# 入力情報確認用テンプレート |
| $thnaks_temp = "thanks_temp.html";# 受付完了メッセージ用テンプレート |
| $mail_temp = "mail_temp.txt";# 受付完了メール用テンプレート |
| $licence_temp = "licence_temp.html";# 利用規約ページ用テンプレート |
| |
| #### 表示 #### |
| $yen = "円"; |
| |
| ############ ２，画像表示 ########### |
| #### 表示 #### |
| $mark_image = 'mark.gif';# 画像に合成して表示する画像 |
| $error_image = "error.jpg";# エラー画像ファイル名 |
| $font_name = '';# エラー画像で使用するフォント |
| |
| #### 設定 #### |
| $composite_mark = 1;# $mark_imageを画像に合成して表示 1:する 0:しない |
| $composite_mark_on_resize = 1;# リサイズ表示時も$mark_imageを画像に合成して表示 1:する 0:しない |
| $thumb_size = 20;# サムネールのサイズ（1〜99％） |
| |
| #### ファイル名 #### |
| $image_dir = "category";# 画像を置くディレクトリ |
| |
| # テンプレート関連（変更した場合は、実際のファイル名も変更してください） |
| $temp_h = 'temp_h.html';# 横長写真用テンプレート |
| $temp_v = 'temp_v.html';# 縦長写真用テンプレート |
| |
| ############ ３，ダウンロード ########### |
| #### 設定 #### |
| $expired_day = 7;# ダウンロード可能な日数 |
| $allowed_extention = "zip|sit";# ダウンロード可能なファイルの拡張子（「|」を挟んで列挙） |
| |
| #### ファイル名 #### |
| # データ関連 |
| $user_dir = "users";# ユーザーデータを保存するディレクトリ |
| $file_dir = "files";# ファイルを置くディレクトリ |
| $data_file_name = "data.cgi";# ユーザーデータファイル名 |
| $down_data = "down_data.cgi";# ダウンロードデータファイル名 |
| |
| # テンプレート関連（変更した場合は、実際のファイル名も変更してください） |
| $user_login_temp = "user_login_temp.html";# ユーザーログインページテンプレート |
| $file_list_temp = "file_list_temp.html";# ファイルリストページテンプレート |
| |
シリーズトップ
PEタイプ
インストールガイド
stdタイプ