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 packages をインストールします：
5
Start the Development Server
Expo development server を起動します：デバイスの Expo Go app で QR code をスキャンするか、iOS simulator では
i、Android emulator では a を押してください。これで構築を始める準備が整いました！boilerplate には、integration の理解に役立つサンプル screens と components が含まれています。
含まれるもの
boilerplate には、設定済みの基本機能が含まれています：Checkout Integration
checkout sessions を作成・処理するサンプル実装
Payment Handling
成功時とエラー時の処理を含む完全な payment flow
TypeScript Support
適切な type definitions を備えた完全な TypeScript configuration
Expo Router
シームレスな routing を実現する Expo Router を使用した navigation setup
プロジェクト構成
次のステップ
boilerplate を起動できたら、次の操作を行います：1
Create Your Products
Dodo Payments dashboard に products を追加して、checkout functionality を有効にします。
2
Customize the Integration
サンプル code を、アプリケーションの要件と design に合わせて変更します。
3
Test on Real Devices
すべてが正しく動作することを確認するため、physical devices で payment flow をテストします。
4
Go Live
準備ができたら、Live Mode API keys に切り替えて、本番環境用にアプリを build します。
本番環境向けのビルド
1
Install EAS CLI
2
Configure EAS
3
Build Your App
iOS の場合：Android の場合：
追加リソース
Mobile Integration Guide
mobile apps で payments を実装するための詳細ガイド
Integration Guide
one-time payments を実装するための詳細ガイド
API Reference
Dodo Payments API の完全なドキュメントを確認する
サポート
boilerplate についてサポートが必要ですか？- 質問やディスカッションについては、Discord community に参加してください
- 問題や更新情報については、GitHub repository を確認してください
- サポートが必要な場合は、support team にお問い合わせください