Skip to main content

GitHub Repository

Boilerplate lengkap Expo + React Native + Dodo Payments

​
Ikhtisar

Sebuah boilerplate siap produksi untuk mengintegrasikan Dodo Payments ke dalam aplikasi Expo/React Native. Template ini mencakup pembuatan sesi checkout, penanganan pembayaran, dan konfigurasi TypeScript yang tepat untuk membantu Anda mulai menerima pembayaran di aplikasi mobile Anda dengan cepat.
Boilerplate ini menggunakan Expo SDK dengan TypeScript dan menyertakan implementasi contoh untuk sesi checkout dan pemrosesan pembayaran.

​
Prasyarat

  • Node.js 18+
  • Expo CLI atau EAS CLI
  • Akun Dodo Payments (API key dari dashboard)
  • Simulator iOS atau Emulator Android (atau perangkat fisik)

​
Memulai dengan Cepat

1

Clone the Repository

Clone repositori boilerplate dan masuk ke direktori proyek:
2

Get Your API Credentials

Dapatkan kredensial Anda dari dasbor Dodo Payments dalam Mode Tes:
  • API Key: Navigasikan ke Developer → API Keys di dashboard Anda
Mulailah dengan Mode Tes untuk menguji integrasi Anda dengan aman tanpa memproses pembayaran nyata.
3

Configure Environment Variables

Buat file .env di direktori root:
Tambahkan kredensial Dodo Payments Anda:
.env
Jangan pernah commit file .env ke version control. File tersebut sudah disertakan dalam .gitignore.
Variabel EXPO_PUBLIC_* disematkan dalam JavaScript bundle yang dikirimkan dan dapat dibaca oleh siapa pun yang mengunduh aplikasi Anda. API keys Dodo Payments adalah bearer secrets, jadi gunakan ini hanya dengan Test Mode key selama pengembangan. Untuk production, buat checkout sessions di backend Anda dan teruskan hanya checkout_url yang dihasilkan ke aplikasi — lihat Mobile Integration.
4

Install Dependencies

Instal paket npm yang diperlukan:
5

Start the Development Server

Mulai Expo development server:
Pindai kode QR dengan aplikasi Expo Go di perangkat Anda, atau tekan i untuk iOS simulator atau a untuk Android emulator.
Anda siap mulai membangun! Boilerplate ini mencakup contoh screen dan component untuk membantu Anda memahami integrasinya.

​
Yang Disertakan

Boilerplate ini dilengkapi kebutuhan penting yang telah dikonfigurasi sebelumnya:

Checkout Integration

Contoh implementasi untuk membuat dan menangani checkout sessions

Payment Handling

Alur pembayaran lengkap dengan penanganan keberhasilan dan error

TypeScript Support

Konfigurasi TypeScript lengkap dengan definisi type yang sesuai

Expo Router

Penyiapan navigasi dengan Expo Router untuk routing yang lancar

​
Struktur Project

​
Langkah Berikutnya

Setelah boilerplate berjalan:
1

Create Your Products

Tambahkan produk di dashboard Dodo Payments Anda untuk mengaktifkan fungsionalitas checkout.
2

Customize the Integration

Sesuaikan contoh code dengan kebutuhan dan design aplikasi Anda.
3

Test on Real Devices

Uji alur pembayaran pada perangkat fisik untuk memastikan semuanya berfungsi dengan benar.
4

Go Live

Setelah siap, beralihlah ke Live Mode API keys dan build aplikasi Anda untuk production.

​
Build untuk Production

1

Install EAS CLI

2

Configure EAS

3

Build Your App

Untuk iOS:
Untuk Android:

​
Sumber Daya Tambahan

Mobile Integration Guide

Panduan terperinci untuk mengimplementasikan pembayaran di aplikasi mobile

Integration Guide

Panduan terperinci untuk mengimplementasikan pembayaran one-time

API Reference

Jelajahi dokumentasi lengkap Dodo Payments API

​
Dukungan

Butuh bantuan dengan boilerplate ini?
Terakhir diubah pada 17 Agustus 2026