5. AppsとStripeを連携させよう

Stripeのアカウントが作れたらAppsと連携させます。

StripeのAPIキーを取得

APIキー取得ページにアクセス

1. Stripeにログイン
2. 右上にある「開発者」ボタンをクリック
3. ページの左側の「APIキー」をクリック
4. APIキー取得ページにアクセスできました

本番キーを取得

APIキー取得ページの真ん中あたりに「標準キー」という項目があり、その下に「公開可能キー」と「シークレットキー」という項目があるのでそれらをコピーしてメモ帳などに控えていきます。

1. まずは「公開可能キー」をコピー
2. pk_livesから始まる文字列をコピーしてください
   クリックorタップするだけでコピーできます
3. それをメモ帳などに貼り付けておきます
4. 次に「シークレットキー」をコピー
5. 「本番キーを表示」をクリック
   以前にStripeを利用したことがある方は「本番キーを表示」という表示がされません。この場合は右の「シークレットキーを作成」をクリックしてください。本番キーを再取得できます。
6. ポップアップが表示されますのでさらに「表示」をクリック
7. パスワードを求められるのでStripeのログインパスワードを入力
8. sk_livesから始まる文字列をコピー
   クリックorタップするだけでコピーできます
9. それをメモ帳などに貼り付けておきます

テストキーを取得

次に「テスト」のキーを2つ(公開可能キーとシークレットキー)取得します。

1. APIキー取得ページの右上の「テスト環境」もしくは「テストデータを表示」をクリック
2. すると先ほどコピーしたキーがテスト用のキーに切り替わります
   公開可能キーが「pk_live～」から「pk_test～」に変わっています
3. 本番キーの取得と同様にコピー(pk_testから始まる文字列とsk_testから始まる文字列)
4. それらをメモ帳などに貼り付けておきます

キーの確認

pk_lives
sk_lives
pk_test
sk_test

から始まる4つの文字列がメモ帳にコピペできてるかを確認し、問題なければAPIキーの取得は完了です。

APIキーの登録

次にAppsにログインしてAPIキーの登録をします。

登録情報にアクセス

1. Apps管理画面にログイン
2. サイドメニューの「ユーザー情報」→「登録情報」をクリック

設定情報を確認

APIキーを登録する前に基本設定情報を確認します。

• 表示用の名前…顧客に公開される名前です。決済フォームや自動送信メールに表示されます
• メールアドレス…ログインIDに使われます。「ユーザー情報」→「お客様情報」から変更できます
• ログインパスワード…変更する場合のみ入力してください
• 申し込みフロー…初期値は「分けない」になっています
  「分ける」を選択するとメールアドレスを登録されてからクレジットカードを入力させるツーステップのフローに変更できます。
• 決済フォームで会社名を入力させない…決済フォームに会社名入力欄を表示させたくない場合はチェックを入れてください

「STRIPE情報」に本番キーを入力

メモ帳に控えた4つのAPIキーを用意してください。1つ1つコピーしていきます。

1. 「公開可能キー」にpk_livesから始まる文字列を貼り付けます
2. シークレットキーにsk_livesから始まる文字列を貼り付けます

「決済で利用するカード種類」を設定

Stripeでは最初から使えるクレジットカードはVISA・MasterCard・American Expressの3種類です。 そのためAppsでもこの3つには最初からチェックが入っています。

「STRIPE情報」にテストキーを入力

1. 公開可能キーにpk_testから始まる文字列を貼り付けます
2. シークレットキーにsk_testから始まる文字列を貼り付けます

ページ下部の「更新」をクリックして登録完了です。 これでAppsの決済フォームにてクレジットカード決済(テスト決済も含む)が可能になりました。

よくあるご質問

6. テスト決済をして問題なければ販売開始しよう