Skip to main content

GitHub Repository

Komplett Expo + React Native + Dodo Payments-boilerplate

​
Översikt

En produktionsklar boilerplate för att integrera Dodo Payments i Expo/React Native-applikationer. Denna mall inkluderar skapande av checkout-sessioner, betalningshantering och korrekt TypeScript-konfiguration för att hjälpa dig att snabbt börja ta emot betalningar i din mobilapp.
Detta boilerplate använder Expo SDK med TypeScript och inkluderar exempelimplementationer för kassasessioner och betalningshantering.

​
Förutsättningar

  • Node.js 18+
  • Expo CLI eller EAS CLI
  • Dodo Payments-konto (API-nyckel från instrumentpanelen)
  • iOS Simulator eller Android Emulator (eller fysisk enhet)

​
Snabbstart

1

Clone the Repository

Klona boilerplate-förvaret och gå till projektkatalogen:
2

Get Your API Credentials

Hämta dina uppgifter från Dodo Payments-instrumentpanelen i Testläge:
  • API-nyckel: Navigera till Utvecklare → API-nycklar i din instrumentpanel
Börja i Testläge för att säkert testa din integration utan att hantera riktiga betalningar.
3

Configure Environment Variables

Skapa en .env-fil i rotkatalogen:
Lägg till dina Dodo Payments-referenser:
.env
Checka aldrig in din .env-fil i versionshanteringen. Den ingår redan i .gitignore.
EXPO_PUBLIC_*-variabler bäddas in i det levererade JavaScript-paketet och kan läsas av alla som laddar ner din app. Dodo Payments API-nycklar är bearer-hemligheter, så använd detta endast med en Test Mode-nyckel under utvecklingen. För produktion skapar du checkout-sessioner på din backend och skickar endast den resulterande checkout_url till appen – se Mobile Integration.
4

Install Dependencies

Installera de obligatoriska npm-paketen:
5

Start the Development Server

Starta Expo-utvecklingsservern:
Skanna QR-koden med Expo Go-appen på din enhet, eller tryck på i för iOS-simulatorn eller a för Android-emulatorn.
Du är redo att börja bygga! Boilerplate-koden innehåller exempel på skärmar och komponenter som hjälper dig att förstå integrationen.

​
Detta ingår

Boilerplate-koden levereras med förkonfigurerade grundfunktioner:

Checkout Integration

Exempelimplementation för att skapa och hantera checkout-sessioner

Payment Handling

Fullständigt betalningsflöde med hantering av lyckade och misslyckade betalningar

TypeScript Support

Fullständig TypeScript-konfiguration med korrekta typdefinitioner

Expo Router

Navigeringskonfiguration med Expo Router för sömlös routing

​
Projektstruktur

​
Nästa steg

När du har fått boilerplate-koden att köra:
1

Create Your Products

Lägg till produkter i din Dodo Payments-dashboard för att aktivera checkout-funktionaliteten.
2

Customize the Integration

Anpassa exempelkoden efter din apps behov och design.
3

Test on Real Devices

Testa betalningsflödet på fysiska enheter för att säkerställa att allt fungerar korrekt.
4

Go Live

När du är redo byter du till Live Mode API-nycklar och bygger din app för produktion.

​
Bygga för produktion

1

Install EAS CLI

2

Configure EAS

3

Build Your App

För iOS:
För Android:

​
Ytterligare resurser

Mobile Integration Guide

Detaljerad guide för att implementera betalningar i mobilappar

Integration Guide

Detaljerad guide för att implementera engångsbetalningar

API Reference

Utforska den fullständiga dokumentationen för Dodo Payments API

​
Support

Behöver du hjälp med boilerplate-koden?
Senast ändrad 17 augusti 2026