PowerPoint プレゼンテーション

Size: px

Start display at page:

Download "PowerPoint プレゼンテーション"

こうざぶろううとだ
5 years ago
Views:

1 フォームからの申込時にクレジットカード決済を行うシステムを作る必要な契約 GMOペイメント PGマルチペイメントサービス SPIRAL 基本契約 SPIRALAPIオプション ( 分間 10 件以上決済の発生が想定される場合 ) 必要なスキル HTML,CSS,PHP デザインにこだわらなければ不要作業工数 3 営業日 1

2 手順 1. 必要な契約の準備決済サービスの契約も併せて承る事が可能です弊社営業担当までお問い合わせください 2.PG マルチペイメントサービス連携設定 (1) ショップ情報取得 (2) 接続先 URL 取得 (3) テンプレート設定 3.SPIRAL の設定 (4)SPIRALAPI の設定 (5) アプリ作成 (6) 会員 DB 発行 (7) 入会申し込みフォーム発行 (8) 決済結果受け取りフォーム発行 4.PG マルチペイメントサービス SPIRAL 連携 (9) 入会申し込みフォーム連携設定 (10) 決済結果受け取りフォーム連携設定 2

3 手順 1. 必要な契約の準備決済サービスの契約も併せて承る事が可能です弊社営業担当までお問い合わせください 2.PG マルチペイメントサービス連携設定 (1) ショップ情報取得 (2) 接続先 URL 取得 (3) テンプレート設定 3.SPIRAL の設定 (4)SPIRALAPI の設定 (5) アプリ作成 (6) 会員 DB 発行 (7) 入会申し込みフォーム発行 (8) 決済結果受け取りフォーム発行 4.PG マルチペイメントサービス SPIRAL 連携 (9) 入会申し込みフォーム連携設定 (10) 決済結果受け取りフォーム連携設定 3

4 (1) ショップ情報取得 1 サイト管理画面にログイン当手順書ではサイト管理画面にログインした場合の手順を記載しますショップ管理画面からもショップ情報を取得できます 2 該当の SHOP をクリック 4

5 (1) ショップ情報取得 3 ショップ管理をクリック 4 ショップの ID パスワードをメモ後続の 4.PG マルチペイメントサービス SPIRAL 連携 (9) 入会申し込みフォーム連携設定 (P.39 ) で使用する値となります 5

6 手順 1. 必要な契約の準備決済サービスの契約も併せて承る事が可能です弊社営業担当までお問い合わせください 2.PG マルチペイメントサービス連携設定 (1) ショップ情報取得 (2) 接続先 URL 取得 (3) テンプレート設定 3.SPIRAL の設定 (4)SPIRALAPI の設定 (5) アプリ作成 (6) 会員 DB 発行 (7) 入会申し込みフォーム発行 (8) 決済結果受け取りフォーム発行 4.PG マルチペイメントサービス SPIRAL 連携 (9) 入会申し込みフォーム連携設定 (10) 決済結果受け取りフォーム連携設定 6

7 (2) 接続先 URL 取得 1 サイト管理画面にログイン当手順書ではサイト管理画面にログインした場合の手順を記載しますショップ管理画面からも接続先 URL を取得できます 2 該当の SHOP をクリック 7

8 (2) 接続先 URL 取得 1 API 情報をクリック 2 ショップ情報をクリック 3 リンクタイプの決済選択呼出しの接続先 URL をメモ後続の 4.PG マルチペイメントサービス SPIRAL 連携 (9) 入会申し込みフォーム連携設定 (P.39 ) で使用する値となります 8

9 手順 1. 必要な契約の準備決済サービスの契約も併せて承る事が可能です弊社営業担当までお問い合わせください 2.PG マルチペイメントサービス連携設定 (1) ショップ情報取得 (2) 接続先 URL 取得 (3) テンプレート設定 3.SPIRAL の設定 (4)SPIRALAPI の設定 (5) アプリ作成 (6) 会員 DB 発行 (7) 入会申し込みフォーム発行 (8) 決済結果受け取りフォーム発行 4.PG マルチペイメントサービス SPIRAL 連携 (9) 入会申し込みフォーム連携設定 (10) 決済結果受け取りフォーム連携設定 9

10 (3) テンプレート設定決済画面 (SPIRAL から PG マルチペイメントサービスへ遷移した先の画面 ) の設定をおこないます 1. 提供されるテンプレート画面を利用する 2. テンプレートをカスタマイズし画面デザインを統一する当手順書では 1. 提供されるテンプレート画面を利用する手順を記載いたします 1 サイト管理画面にログイン当手順書ではサイト管理画面にログインした場合の手順を記載しますショップ管理画面からもテンプレートを設定できます 2 該当の SHOP をクリック 10

11 (3) テンプレート設定 2 リンクタイプ設定をクリック 1 ショップ情報をクリック 3 サンプルテンプレート反映をクリック 11

12 (3) テンプレート設定 1 以下項目を選択し確認をクリックサンプル種別 :PC 用対象決済 : クレジットカード ( 決済用 ) 共通テンプレートも反映する : チェックする対象 No.:1 対象種類 :pc 2 実行をクリック 12

13 (3) テンプレート設定以下赤枠にテンプレートが適用されました詳細は以下をマニュアルを参照ください 1. サイト管理画面もしくはショップ管理画面にログイン 2. ドキュメントクリック 3. リンクタイプリンクタイプ ( テンプレート作成ガイド ) のご利用形態ごとのテンプレート必須不要 13

14 手順 1. 必要な契約の準備決済サービスの契約も併せて承る事が可能です弊社営業担当までお問い合わせください 2.PG マルチペイメントサービス連携設定 (1) ショップ情報取得 (2) 接続先 URL 取得 (3) テンプレート設定 3.SPIRAL の設定 (4)SPIRALAPI の設定 (5) アプリ作成 (6) 会員 DB 発行 (7) 入会申し込みフォーム発行 (8) 決済結果受け取りフォーム発行 4.PG マルチペイメントサービス SPIRAL 連携 (9) 入会申し込みフォーム連携設定 (10) 決済結果受け取りフォーム連携設定 14

15 (4)SPIRALAPI の設定 1 開発をクリック 2 スパイラル API をクリック 3 トークン発行をクリック 4 タイトルを入力メモ後続の 4.PG マルチペイメントサービス SPIRAL 連携 (10) 決済結果受け取りフォーム連携設定 (P.44 ) で使用する値となります 5 発行するをクリック 6 一覧へ戻るをクリック 15

16 手順 1. 必要な契約の準備決済サービスの契約も併せて承る事が可能です弊社営業担当までお問い合わせください 2.PG マルチペイメントサービス連携設定 (1) ショップ情報取得 (2) 接続先 URL 取得 (3) テンプレート設定 3.SPIRAL の設定 (4)SPIRALAPI の設定 (5) アプリ作成 (6) 会員 DB 発行 (7) 入会申し込みフォーム発行 (8) 決済結果受け取りフォーム発行 4.PG マルチペイメントサービス SPIRAL 連携 (9) 入会申し込みフォーム連携設定 (10) 決済結果受け取りフォーム連携設定 16

17 (5) アプリ作成 1 アプリをクリック 2 アプリ一覧の + ボタンをクリック 3 新規作成をクリック 17

18 (5) アプリ作成 PG マルチペイメントサービス会員登録決済 gmopayment 1 名称タイトルを入力 2 新規作成をクリック 3 引き続き設定を行うをクリック 18

19 手順 1. 必要な契約の準備決済サービスの契約も併せて承る事が可能です弊社営業担当までお問い合わせください 2.PG マルチペイメントサービス連携設定 (1) ショップ情報取得 (2) 接続先 URL 取得 (3) テンプレート設定 3.SPIRAL の設定 (4)SPIRALAPI の設定 (5) アプリ作成 (6) 会員 DB 発行 (7) 入会申し込みフォーム発行 (8) 決済結果受け取りフォーム発行 4.PG マルチペイメントサービス SPIRAL 連携 (9) 入会申し込みフォーム連携設定 (10) 決済結果受け取りフォーム連携設定 19

20 (6) 会員 DB 発行 1 DB の + ボタンをクリック 2 通常 DB をクリック 20

21 (6) 会員 DB 発行 1 名前タイトルレコードを入力 2 構成設定をクリック 21

(6) 会員 DB 発行 1DB の構造を設定本ページ下部のテーブルを参照して DB を設計してください詳細手順は下記 URL を参照してください http://support.smp.ne.

22 (6) 会員 DB 発行 1DB の構造を設定本ページ下部のテーブルを参照して DB を設計してください詳細手順は下記 URL を参照してください登録日時オーダー ID 合計金額は PG マルチペイメント呼び出し時に必須となりますそれ以外は任意項目になりますので自由に設定くださいフィールドに自動的に値を生成する機能の設定仕様です設定方法は次ページで解説します赤枠部分の差替えキーワードはプログラム部分で利用しますので本サンプルと同じ名称で設定してください 22

23 (6) 会員 DB 発行 < オーダー ID の設定 > 1 オーダー ID の歯車マークをクリック 2 フィールド値自動生成トリガの動作で値が存在する場合何もしないを選択 3 生成する値でシステム ID 10 桁を選択接頭文字列は任意の英字を入力 4 詳細を閉じるをクリック 23

24 (6) 会員 DB 発行 < 決済結果の設定 > 1 決済結果の歯車マークをクリック 2 ラベルの + ボタンをクリック 31 に成功 2 に失敗の文言入力 4 詳細を閉じるをクリック 24

25 (6) 会員 DB 発行 1 新規作成をクリック 2 OK をクリック 3 一覧へ戻るをクリック 25

26 手順 1. 必要な契約の準備決済サービスの契約も併せて承る事が可能です弊社営業担当までお問い合わせください 2.PG マルチペイメントサービス連携設定 (1) ショップ情報取得 (2) 接続先 URL 取得 (3) テンプレート設定 3.SPIRAL の設定 (4)SPIRALAPI の設定 (5) アプリ作成 (6) 会員 DB 発行 (7) 入会申し込みフォーム発行 (8) 決済結果受け取りフォーム発行 4.PG マルチペイメントサービス SPIRAL 連携 (9) 入会申し込みフォーム連携設定 (10) 決済結果受け取りフォーム連携設定 26

27 (7) 入会申し込みフォーム発行 1 + ボタンをクリック 2 フォームをクリック 3 会員 DB を選択し新規作成をクリック 27

28 (7) 入会申し込みフォーム発行 1 名前タイトルを入力 2 新規作成をクリック 3 引き続き設定を行うをクリック 28

29 (7) 入会申し込みフォーム発行 1 使用フィールドをクリック 29

30 (7) 入会申し込みフォーム発行 1 フィールド毎に入力設定を行なう登録日時は登録日時自動取得を選択以下項目は使用しないを選択注文番号オーダー番号エラーコードエラー詳細合計金額は固定値を選択以下項目は入力項目として使用するを選択氏名氏名 ( ふりがな ) メールアドレス電話番号郵便番号都道府県住所 2 変更をクリック 30

31 (7) 入会申し込みフォーム発行 1 変更内容をフォームに反映をクリック 31

32 (7) 入会申し込みフォーム発行 < 必須項目の設定 > 1 フィールド別チェックをクリック 3 保存して次のフィールドへをクリック以降 2 3 を繰り返し 2 入力必須にする項目のチェックするを選択入力必須でない場合は選択不要 4 変更をクリック 5 変更内容をフォームに反映をクリック 32

33 (7) 入会申し込みフォーム発行 < 固定値の設定 > 1 フィールド別チェックをクリック 2 合計金額を選択 3 固定値に 1000 を設定 4 変更をクリック PG マルチペイメント側に利用金額として送信する値となります当手順書では固定値として設定しておりますがフローに合わせて金額を変える画面で選択された商品の金額を JS PHP 等で設定するを変更してください 5 変更内容をフォームに反映をクリック 33

34 手順 1. 必要な契約の準備決済サービスの契約も併せて承る事が可能です弊社営業担当までお問い合わせください 2.PG マルチペイメントサービス連携設定 (1) ショップ情報取得 (2) 接続先 URL 取得 (3) テンプレート設定 3.SPIRAL の設定 (4)SPIRALAPI の設定 (5) アプリ作成 (6) 会員 DB 発行 (7) 入会申し込みフォーム発行 (8) 決済結果受け取りフォーム発行 4.PG マルチペイメントサービス SPIRAL 連携 (9) 入会申し込みフォーム連携設定 (10) 決済結果受け取りフォーム連携設定 34

35 (8) 決済結果受け取りフォーム発行 1 + ボタンをクリック 2 フォームをクリック 3 会員 DB を選択し新規作成をクリック 35

36 (8) 決済結果受け取りフォーム発行 1 名前タイトルを入力 2 新規作成をクリック 3 引き続き設定を行うをクリック 36

37 (8) 決済結果受け取りフォーム発行 1 使用フィールドをクリック 2URL をメモ後続の 4.PG マルチペイメントサービス SPIRAL 連携 (9) 入会申し込みフォーム連携設定 (P.39 ) で使用する値となります 37

38 (8) 決済結果受け取りフォーム発行 1 全て使用しないを選択 2 変更をクリック 3 変更内容をフォームに反映をクリック 38

39 手順 1. 必要な契約の準備決済サービスの契約も併せて承る事が可能です弊社営業担当までお問い合わせください 2.PG マルチペイメントサービス連携設定 (1) ショップ情報取得 (2) 接続先 URL 取得 (3) テンプレート設定 3.SPIRAL の設定 (4)SPIRALAPI の設定 (5) アプリ作成 (6) 会員 DB 発行 (7) 入会申し込みフォーム発行 (8) 決済結果受け取りフォーム発行 4.PG マルチペイメントサービス SPIRAL 連携 (9) 入会申し込みフォーム連携設定 (10) 決済結果受け取りフォーム連携設定 39

40 (9) 入会申し込みフォーム連携設定 1 サンキューページをクリック 2 ソースデザインをクリック 40

41 (9) 入会申し込みフォーム連携設定 <!DOCTYPE html> の上に以下の PHP プログラムを追加  <?php // 変更箇所ショップ ID $ShopID = "xxxxxxxxxxxxx"; // 変更箇所ショップパスワード $ShopPassword = "xxxxxxxx"; // オーダー ID $OrderID = $SPIRAL->getContextByFieldTitle("OrderID"); // 利用金額 $Amount = $SPIRAL->getContextByFieldTitle("Amount"); // 日時情報 (yyyymmddhhmmss 書式 ) $registdate = $SPIRAL->getContextByFieldTitle("registDate"); $registdate = str_replace(" 年 ", "/", $registdate); $registdate = str_replace(" 月 ", "/", $registdate); $registdate = str_replace(" 日 ", "", $registdate); $registdate = str_replace(" 時 ", ":", $registdate); $registdate = str_replace(" 分 ", ":", $registdate); $registdate = str_replace(" 秒 ", "", $registdate); $DateTime = date("ymdhis", strtotime($registdate)); // ショップ情報チェック文字列 MD5 ハッシュ化 $seed = $ShopID." ".$OrderID." ".$Amount." "." ".$ShopPassword." ".$DateTime; $ShopPassString = md5($seed);?> 変更必要が記載されている 2 つの項目を差替え $ShopID P.5 でメモした値 $ShopPassword P.5 でメモした値 41

42 (9) 入会申し込みフォーム連携設定 PG マルチペイメント画面呼び出し form を追加 <div class="sub_text"> ご登録ありがとうございました <br> 決済画面へ進むボタンより入会金のお支払をお願いします <br>  <form action=" method="post">  <input type="hidden" name="shopid" value="<?php echo $ShopID;?>">  <input type="hidden" name="orderid" value="%val:usr:orderid%">  <input type="hidden" name="amount" id="amount" value="%val:usr:amount%">  <input type="hidden" name="datetime" value="<?php echo $DateTime;?>">  <input type="hidden" name="shoppassstring" value="<?php echo $ShopPassString;?>">  <input type="hidden" name="returl" value=" >  <input type="hidden" name="usecredit" value="1">  <input type="hidden" name="jobcd" value="capture"> <input type="submit" name="submit" class="submit" value=" 決済画面へ進む "> </form> </div> 変更必要が記載されている 2 つの項目を差替え 1. 接続先 URL P.8 でメモした URL 2. 決済結果戻し先 URL P.37 でメモした URL 42

43 (9) 入会申し込みフォーム連携設定 1 前ページで編集した内容を貼付 2 変更をクリック 3 変更内容をフォームに反映をクリック 4 ボタンをクリック 43

44 手順 1. 必要な契約の準備決済サービスの契約も併せて承る事が可能です弊社営業担当までお問い合わせください 2.PG マルチペイメントサービス連携設定 (1) ショップ情報取得 (2) 接続先 URL 取得 (3) テンプレート設定 3.SPIRAL の設定 (4)SPIRALAPI の設定 (5) アプリ作成 (6) 会員 DB 発行 (7) 入会申し込みフォーム発行 (8) 決済結果受け取りフォーム発行 4.PG マルチペイメントサービス SPIRAL 連携 (9) 入会申し込みフォーム連携設定 (10) 決済結果受け取りフォーム連携設定 44

45 (10) 決済結果受け取りフォーム発行 1 入力ページをクリック 2 ソースデザインをクリック 45

46 (10) 入会申し込みフォーム連携設定 <!DOCTYPE html> の上に以下の PHP プログラムを追加  <?php // 変更対象 API トークンタイトル define ("API_TOKEN_TITLE", "sample_demo"); // 変更対象 DB タイトル define ("DB_TITLE", "gmo_memberdb"); // API トークンタイトル $SPIRAL->setApiTokenTitle(API_TOKEN_TITLE); // 決済結果取得 $orderid = $_POST["OrderID"]; // 注文番号 $ErrCode = $_POST["ErrCode"]; // エラーコード $ErrInfo = $_POST["ErrInfo"];// エラー詳細 // 決済結果 $result = null; if(empty($errcode)){ $result = 1; // 成功 }else{ $result = 2; // 失敗 } // 実行結果を格納 $db = $SPIRAL->getDataBase(DB_TITLE); $db->addequalcondition("orderid", $orderid); $db->doupdate(array( result => $result, // 決済結果 "ErrCode" => $ErrCode, // エラーコード "ErrInfo" => $ErrInfo // エラー詳細 ));?> 変更必要が記載されている 2 つの項目を差替え 1.API_TOKEN_TITLE P.15 で発行した API の API タイトル 2.DB_TITLE P.21 で作成した会員 DB の DB タイトル 46

47 (10) 入会申し込みフォーム連携設定 1 前ページで編集した内容を貼付 2 変更をクリック 3 変更内容をフォームに反映をクリック 4 ボタンをクリック 47

PowerPoint プレゼンテーション

PowerPoint プレゼンテーションデータベースを活用した動画投稿大型キャンペーン必要な契約エビリー様と契約 SPIRAL 基本契約 SPIRALAPI オプション ( 分間 10 件以上動画の投稿が想定される場合 ) 必要なスキル HTML Javascript PHP 作業工数 1 営業日 1 手順 1. 必要な契約の準備 2.SPIRAL の設定 (1)SPIRAL API 発行 (2) 動画管理 DB 発行 (3) 動画投稿フォーム発行