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

GitHub Repository

Expo + React Native + Dodo Payments boilerplate पूरा करें

​
अवलोकन

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

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

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

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

1

रेपोजिटरी क्लोन करें

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

अपनी API क्रेडेंशियल प्राप्त करें

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

पर्यावरण चर कॉन्फ़िगर करें

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

निर्भरता स्थापित करें

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

डेवलपमेंट सर्वर शुरू करें

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

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

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

चेकआउट इंटीग्रेशन

चेकआउट सत्र बनाने और प्रबंधित करने के लिए उदाहरण कार्यान्वयन

भुगतान प्रबंधन

सफलता और त्रुटि प्रबंधन के साथ पूरा भुगतान प्रवाह

TypeScript समर्थन

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

Expo राउटर

सहज रूटिंग के लिए Expo राउटर के साथ नेविगेशन सेटअप

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

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

अपने उत्पाद बनाएं

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

एकीकरण को अनुकूलित करें

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

वास्तविक उपकरणों पर परीक्षण करें

सुनिश्चित करने के लिए भौतिक उपकरणों पर भुगतान प्रवाह का परीक्षण करें कि सब कुछ सही ढंग से काम करता है।
4

लाइव जाएं

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

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

1

EAS CLI स्थापित करें

npm install -g eas-cli
2

EAS कॉन्फ़िगर करें

eas build:configure
3

अपने ऐप का निर्माण करें

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

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

मोबाइल इंटीग्रेशन गाइड

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

React Native इंटीग्रेशन

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

इंटीग्रेशन गाइड

एक बार के भुगतान लागू करने के लिए विस्तृत गाइड

API संदर्भ

Dodo Payments API दस्तावेज़ीकरण का पूरा अन्वेषण करें

​
सहायता

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