1. UedaTakeyuki

    Posted

    UedaTakeyuki
Changes in title
+Stripe のサンプルプログラムが Uncaught IntegrationError: stripe.redirectToCheckout: になるとき
Changes in tags
Changes in body
Source | HTML | Preview
@@ -0,0 +1,36 @@
+# 現象
+[Stripe-samples](https://github.com/stripe-samples) の [checkout-one-time-payments](https://github.com/stripe-samples/checkout-one-time-payments) の [client-only](https://github.com/stripe-samples/checkout-one-time-payments/tree/master/client-only/client) を試してて、http://localhost:4242/ を開き Buy for $5.0 ボタンを押しても次に遷移しません
+ ![スクリーンショット 2020-01-24 13.41.46.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/46544/a983879c-d533-62ff-a5dd-f41f54d2116f.png)
+
+Console を見てみると掲題の Error で止まってます
+
+# 調査
+```
+successUrl must start with either http:// or https://.
+```
+との事なので index.html で successUrl を探すと
+
+```
+successUrl:
+ DOMAIN + "/success.html?session_id={CHECKOUT_SESSION_ID}",
+```
+
+で、DOMAIN は
+
+```
+var DOMAIN = window.location.hostname;
+```
+ console で見てみると
+
+```
+window.location.hostname
+"localhost"
+```
+プロトコルないですね
+
+# workaround
+
+```
+var DOMAIN = "http://" + window.location.hostname;
+```
+無事にうごきました