|
ShoppingCartの設置事例 |
最終更新日:2003/08/23
|
||
![]() |
![]() |
|||
◆ ShoppingCart とは…
■ニフティの設置事例サンプル (商品の登録、編集は出来ません)
◆スクリプトの入手方法| cartini.cgi | …初期設定スクリプト |
| admin.cgi | …管理者用スクリプト |
| cart.cgi | …CGIスクリプト本体(ニフティ版) |
| data1.cgi | …商品情報ログファイル |
| data2.cgi | …注文情報ログファイル |
| stock.dat | …商品在庫情報ファイル |
| raw.txt | …「特定商取引に関する法律」の表示内容ファイル |
| Thanks.html | …メール送信後の表示ページ |
| jcode.pl | …日本語コードライブラリ |
◆@nifty対応のディレクトリ構造
@niftyには、cgi-binにおけるファイルに制限があります。(共通事項)
まず、ShoppingCartを設置する為に以下の様なディレクトリを作成して
作業を進めます。
Root/ ←あなたのルートパス | +--cgi-bin/ ←http://hpcgi▲.nifty.com/■■■■■■ | | | +--shop/(cgi本体を設置する場所) | | +--homepage/ ←http://homepage▲.nifty.com/■■■■■■ | +--shop/(画像ファイル等を設置する場所) |
◆スクリプトの変更箇所
■cartini.cgiの設定変更
テキストファイルの扱えるエディタ等でcartini.cgiを開きます。
以下の説明を読んであなたの環境に合わせて各種の設定を変更して下さい。
| 以下の設定例は、スクリプト本文内の記載順で設定項目を説明しています。 尚、設定例の文字の色の意味は以下の通りです。 ●黒い文字…「スクリプトの本文」です。 ●青い文字…「通常は変更する必要がない」設定です。 ●赤い文字…「ユーザーが任意に変更できる」設定です。 ●緑の文字…「設定項目の説明文章」です。 ●紫の文字…「設定項目の注意事項」です。 1行目 … perlのパスを@nifty用にする(変更の必要はありません!) |
◆ファイルのアップロード
スクリプトの変更が完了したら、以下のディレクトリにアップロードして
各ファイルのパーミッションを下記の通り変更します。
Root/ ←あなたのルートパス
|
+--cgi-bin/
| |
| +--shop/(任意のディレクトリ名)
| | cartini.cgi パーミッション[644]
| | admin.cgi パーミッション[755]
| | cart.cgi パーミッション[755]
| | data1.cgi パーミッション[666]
| | data2.cgi パーミッション[666]
| | stock.dat パーミッション[666]
| | raw.txt パーミッション[644]
| | jcode.pl パーミッション[644]※
| |
| +--lock/パーミッション[777]
+--homepage/
|
+--shop/(任意のディレクトリ名)
Thanks.html (メール送信後の表示ページ)
*.jpg (商品用の画像ファイル)
※jcode.plはVer2.13以上を使用してください(同梱されています)
|
◆リンクの方法
CGIスクリプトの設定が完了したら、以下の様にホームページからリンクを貼って下さい。
<a href="http://hpcgi▲.nifty.com/■■■■/shop/cart.cgi">買い物カゴ</a>
<a href="http://hpcgi▲.nifty.com/■■■■/shop/admin.cgi">管理者用</a>
※URLアドレスの▲と■■■■の部分は、自分の@niftyのURLに読み替えて下さい。
※商品の登録・修正・削除は、管理者用画面(admin.cgi)から行います。
◆メール送信後の表示ページの修正について
配付アーカイブに同梱されているThanks.htmlを使用する場合は、 Thanks.htmlをテキストの扱える
エディタで開いて以下の例の様に青字と赤字の部分を修正してから使用してください。
※URLアドレスの▲と■■■■の部分は、自分の@niftyのURLに合わせて変更して下さい。
| <<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=Shift_JIS"> <META HTTP-EQUIV="Content-Style-Type" content="text/css"> <STYLE type="text/css"> <!-- body,tr,td,th { font-size:13px; font-family:"MS UI Gothic, Osaka"; } a:hover { color:#dd0000 } span { font-family:century } .tbl { color: #000000; padding: 10px; background-color: #FFFFFF; border-top: 1px solid #C0C0C0; border-left: 1px solid #C0C0C0; border-right: 1px solid #C0C0C0; border-bottom: 1px solid #C0C0C0; } .l { background-color: #666666; color: #ffffff; } .r { background-color: #ffffff; color: #000000; } .f { background-color: #F5EEE7 ; color: #400000; } --> </STYLE> <title>Shopping Cart</title></head> <body bgcolor="#F5EEE7" text="#000000"> <form action="http://hpcgi.▲nifty.com/■■■■/shop/cart.cgi" method="POST" target="_blank"> <input type=hidden name=mode value=note> <input type=hidden name=job value=blank> <input type=submit value='特定商取引法の表示'></form> <div align='center'> <table bgcolor="black"><tr> <td align=center nowrap><font color="#808080">内容確認</font></td><td></td> <td align=center nowrap><font color="#808080">住所入力</font></td><td></td> <td align=center nowrap><font color="#808080">注文確認</font></td><td></td> <td align=center nowrap><font color="white">確定</font></td> </tr><tr> <th width="70"><font color="#808080">●</font></th> <th><font color="#EEEEEE">→</font></th> <th width="70"><font color="#808080">●</font></th> <th><font color="#EEEEEE">→</font> <th width="70"><font color="#808080">●</font></th> <th><font color="#EEEEEE">→</font> <th width="70"><font color="yellow">●</font></th> </tr></table> <P>ありがとうございます。注文を受け付けました。 <h3>ご利用ありがとうございました。</h3> <form action="http://homepage.▲nifty.com/■■■■/index.html"><input type=submit value='トップページに戻る'></form> </div> </body></html> |
◆制限事項について
ニフティ版のShoppingCartは、ニフティのメールデコードサービスを用いて注文内容のメール送信処理を行ってます。
つきましては、以下の制限事項がある事にご留意して下さい。
(1) ブラウザのJavaScriptが無効の場合は、正常にメール送信されません(注文ログは記録されます)
ニフティ版のShoppingCartは、メールデコードCGIの呼出部分をJavaSvcriptで記述している為です。
相手方(注文者)のブラウザがJavaScriptを無効にしている場合はタイトルの上に注意メッセージを表示します。
![]() |
(2) 送信先メールアドレスには、ニフティのメールアドレス(@nifty.com)以外は指定出来ません。
# 管理者メールアドレス
$mailto = 'abcxxx@nifty.com'; ←ここに設定するメールアドレスはニフティのモノを使用して下さい。
(3) 将来ニフティのメールデコードサービスの仕様変更があった場合は正常な動作は保証出来ません。
基本的にHTMLから使用するのと同じ方法で動作させてますので大丈夫だと思いますが、ニフティ側が
メールデコードの仕様を変更したりサービスを中止した場合は、メール送信機能が動作しなくなる恐れ
がある事を予めご了承下さい。