कैपेसिटर SDK क्विक स्टार्ट

इस त्वरित और सरल उदाहरण का उपयोग करके Pushwoosh कैपेसिटर SDK के साथ शुरुआत करें।

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

अपने ऐप में Pushwoosh कैपेसिटर SDK को एकीकृत करने के लिए, आपको निम्नलिखित की आवश्यकता होगी:

आवश्यकताएँ

• एक Pushwoosh खाता।
• आपके खाते में सेट अप किया गया एक Pushwoosh प्रोजेक्ट।
• iOS इंटीग्रेशन के लिए:
  • पुश नोटिफिकेशन भेजने के लिए कॉन्फ़िगर किया गया एक iOS प्लेटफ़ॉर्म। हम सबसे सरल तरीके के रूप में टोकन-आधारित प्रमाणीकरण कॉन्फ़िगरेशन का उपयोग करने की सलाह देते हैं।
  • सेटअप के दौरान, सिम्युलेटर पर पुश भेजने के लिए गेटवे को Sandbox पर सेट करें।
• Android इंटीग्रेशन के लिए:
  • एक कॉन्फ़िगर किया गया Android प्लेटफ़ॉर्म
  • आपके Firebase प्रोजेक्ट से project number (जिसे Sender ID भी कहा जाता है), google-services.json फ़ाइल और package name।
  • आपके Android एप्लिकेशन से जुड़ा एक Firebase प्रोजेक्ट। यदि आवश्यक हो तो Firebase सेटअप गाइड का पालन करें।
• आपके एप्लिकेशन के लिए Pushwoosh कंट्रोल पैनल से आपका Pushwoosh Application Code और Pushwoosh Device API Token।

उदाहरण प्रोजेक्ट डाउनलोड करें

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

git clone https://github.com/Pushwoosh/pushwoosh-capacitor-plugin.git

प्लगइन डायरेक्टरी पर नेविगेट करें:

cd pushwoosh-capacitor-plugin

प्लगइन बनाएँ

उदाहरण ऐप चलाने से पहले, आपको कैपेसिटर प्लगइन बनाना होगा। प्लगइन निर्भरताएँ स्थापित करें:

npm i

प्लगइन बनाएँ:

npm run build

उदाहरण ऐप को कॉन्फ़िगर करें

उदाहरण ऐप डायरेक्टरी पर नेविगेट करें:

cd example

ऐप निर्भरताएँ स्थापित करें:

npm i

वेब एसेट्स बनाएँ:

npm run build

src/js/example.js खोलें और Pushwoosh.onDeviceReady कॉल को अपडेट करें:

Pushwoosh.onDeviceReady({
    projectid: "__YOUR_FCM_SENDER_ID__",
    appid: "__YOUR_APP_CODE__"
});

जहाँ:

__YOUR_APP_CODE__ Pushwoosh कंट्रोल पैनल से एप्लिकेशन कोड है। __YOUR_FCM_SENDER_ID__ Firebase कंसोल से Firebase प्रोजेक्ट नंबर है।

iOS

1. CocoaPods निर्भरताएँ स्थापित करें

iOS प्लेटफॉर्म डायरेक्टरी पर नेविगेट करें और CocoaPods निर्भरताएँ स्थापित करें:

cd ios/App
pod install --repo-update
cd ../..

2. कैपेसिटर को iOS से सिंक करें

CocoaPods स्थापित करने के बाद, कैपेसिटर कॉन्फ़िगरेशन को सिंक करें:

npx cap sync ios

3. iOS प्रोजेक्ट खोलें

Xcode में प्रोजेक्ट खोलें:

npx cap open ios

4. बंडल आइडेंटिफ़ायर सेट करें

Xcode में, बंडल आइडेंटिफ़ायर को अपने ऐप के पैकेज नाम पर सेट करें (उदाहरण के लिए, com.example.pushwoosh)।

5. क्षमताएँ जोड़ें

पुश नोटिफिकेशन सक्षम करने के लिए, आपको कुछ क्षमताएँ जोड़ने की आवश्यकता है।

Signing & Capabilities सेक्शन में, निम्नलिखित क्षमताएँ जोड़ें:

• Push Notifications
• Background Modes। इस क्षमता को जोड़ने के बाद, Remote notifications के लिए बॉक्स को चेक करें।

6. API टोकन सेट करें

Xcode में ios/App/App/Info.plist खोलें और अपने Pushwoosh डिवाइस API टोकन के साथ निम्नलिखित प्रविष्टि जोड़ें:

Info.plist

<key>Pushwoosh_API_TOKEN</key>
<string>__YOUR_PUSHWOOSH_DEVICE_API_TOKEN__</string>

Android

1. कैपेसिटर को Android से सिंक करें

कैपेसिटर कॉन्फ़िगरेशन को Android प्लेटफॉर्म से सिंक करें:

npx cap sync android

2. google-services.json सेटअप करें

अपनी google-services.json फ़ाइल को android/app डायरेक्टरी में कॉपी करें।

3. पैकेज का नाम सेट करें

android/app/build.gradle खोलें और applicationId को अपने ऐप के पैकेज नाम पर सेट करें (उदाहरण के लिए, com.example.pushwoosh)।

4. API टोकन सेट करें

अपनी android/app/src/main/AndroidManifest.xml फ़ाइल खोलें और <application> टैग के अंदर निम्नलिखित मेटाडेटा जोड़ें:

AndroidManifest.xml

<meta-data android:name="com.pushwoosh.apitoken" android:value="__YOUR_PUSHWOOSH_DEVICE_API_TOKEN__" />

__YOUR_PUSHWOOSH_DEVICE_API_TOKEN__ को अपने Pushwoosh डिवाइस API टोकन से बदलें।

5. Android प्रोजेक्ट खोलें

Android Studio में प्रोजेक्ट खोलें:

npx cap open android

प्रोजेक्ट चलाएँ

1. प्रोजेक्ट बनाएँ और चलाएँ।
2. “Click Me!” बटन पर टैप करें।
3. पुश नोटिफिकेशन के लिए अनुमति दें। डिवाइस Pushwoosh के साथ पंजीकृत हो जाएगा।

एक पुश नोटिफिकेशन भेजें

Pushwoosh कंट्रोल पैनल पर वापस जाएँ और अपने पंजीकृत डिवाइस पर एक पुश नोटिफिकेशन भेजें।