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

StripeQA

目次一覧

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

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

 閲覧数:284 投稿日: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/3/29 18:52 更新
週間人気ページランキング / 3-22 → 3-28
順位 ページタイトル抜粋 アクセス数
1 YouTube | 動画サービス(課金販売できるプラットフォーム) 7
2 その他エントリー(Stripe) カテゴリー 4
2 EMVレベル1 / EMVレベル2 / EMVCo とは? 4
2 Off-session Payments with Payment Intents / Payment Intents を使用したオフセッション支払 4
3 支払い 3
3 クレジットカード決済 | 課金 3
3 QA(Stripe) カテゴリー 3
3 Stripe Q15。PaymentIntent でエラー。カード番号に不備があります。 | QA(Stripe) 3
4 EMVCo | クレジットカード仕様(仕様) 2
4 Stripe Q16。PaymentIntentの支払いで郵便番号入力を求められる。Radar rules の ZIP code を無効にしているのに | QA(Stripe) 2
4 Stripe エラー(Stripe) カテゴリー 2
4 資金決済に関する法律(資金決済法)とは?/(1)前払式支払手段 /(2)資金移動業 2
4 プリペイドカード | カード 2
4 Stripe Q60. Checkout\SessionオブジェクトとPaymentIntentオブジェクトの関係性は1対1ですか? | QA(Stripe) 2
4 QRコード決済 | 課金 2
4 Stripe Q48。「Checkout\Session - server」「Charge」「PaymentIntent」の使い分け方 | QA(Stripe) 2
4 振込 | 送金 2
5 Stripe Q11。テストAPIで、実際のカード番号を入力したらどうなりますか? | QA(Stripe) 1
5 Vプリカとは?/ 特徴 1
5 ICクレジットカード | クレジットカード仕様(仕様) 1
2024/3/29 1:01 更新