GitHub Repository
Expo + React Native + Dodo Payments の完全なボイラープレート
概要
Dodo PaymentsをExpo/React Nativeアプリケーションに統合するための生産準備が整ったボイラープレートです。このテンプレートには、チェックアウトセッションの作成、支払い処理、適切なTypeScript構成が含まれており、モバイルアプリで迅速に支払いを受け入れることができます。このボイラープレートは TypeScript を使用した Expo SDK を利用し、チェックアウトセッションと支払い処理の例を含んでいます。
前提条件
- Node.js 18+
- Expo CLI または EAS CLI
- Dodo Paymentsアカウント（ダッシュボードからのAPIキー）
- iOSシミュレーターまたはAndroidエミュレーター（または物理デバイス）
クイックスタート
1
Clone the Repository
ボイラープレートのリポジトリをクローンし、プロジェクトディレクトリに移動します:
2
Get Your API Credentials
テストモードの Dodo Payments ダッシュボードから認証情報を取得します:
- APIキー: ダッシュボードのDeveloper → API Keysに移動します。
3
Configure Environment Variables
ルートディレクトリに Dodo Paymentsの資格情報を追加します:
.env ファイルを作成します:.env
4
Install Dependencies
必要な npm パッケージをインストールします:
5
Start the Development Server
Expo 開発サーバーを起動します:QR コードを Expo Go アプリでスキャンするか、iOS シミュレーター用に
i、Android エミュレーター用に a を押します。準備ができたら開発を始めましょう！このボイラープレートには統合を理解するための例の画面やコンポーネントが含まれています。
含まれているもの
ボイラープレートには、事前に設定された必須項目が含まれています:Checkout Integration
チェックアウトセッションの作成と処理のための例の実装
Payment Handling
成功およびエラー処理を含む完全な支払いフロー
TypeScript Support
適切な型定義を備えた完全な TypeScript 設定
Expo Router
シームレスなルーティングのための Expo Router を用いたナビゲーション設定
プロジェクト構造
次のステップ
ボイラープレートが動作している状態になったら:1
Create Your Products
チェックアウト機能を有効にするために Dodo Payments dashboard で商品を追加します。
2
Customize the Integration
サンプルコードをアプリケーションの要件やデザインに合わせて調整してください。
3
Test on Real Devices
実機で支払いフローをテストして、すべてが正しく動作することを確認します。
4
Go Live
準備が整ったら、ライブモードの API キーに切り替えてアプリを本番用にビルドします。
本番用ビルド
1
Install EAS CLI
2
Configure EAS
3
Build Your App
iOS の場合:Androidの場合:
追加リソース
Mobile Integration Guide
モバイルアプリでの支払い実装の詳細ガイド
React Native Integration
React Native 固有の統合ドキュメント
Integration Guide
単発支払いの実装に関する詳細ガイド
API Reference
Dodo Payments の完全な API ドキュメントを確認する
サポート
ボイラープレートに関して助けが必要ですか？- 質問や議論のために、Discordコミュニティに参加してください
- 問題や更新についてはGitHubリポジトリを確認してください
- サポートが必要な場合は、サポートチームにお問い合わせください