मुख्य सामग्री पर जाएं

GitHub Repository

Expo + React Native + Dodo Payments बूलरप्लेट को पूरा करें

​
अवलोकन

Dodo Payments को Expo/React Native अनुप्रयोगों में एकीकृत करने के लिए एक उत्पादन-तैयार boilerplate। इस टेम्पलेट में चेकआउट सत्र निर्माण, भुगतान प्रबंधन, और उचित TypeScript कॉन्फ़िगरेशन शामिल है ताकि आप अपने मोबाइल ऐप में जल्दी से भुगतान स्वीकार करना शुरू कर सकें।
यह बूलरप्लेट TypeScript के साथ Expo SDK का उपयोग करता है और चेकआउट सेशन्स तथा भुगतान प्रोसेसिंग के लिए उदाहरण कार्यान्वयन शामिल करता है।

​
पूर्वापेक्षाएँ

  • Node.js 18+
  • Expo CLI या EAS CLI
  • Dodo Payments खाता (डैशबोर्ड से API कुंजी)
  • iOS सिम्युलेटर या Android एमुलेटर (या भौतिक उपकरण)

​
त्वरित प्रारंभ

1

Clone the Repository

बूलरप्लेट रिपॉजिटरी को क्लोन करें और प्रोजेक्ट डायरेक्टरी में जाएं:
git clone https://github.com/dodopayments/expo-boilerplate.git
cd expo-boilerplate
2

Get Your API Credentials

टेस्ट मोड में Dodo Payments डैशबोर्ड से अपनी क्रेडेंशियल प्राप्त करें:
  • API कुंजी: अपने डैशबोर्ड में डेवलपर → API कुंजी पर जाएं।
असली भुगतान प्रोसेस किए बिना अपने एकीकरण का सुरक्षित परीक्षण करने के लिए टेस्ट मोड से शुरू करें।
3

Configure Environment Variables

रूट डायरेक्टरी में .env फ़ाइल बनाएं:
touch .env
अपनी Dodo Payments क्रेडेंशियल जोड़ें:
.env
EXPO_PUBLIC_DODO_API_KEY=your_test_api_key_here
कभी भी अपनी .env फ़ाइल को वर्शन कंट्रोल में कमिट न करें। यह पहले से .gitignore में शामिल है।
4

Install Dependencies

आवश्यक npm पैकेज स्थापित करें:
npm install
5

Start the Development Server

Expo विकास सर्वर शुरू करें:
npx expo start
अपने डिवाइस पर Expo Go ऐप से QR कोड स्कैन करें, या iOS सिम्युलेटर के लिए i या Android एमुलेटर के लिए a दबाएं।
अब आप निर्माण शुरू करने के लिए तैयार हैं! बूलरप्लेट में एकीकरण को समझने में मदद के लिए उदाहरण स्क्रीन और घटक शामिल हैं।

​
क्या शामिल है

Boilerplate पूर्व-निर्धारित आवश्यकताओं के साथ आता है:

Checkout Integration

चेकआउट सेशन्स बनाने और संभालने का उदाहरण कार्यान्वयन

Payment Handling

सफलता और त्रुटि हैंडलिंग के साथ पूर्ण भुगतान फ्लो

TypeScript Support

उचित टाइप परिभाषाओं के साथ पूर्ण TypeScript कॉन्फ़िगरेशन

Expo Router

निरंतर रूटिंग के लिए Expo Router के साथ नेविगेशन सेटअप

​
प्रोजेक्ट संरचना

expo-boilerplate/
├── app/
│   ├── (tabs)/
│   │   └── index.tsx          # Home screen with examples
│   └── checkout.tsx           # Checkout screen
├── components/
│   └── PaymentButton.tsx      # Payment button component
├── lib/
│   └── dodo.ts                # Dodo Payments client setup
├── .env.example               # Environment variables template
└── package.json

​
अगले कदम

एक बार जब आपके पास boilerplate चल रहा हो:
1

Create Your Products

चेकआउट कार्यक्षमता सक्षम करने के लिए अपने Dodo Payments डैशबोर्ड में उत्पाद जोड़ें।
2

Customize the Integration

अपने एप्लिकेशन की आवश्यकताओं और डिज़ाइन के अनुसार उदाहरण कोड को अनुकूलित करें।
3

Test on Real Devices

सुनिश्चित करने के लिए कि सब कुछ सही तरीके से काम कर रहा है, भुगतान फ्लो को भौतिक डिवाइसों पर टेस्ट करें।
4

Go Live

तैयार होने पर, लाइव मोड API कुंजियों में स्विच करें और अपना ऐप प्रोडक्शन के लिए बनाएं।

​
उत्पादन के लिए निर्माण

1

Install EAS CLI

npm install -g eas-cli
2

Configure EAS

eas build:configure
3

Build Your App

iOS के लिए:
eas build --platform ios
Android के लिए:
eas build --platform android

​
अतिरिक्त संसाधन

Mobile Integration Guide

मोबाइल ऐप्स में भुगतान लागू करने के लिए विस्तृत मार्गदर्शिका

React Native Integration

React Native विशिष्ट एकीकरण दस्तावेज

Integration Guide

एक बार के भुगतान लागू करने के लिए विस्तृत मार्गदर्शिका

API Reference

पूरी Dodo Payments API दस्तावेज़ की खोज करें

​
सहायता

क्या आपको boilerplate के साथ मदद चाहिए?