GitHub Repository
Vollständiges Expo + React Native + Dodo Payments-Boilerplate
Übersicht
Ein produktionsbereites Boilerplate zur Integration von Dodo Payments in Expo/React Native-Anwendungen. Diese Vorlage umfasst die Erstellung von Checkout-Sitzungen, die Zahlungsabwicklung und eine ordnungsgemäße TypeScript-Konfiguration, um Ihnen zu helfen, schnell Zahlungen in Ihrer mobilen App zu akzeptieren.Dieses Boilerplate nutzt das Expo SDK mit TypeScript und enthält Beispielimplementierungen für Checkout-Sitzungen und Zahlungsabwicklung.
Voraussetzungen
- Node.js 18+
- Expo CLI oder EAS CLI
- Dodo Payments-Konto (API-Schlüssel aus dem Dashboard)
- iOS-Simulator oder Android-Emulator (oder physisches Gerät)
Schnellstart
1
Clone the Repository
Klonen Sie das Boilerplate-Repository und wechseln Sie in das Projektverzeichnis:
2
Get Your API Credentials
Holen Sie sich Ihre Zugangsdaten vom Dodo Payments Dashboard im Testmodus:
- API-Schlüssel: Navigieren Sie zu Entwickler → API-Schlüssel in Ihrem Dashboard
3
Configure Environment Variables
Erstellen Sie eine Fügen Sie Ihre Dodo Payments-Anmeldeinformationen hinzu:
.env Datei im Stammverzeichnis:.env
4
Install Dependencies
Installieren Sie die erforderlichen npm-Pakete:
5
Start the Development Server
Starten Sie den Expo-Entwicklungsserver:Scannen Sie den QR-Code mit der Expo Go-App auf Ihrem Gerät oder drücken Sie
i für den iOS-Simulator oder a für den Android-Emulator.Sie können mit der Entwicklung beginnen! Das Boilerplate enthält Beispielbildschirme und -komponenten, die Ihnen helfen, die Integration zu verstehen.
Was ist enthalten
Das Boilerplate kommt mit vorab konfigurierten Essentials:Checkout Integration
Beispielimplementierung zum Erstellen und Verwalten von Checkout-Sitzungen
Payment Handling
Vollständiger Zahlungsablauf mit Erfolgs- und Fehlerbehandlung
TypeScript Support
Vollständige TypeScript-Konfiguration mit korrekten Typdefinitionen
Expo Router
Navigationseinrichtung mit Expo Router für nahtloses Routing
Projektstruktur
Nächste Schritte
Sobald Sie das Boilerplate ausgeführt haben:1
Create Your Products
Fügen Sie Produkte in Ihrem Dodo Payments dashboard hinzu, um die Checkout-Funktionalität zu aktivieren.
2
Customize the Integration
Passen Sie den Beispielcode an die Anforderungen und das Design Ihrer Anwendung an.
3
Test on Real Devices
Testen Sie den Zahlungsablauf auf physischen Geräten, um sicherzustellen, dass alles korrekt funktioniert.
4
Go Live
Wenn Sie bereit sind, wechseln Sie zu den Live-Mode-API-Schlüsseln und bauen Sie Ihre App für den Produktionsbetrieb.
Produktion erstellen
1
Install EAS CLI
2
Configure EAS
3
Build Your App
Für iOS:Für Android:
Zusätzliche Ressourcen
Mobile Integration Guide
Detaillierte Anleitung zur Implementierung von Zahlungen in mobilen Apps
Integration Guide
Detaillierte Anleitung zur Implementierung einmaliger Zahlungen
API Reference
Die vollständige Dokumentation der Dodo Payments API erkunden
Support
Brauchst du Hilfe mit dem Boilerplate?- Tritt unserer Discord-Community bei, um Fragen zu stellen und dich auszutauschen
- Sieh dir das GitHub-Repository an, um Probleme und Updates zu finden
- Kontaktiere unser Support-Team, wenn du Hilfe benötigst