順 1. 必要な契約の準備 2.SPIRAL の設定 (1)DB 発 (2) イベント申込フォーム発 (3) 決済後リダイレクトページ発 (4) 決済結果処理 ページ発 3.ZEUS の設定 (5) システム利 内容申込 (6)IP コード取得 4. 連携設定 (7)API トークン発 (8) 決済

Transcription

1 最短 5 営業 で決済機能付きのフォームを公開する 順 必要な契約 株式会社ゼウスと契約 SPIRAL 基本契約 SPIRALAPI オプション ( 分間 10 件以上決済の発 が想定される場合 ) 必要なスキル HTML,CSS,PHP 作業 数 1 営業 デザイン抜きの場合 必要最低限の 順のみ公開しております 要件に合わせて変更してください 現時点の仕様を記載しております 仕様変更による動作保証はしておりません ご了承ください 1

2 順 1. 必要な契約の準備 2.SPIRAL の設定 (1)DB 発 (2) イベント申込フォーム発 (3) 決済後リダイレクトページ発 (4) 決済結果処理 ページ発 3.ZEUS の設定 (5) システム利 内容申込 (6)IP コード取得 4. 連携設定 (7)API トークン発 (8) 決済ページ呼び出し (9) 決済結果受け取り処理 5. 動作確認 2

3 順 1. 必要な契約の準備 2.SPIRAL の設定 (1)DB 発 (2) イベント申込フォーム発 (3) 決済後リダイレクトページ発 (4) 決済結果処理 ページ発 3.ZEUS の設定 (5) システム利 内容申込 (6)IP コード取得 4. 連携設定 (7)API トークン発 (8) 決済ページ呼び出し (9) 決済結果受け取り処理 5. 動作確認 ZEUS 3

4 1. 必要な契約の準備 1. 契約の流れ ZEUS [1. お申込 ] 1 仮申込のご 参照 URL: 2 申込書類送付 仮申込から 1 2 営業 でメールにてご案内 3 必要書類と併せてご返送 書類不備チェック [2. カード会社審査 /3. 審査結果報告 ] 4 審査 審査提出前 審査中に追加で資料をいただくケース有 VISA,MASTER: 約 1 3 営業 ( 審査資料によっては 5 7 営業 ) JCB,AMEX: 約 3 6 営業 ( 審査資料によっては 5 10 営業 ) Diners: 約 10 営業 審査落ちの場合はお断りのご連絡 [4. システム設定 ] 5IP 発 システム設定に関する質問事項に回答をいただいた後 1 2 営業 で設定完了 6 納品 [5. テスト サービス開始 ] 4

5 1. 必要な契約の準備 ZEUS 2. お申込み時に必要なもの 商業登記簿謄本 印鑑証明書 ( コピー可 ) 振込先 座の通帳コピー 詳細は以下を参照ください 5

6 順 1. 必要な契約の準備 2.SPIRAL の設定 (1)DB 発 (2) イベント申込フォーム発 (3) 決済後リダイレクトページ発 (4) 決済結果処理 ページ発 3.ZEUS の設定 (5) システム利 内容申込 (6)IP コード取得 4. 連携設定 (7)API トークン発 (8) 決済ページ呼び出し (9) 決済結果受け取り処理 5. 動作確認 SPIRAL 6

7 2.SPIRAL の設定 SPIRAL 当 順書では以下フローを作成します 以下を POST 送信 決済情報 申込 No( 動発番 ) イベント申込画 (SPIRAL) 申込完了画 (SPIRAL) 決済画 (ZEUS) 決済完了画 (SPIRAL) 申込情報を登録 登録 以下を GET 送信 決済結果 申込 No 決済結果受取 (SPIRAL) イベント 申込 DB 更新 決済結果を更新 7

8 順 1. 必要な契約の準備 2.SPIRAL の設定 (1)DB 発 (2) イベント申込フォーム発 (3) 決済後リダイレクトページ発 (4) 決済結果処理 ページ発 3.ZEUS の設定 (5) システム利 内容申込 (6)IP コード取得 4. 連携設定 (7)API トークン発 (8) 決済ページ呼び出し (9) 決済結果受け取り処理 5. 動作確認 SPIRAL 8

9 2.SPIRAL の設定 (1)DB 発 SPIRAL 当 順書では以下の DB を使 します 枠部分の差替えキーワードは当 順書でご紹介するソースコード内で利 します [SPIRAL マニュアル ] 通常 DB 9

10 順 1. 必要な契約の準備 2.SPIRAL の設定 (1)DB 発 (2) イベント申込フォーム発 (3) 決済後リダイレクトページ発 (4) 決済結果処理 ページ発 3.ZEUS の設定 (5) システム利 内容申込 (6)IP コード取得 4. 連携設定 (7)API トークン発 (8) 決済ページ呼び出し (9) 決済結果受け取り処理 5. 動作確認 SPIRAL 10

11 2.SPIRAL の設定 (2) イベント申込フォーム発 イベント申込フォーム発 します SPIRAL イベント申込画 (SPIRAL) 申込完了画 (SPIRAL) 決済画 (ZEUS) 決済完了画 (SPIRAL) 申込情報を登録 登録 決済結果受取 (SPIRAL) イベント 申込 DB 更新 決済結果を更新 [SPIRAL マニュアル ] フォーム 11

12 順 1. 必要な契約の準備 2.SPIRAL の設定 (1)DB 発 (2) イベント申込フォーム発 (3) 決済後リダイレクトページ発 (4) 決済結果処理 ページ発 3.ZEUS の設定 (5) システム利 内容申込 (6)IP コード取得 4. 連携設定 (7)API トークン発 (8) 決済ページ呼び出し (9) 決済結果受け取り処理 5. 動作確認 SPIRAL 12

13 2.SPIRAL の設定 (3) 決済後リダイレクトページ発 決済後リダイレクトページを発 します SPIRAL イベント申込画 (SPIRAL) 申込完了画 (SPIRAL) 決済画 (ZEUS) 決済完了画 (SPIRAL) 申込情報を登録 登録 決済結果受取 (SPIRAL) イベント 申込 DB 更新 決済結果を更新 P.16 3.ZEUS の設定 >(5) 利 内容申込 で利 しますので メモ帳等にお控えください 当 順書ではリダイレクトページの設置場所としてフォームを利 しますが 外部からアクセスできるページであれば 設置場所は問いません [SPIRAL マニュアル ] フォーム 13

14 順 1. 必要な契約の準備 2.SPIRAL の設定 (1)DB 発 (2) イベント申込フォーム発 (3) 決済後リダイレクトページ発 (4) 決済結果処理 ページ発 3.ZEUS の設定 (5) システム利 内容申込 (6)IP コード取得 4. 連携設定 (7)API トークン発 (8) 決済ページ呼び出し (9) 決済結果受け取り処理 5. 動作確認 SPIRAL 14

15 2.SPIRAL の設定 (4) 決済結果処理 ページ発 決済結果処理 リダイレクトページを発 します 当 順書では 決済結果の受取先にフォームを指定します SPIRAL イベント申込画 (SPIRAL) 申込完了画 (SPIRAL) 決済画 (ZEUS) 決済完了画 (SPIRAL) 申込情報を登録 登録 決済結果受取 (SPIRAL) イベント 申込 DB 更新 決済結果を更新 P.16 3.ZEUS の設定 >(5) 利 内容申込 で利 しますので メモ帳等にお控えください [SPIRAL マニュアル ] フォーム 15

16 順 1. 必要な契約の準備 2.SPIRAL の設定 (1)DB 発 (2) イベント申込フォーム発 (3) 決済後リダイレクトページ発 (4) 決済結果処理 ページ発 3.ZEUS の設定 (5) システム利 内容申込 (6)IP コード取得 4. 連携設定 (7)API トークン発 (8) 決済ページ呼び出し (9) 決済結果受け取り処理 5. 動作確認 ZEUS 16

17 3.ZEUS の設定 (5) システム設定内容を申込 ZEUS ZEUS で利 したい機能 設定内容を申込みます システム環境の準備が整うと ZEUS より通知がきます 当 順書で申込内容 ( 部 ) は以下となります システム構成 リンク型 (Link Point) CGI 利 利 する CGI コール先 URL:(P.13 で発 したフォーム URL) CGI 利 パラメータ result( 結果 ) ordd( ゼウス発 のオーダ No) sendid( フリーパラメータ ) 決済完了後ページ ( リンク型 PC のみ ) 2. リダイレクト設定を う リダイレクト先 URL (P.12 で発 したフォーム URL) リダイレクト秒数 0 秒 17

18 順 1. 必要な契約の準備 2.SPIRAL の設定 (1)DB 発 (2) イベント申込フォーム発 (3) 決済後リダイレクトページ発 (4) 決済結果処理 ページ発 3.ZEUS の設定 (5) システム利 内容申込 (6)IP コード取得 4. 連携設定 (7)API トークン発 (8) 決済ページ呼び出し (9) 決済結果受け取り処理 5. 動作確認 ZEUS 18

19 3.ZEUS の設定 (6)IP コード取得 ZEUS ZEUS で利 したい機能の申込後 連携に必要な IP コード が通知されます P 連携設定 >(8) 決済ページ呼び出し で利 します 19

20 順 1. 必要な契約の準備 2.SPIRAL の設定 (1)DB 発 (2) イベント申込フォーム発 (3) 決済後リダイレクトページ発 (4) 決済結果処理 ページ発 3.ZEUS の設定 (5) システム利 内容申込 (6)IP コード取得 4. 連携設定 (7)API トークン発 (8) 決済ページ呼び出し (9) 決済結果受け取り処理 5. 動作確認 SPIRAL 20

21 2. 共通設定 (7)API トークン発 SPIRAL スパイラル API を利 して 決済結果を該当ユーザーの DB 情報を更新します 以下のマニュアルに沿ってスパイラル API を発 してください トークン発 から参照ください 21

22 順 1. 必要な契約の準備 2.SPIRAL の設定 (1)DB 発 (2) イベント申込フォーム発 (3) 決済後リダイレクトページ発 (4) 決済結果処理 ページ発 3.ZEUS の設定 (5) システム利 内容申込 (6)IP コード取得 4. 連携設定 (7)API トークン発 (8) 決済ページ呼び出し (9) 決済結果受け取り処理 5. 動作確認 SPIRAL 22

23 4. 連携設定 (8) 決済ページ呼び出し P.10 で作成した イベント申込フォーム のサンキュページに 決済画 へ進むボタンを設置します SPIRAL 以下を POST 送信 決済情報 申込 No( 動発番 ) イベント申込画 (SPIRAL) 申込完了画 (SPIRAL) 進む 決済画 (ZEUS) 決済完了画 (SPIRAL) 申込情報を登録 登録 以下を GET 送信 決済結果 申込 No 決済結果受取 (SPIRAL) イベント 申込 DB 更新 決済結果を更新 1 変更箇所 を変更し イベント申込フォーム > サンキューページに設置 IP コード P.18 で取得した IP コード <form action=" <!-- 変更箇所 IP コード --> <input type="hidden" name="clientip" value= " /> <! 決済 額 --> <input type="hidden" name="money" value="%val:usr:money%" /> <! 電話番号 --> <input type="hidden" name="telno" value="%val:usr:phonenumber%" /> <! メールアドレス --> <input type="hidden" name=" " value="%val:usr: %" /> <! フリーパラメータ ( 申込 No SPIRAL 動発番 ) --> <input type="hidden" name="sendid" value="%val:usr:entryno%" /> <input class="submit" type="submit" name="submit" value=" 参加費 払 "> </form> 決済画 の呼び出しの詳細は ZEUS から提供されるマニュアルを参照ください 23

24 順 1. 必要な契約の準備 2.SPIRAL の設定 (1)DB 発 (2) イベント申込フォーム発 (3) 決済後リダイレクトページ発 (4) 決済結果処理 ページ発 3.ZEUS の設定 (5) システム利 内容申込 (6)IP コード取得 4. 連携設定 (7)API トークン発 (8) 決済ページ呼び出し (9) 決済結果受け取り処理 5. 動作確認 SPIRAL 24

25 4. 連携設定 (9) 決済結果受け取り処理 SPIRAL 決済後 ZEUS より指定した URL(CGI コール先 URL) へ決済結果が GET 送信されます イベント申込 DB の該当レコードへ受け取った決済結果を更新する処理を作成します 以下を POST 送信 決済情報 申込 No( 動発番 ) イベント申込画 (SPIRAL) 申込完了画 (SPIRAL) 決済画 (ZEUS) 決済完了画 (SPIRAL) 申込情報を登録 登録 以下を GET 送信 決済結果 申込 No 決済結果受取 (SPIRAL) イベント 申込 DB 更新 決済結果を更新 決済結果 (CGI コール ) の詳細は ZEUS から提供されるマニュアルを参照ください 25

26 4. 連携設定 (9) 決済結果受け取り処理 SPIRAL 1 変更箇所 を変更し 決済結果処理 ページ > ページに設置 SPIRAL API トークンタイトル P.20 で発 した API トークンタイトル <!-- SMP_DYNAMIC_PAGE DISPLAY_ERRORS=ON NAME=ZEUS_RESULT --> <?php // 変更箇所 SPIRAL APIトークンタイトル $SPIRAL->setApiTokenTitle("default"); // 申込 No $entryno = $_GET["sendid"]; // ゼウス発 のオーダー No $z_ordd = $_GET["ordd"]; // 結果 $resultstring = $_GET["result"]; if($resultstring == "OK"){ $result = "1"; }else{ $result = "2"; } $db = $SPIRAL->getDataBase("zeusEntryDB"); $db->addequalcondition("entryno", $entryno); $db->doupdate(array( "lastupdate" => "now", // 更新 時 "z_ordd" => $z_ordd, // [ZEUS] オーダNo ));?> "z_result" => $result // [ZEUS] 結果 決済結果 (CGI コール ) の詳細は ZEUS から提供されるマニュアルを参照ください 26

27 順 1. 必要な契約の準備 2.SPIRAL の設定 (1)DB 発 (2) イベント申込フォーム発 (3) 決済後リダイレクトページ発 (4) 決済結果処理 ページ発 3.ZEUS の設定 (5) システム利 内容申込 (6)IP コード取得 4. 連携設定 (7)API トークン発 (8) 決済ページ呼び出し (9) 決済結果受け取り処理 5. 動作確認 SPIRAL ZEUS 27

28 5. 動作確認 SPIRAL 1 イベント申込 (P.10 2.SPIRAL の設定 >(2) イベント申込フォーム発 で発 したフォームへアクセス ) 2 イベント申込後 決済ページへ遷移するボタンをクリック 28

29 5. 動作確認 3 決済実 ZEUS ZEUS 売上管理画 に テスト カード番号 テスト決済時の注意点 が掲載されております 動作確認時にご確認ください ( 参照 P.31 ) 29

30 5. 動作確認 SPIRAL 4 イベント申込 DB に 申込情報 決済結果 が登録されていることを確認 < データ操作 (DB オペレーション )> [SPIRAL マニュアル ] データ操作 (DB オペレーション ) 30

31 5. 動作確認 テスト決済時の注意点を確認 (ZEUS 売上管理画 内に記載 ) ZEUS (1)ZEUS 売上管理画 にログイン (2) ログイン後 左メニューより テストカード番号管理 をクリック 31

32 5. 動作確認 テスト決済時の注意点を確認 (ZEUS 売上管理画 内に記載 ) ZEUS (3) 表 をクリック (4) テスト決済時の注意点 を確認 32