【Stripe】本番環境時のテストは決済金額を50円以上にする

はじめに

おしゃべり猫型ロボット「ミーア」を開発中。

Mia

6月1日リリースに向けて、本体購入の決済をHPに設定中。

WordPress（WooCommerce）+Stripeの組み合わせで、Stripeの本番決済をテストしたところ、思わぬ落とし穴に遭遇したので共有。

クレジット入力画面が表示されない！？

WooCommerce + Stripeの連携設定は、下記記事に分かりやすく書かれているので割愛。記事を参考に設定を進めていき、無事テストモードでの検証が終わったので、そのまま本番環境の設定を進めていった。

https://tcd-theme.com/2022/06/woocommerce-stripe.html

ちなみにテストモードだと、下記のように、Stripeがあらかじめ用意しているテストカード番号を入力することで決済テストできる。

本番決済をテストしようと思い、とりあえず、配送無料、購入金額1円の最小単位にして、自分のクレジットカードで決済できるか試みたところ、、

「あれ！？クレジット画面入力欄が表示されていない？」

枠は表示されているが、実際のクレジット番号やCVCなどの記入欄が表示されていない。

これは、枠をクリックして、次の画面に遷移したら入力フィールドが表示されるのかな？と思ったがそうではなさそう。

Stripeの本番利用の権限がまだ降りていないのか、本番環境移行の設定（秘密鍵・公開鍵・webhookの設定など）が間違っていたのかなど確認したが特に問題はなかった。

最低購入金額として50円が必要

ということで、console.logを見たところ、StripeへのAPI通信の部分で400エラーが大量に吐かれていた。

エラーのリンクをクリックしたところ、下記メッセージが。

続きはこちらで記載しています。

【Stripe】本番環境時のテストは決済金額を50円以上にする