Capacitor SDK দ্রুত শুরু

এই দ্রুত এবং সহজ উদাহরণ ব্যবহার করে Pushwoosh Capacitor SDK দিয়ে শুরু করুন

পূর্বশর্ত

আপনার অ্যাপে Pushwoosh Capacitor 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 ডিভাইস API টোকেন।

উদাহরণ প্রজেক্টটি ডাউনলোড করুন

SDK রিপোজিটরিটি ক্লোন করুন:

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

প্লাগইন ডিরেক্টরিতে নেভিগেট করুন:

cd pushwoosh-capacitor-plugin

প্লাগইনটি বিল্ড করুন

উদাহরণ অ্যাপটি চালানোর আগে, আপনাকে Capacitor প্লাগইনটি বিল্ড করতে হবে। প্লাগইন ডিপেন্ডেন্সি ইনস্টল করুন:

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

১. CocoaPods ডিপেন্ডেন্সি ইনস্টল করুন

iOS প্ল্যাটফর্ম ডিরেক্টরিতে নেভিগেট করুন এবং CocoaPods ডিপেন্ডেন্সি ইনস্টল করুন:

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

২. Capacitor-কে iOS-এর সাথে সিঙ্ক করুন

CocoaPods ইনস্টল করার পরে, Capacitor কনফিগারেশন সিঙ্ক করুন:

npx cap sync ios

৩. iOS প্রজেক্টটি খুলুন

Xcode-এ প্রজেক্টটি খুলুন:

npx cap open ios

৩. বান্ডেল আইডেন্টিফায়ার সেট করুন

Xcode-এ, বান্ডেল আইডেন্টিফায়ার আপনার অ্যাপের প্যাকেজ নামে সেট করুন (যেমন, com.example.pushwoosh)।

৫. ক্যাপাবিলিটি যোগ করুন

পুশ নোটিফিকেশন সক্রিয় করতে, আপনাকে কিছু নির্দিষ্ট ক্যাপাবিলিটি যোগ করতে হবে।

Signing & Capabilities বিভাগে, নিম্নলিখিত ক্যাপাবিলিটিগুলি যোগ করুন:

Push Notifications
Background Modes। এই ক্যাপাবিলিটি যোগ করার পরে, Remote notifications-এর জন্য বক্সটি চেক করুন।

৬. API টোকেন সেট করুন

Xcode-এ ios/App/App/Info.plist খুলুন এবং আপনার Pushwoosh Device API Token দিয়ে নিম্নলিখিত এন্ট্রি যোগ করুন:

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

Android

১. Capacitor-কে Android-এর সাথে সিঙ্ক করুন

Capacitor কনফিগারেশনটি Android প্ল্যাটফর্মে সিঙ্ক করুন:

npx cap sync android

২. google-services.json সেটআপ করুন

আপনার google-services.json ফাইলটি android/app ডিরেক্টরিতে কপি করুন।

৩. প্যাকেজের নাম সেট করুন

android/app/build.gradle খুলুন এবং applicationId আপনার অ্যাপের প্যাকেজ নামে সেট করুন (যেমন, com.example.pushwoosh)।

৪. API টোকেন সেট করুন

আপনার android/app/src/main/AndroidManifest.xml ফাইলটি খুলুন এবং <application> ট্যাগের ভিতরে নিম্নলিখিত মেটাডেটা যোগ করুন:

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

__YOUR_PUSHWOOSH_DEVICE_API_TOKEN__-কে আপনার Pushwoosh Device API Token দিয়ে প্রতিস্থাপন করুন।

৫. Android প্রজেক্টটি খুলুন

Android Studio-তে প্রজেক্টটি খুলুন:

npx cap open android

প্রজেক্টটি চালান

১. প্রজেক্টটি বিল্ড করুন এবং চালান। ২. “Click Me!” বোতামে ট্যাপ করুন। ৩. পুশ নোটিফিকেশনের জন্য অনুমতি দিন। ডিভাইসটি Pushwoosh-এ রেজিস্টার করা হবে।

একটি পুশ নোটিফিকেশন পাঠান

Pushwoosh কন্ট্রোল প্যানেলে ফিরে যান এবং আপনার রেজিস্টার করা ডিভাইসে একটি পুশ নোটিফিকেশন পাঠান।