エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
Next.jsとStripeで定期課金を実装する
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Next.jsとStripeで定期課金を実装する
Next.jsで構築中のフロントエンドアプリケーションに定期課金を実装したかった。読んですぐ実装できるよ... Next.jsで構築中のフロントエンドアプリケーションに定期課金を実装したかった。読んですぐ実装できるように実装方法をメモする。 定期課金の実装にはStripeを使用する。 ※以下では、Next.jsを使った開発環境での実装について記述する。StripeのAPIにシークレットキーを使うため、本番環境ではAPIを叩く処理をサーバーサイド側に実装する必要がある。 Stripe側の設定 まずはStripeのアカウントを作成する。作成したらダッシュボードに移動する。「本番環境」と「テスト環境」があり、アカウント作成直後は「テスト環境」のダッシュボードが開く。テスト環境は実際の支払いは行われず、練習に使用できる。 認証情報をメモする テスト環境のダッシュボードに移動したら、以下の情報をメモする。以下は後ほど環境変数に設定する。 公開可能キー シークレットキー 顧客を作成する 支払いをする「顧客」の情