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
Installiere die erforderlichen npm-Pakete:
5
Start the Development Server
Starte den Expo-Entwicklungsserver:Scanne den QR-Code mit der Expo-Go-App auf deinem Gerät oder drücke
i für den iOS-Simulator oder a für den Android-Emulator.Du kannst jetzt mit der Entwicklung beginnen! Das Boilerplate enthält Beispielbildschirme und -komponenten, die dir helfen, die Integration zu verstehen.
Enthaltene Bestandteile
Das Boilerplate enthält die wichtigsten vorkonfigurierten Elemente:Checkout Integration
Beispielimplementierung zum Erstellen und Verarbeiten von Checkout-Sessions
Payment Handling
Vollständiger Zahlungsablauf mit Erfolgs- und Fehlerbehandlung
TypeScript Support
Vollständige TypeScript-Konfiguration mit passenden Typdefinitionen
Expo Router
Navigationseinrichtung mit Expo Router für nahtloses Routing
Projektstruktur
Nächste Schritte
Sobald das Boilerplate ausgeführt wird:1
Create Your Products
Füge Produkte in deinem Dodo Payments-Dashboard hinzu, um die Checkout-Funktionalität zu aktivieren.
2
Customize the Integration
Passe den Beispielcode an die Anforderungen und das Design deiner Anwendung an.
3
Test on Real Devices
Teste den Zahlungsablauf auf physischen Geräten, um sicherzustellen, dass alles ordnungsgemäß funktioniert.
4
Go Live
Wechsle zur Produktionsreife zu Live Mode API-Schlüsseln und erstelle deine App für die Produktion.
Für die 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 von Einmalzahlungen
API Reference
Entdecke die vollständige Dodo Payments API-Dokumentation
Support
Benötigst du Hilfe mit dem Boilerplate?- Tritt unserer Discord-Community bei, wenn du Fragen oder Diskussionsbedarf hast
- Sieh dir das GitHub-Repository an, um Probleme und Aktualisierungen zu finden
- Kontaktiere unser Support-Team, wenn du Hilfe benötigst