Stripe Q30。Checkout (new) の「Checkout Server Quickstart」の「Step 2: Add Checkout to your website」について

StripeQA

目次一覧

 状態:-  閲覧数:656  投稿日:2019-04-13  更新日:2019-04-19  
質問履歴30 / 質問した後に気が付いたこと / A抜粋

質問履歴30 / 質問した後に気が付いたこと / A抜粋

 閲覧数:314 投稿日:2019-04-13 更新日:2019-04-19 

質問履歴30


Checkout (new) の「Checkout Server Quickstart」の「Step 2: Add Checkout to your website」について
・2019/4/13
下記をPHPで試しているのですが、エラーになります
https://stripe.com/docs/payments/checkout/server

エラーメッセージ
・Uncaught ReferenceError: cs_kaWQxxxx is not defined

下記ログを見ると「cs_kaWQxxxx」は作成されているのですが、なぜエラーになるのですか?
https://dashboard.stripe.com/test/logs/req_HOVJQ3DqWv8II9

もしかして、作成と同時に取得は出来ないのですか?
・その場合はどう使用するのですか?

試したコード
<?php
\Stripe\Stripe::setApiKey("sk_test_xxxx");

$checkoutSession = \Stripe\Checkout\Session::create([
 'success_url' => 'https://ecample.com',
 'cancel_url' => 'https://ecample.com',
 'payment_method_types' => ['card'],
 'line_items' => [[
   'amount' => 2000,
   'quantity' => 2,
   'name' => 'Blue banana',
   'currency' => 'usd',
   'images' => ['https://www.example.com/banana.png']
   ],
 ],
], [
 'stripe_version' => '2018-11-08; checkout_sessions_beta=v1'
]);
?>

<script src="https://js.stripe.com/v3"></script>

<button id="checkout-button" role="link">Pay</button>
<div id="error-message"></div>

<script>
 var stripe = Stripe('pk_test_xxxx', {
   betas: ['checkout_beta_4']
 });

 stripe.redirectToCheckout({
   sessionId: <?php echo $checkoutSession->id; ?>
 })
 .then(function (result) {
   if (result.error) {
     var displayError = document.getElementById('error-message');
     displayError.textContent = result.error.message;
   }
 });
</script>


async / defer

手動でマジックナンバーとして「cs_kaWQxxxx」を指定したら
・エラーは発生しないが、イベント欄に何も表示されない。支払い欄には追記されるが…
・もしかして、開発途中なの?

質問した後に気が付いたこと


jsにクリックイベント記述が必要
このコードは
・通常、支払いボタンのクリックなど、顧客が行った操作に応答してトリガーされるイベントハンドラーから呼び出される
Checkout Server Quickstart / チェックアウトサーバーのクイックスタート

セッションIDパラメータは、文字列で指定
セッションID
string
Stripe.js Reference

上記2つを修正したら
・期待した通り動作するようになった

A抜粋


チェックアウトのセッションIDはStringで書かれる必要がある
 stripe.redirectToCheckout({ 
 sessionId: 'cs_kaWQxxxx'
})




Stripe Q29。日本で、Connect Customアカウント を導入している事例について

Stripe Q31。ダッシュボードでの「支払い作成」の見方について

コメント投稿(ログインが必要)



類似度ページランキング
順位 ページタイトル抜粋
1 Stripe Q30。Checkout (new) の「Checkout Server Quickstart」の「Step 2: Add Checkout to your website」について 38
2 Stripe Q20。「webhook」と「synchronous」と「Checkout beta version」について 38
3 Stripe Q8。Stripe Checkout public beta version について 32
4 Stripe Q10。Checkout の Simple で、「data-zip-code="true"」追加した場合について 31
5 Stripe Q43。payouts スケジュールについて 30
6 Stripe Q19。「PaymentIntents」と「Sourceオブジェクト」と「Sources API」の関係について 30
7 Stripe Q45。「Direct Charges」と「Destination Charges」の書き方の違いについて 29
8 Stripe Q48。「Checkout\Session - server」「Charge」「PaymentIntent」の使い分け方 29
9 Stripe Q17。カード情報を「card object」「source object」へ保存する違いについて 29
10 Stripe Q33。CustomerオブジェクトのcreateSourceメソッドのAPIドキュメントについて 29
11 Stripe Q28。Sourceオブジェクトのusageプロパティのデフォルト値について 28
12 Stripe Q29。日本で、Connect Customアカウント を導入している事例について 27
13 Stripe Q22。「新規Customerオブジェクト作成」と「'source'パラメータ指定タイミング」について 27
14 Stripe Q32。Webhook のエンドポイントから適切な値を返さなかったときの停止措置について 27
15 Stripe Q73.CheckoutのSessionオブジェクトをcreateする際、'payment_intent_data'内の'metadata'として渡したデータを、webhookで受け取る件について 27
16 Stripe Q62.Webhook::constructEventで、SignatureVerificationエラーになるのですが… 27
17 Stripe Q14。Customerオブジェクトをcreateする際の"source"パラメータについて 26
18 Stripe Q9。Checkout beta version で、webhookを受け取ると、client_reference_idがNULL 26
19 Stripe Q47。Charge::create の 'receipt_email' について 26
20 Stripe Q31。ダッシュボードでの「支払い作成」の見方について 26
2024/10/11 8:52 更新
週間人気ページランキング / 10-4 → 10-10
順位 ページタイトル抜粋 アクセス数
1 資金決済に関する法律(資金決済法)とは?/(1)前払式支払手段 /(2)資金移動業 6
2 決済用語 3
2 Twitch | ゲーム実況配信サービス(課金販売できるプラットフォーム) 3
2 Saving Payment Methods / 支払い方法を保存する 3
2 Periscopeが日本で流行っていない理由は、日本では収益を上げることが出来ないから 3
2 ライブ配信サービス | 課金販売できるプラットフォーム 3
2 Stripe Q55.Checkout\Session::createする際の、'client_reference_id'パラメータと'payment_intent_data.metadata'パラメータの違いについて | QA(Stripe) 3
2 Payment Intents Usage Guide / Payment Intents 使用ガイド 3
3 EMVレベル1 / EMVレベル2 / EMVCo とは? 2
3 SHOWROOM | ライブ配信サービス(課金販売できるプラットフォーム) 2
3 Stripe Q74.「お客様のビジネスの詳細」とは何ですか? | Stripe 2
3 Stripe Q16。PaymentIntentの支払いで郵便番号入力を求められる。Radar rules の ZIP code を無効にしているのに | QA(Stripe) 2
3 Stripe エラー(Stripe) カテゴリー 2
3 Stripe webhook 配信の問題 | その他エントリー(Stripe) 2
3 Stripeで"No such token: src"と表示されたら、最初にAPIキーを確認する | Stripe エラー(Stripe) 2
3 「払い戻し」と「チャージバック」の違い | 違い 2
3 Stripe Q13。決済成功時に、「請求に紐づけられたメールアドレス」に対して、メール送信したいのですが、 | QA(Stripe) 2
4 トークン決済 | セキュリティ 1
4 Stripe Connect | その他エントリー(Stripe) 1
4 動画サービス(課金販売できるプラットフォーム) カテゴリー 1
2024/10/11 1:01 更新