เริ่มต้นใช้งาน React Native SDK อย่างรวดเร็ว
เริ่มต้นใช้งาน Pushwoosh React Native SDK ด้วยตัวอย่างที่รวดเร็วและง่ายดายนี้
ข้อกำหนดเบื้องต้น
Anchor link toในการผสาน Pushwoosh React Native SDK เข้ากับแอปของคุณ คุณจะต้องมีสิ่งต่อไปนี้:
ดาวน์โหลดโปรเจกต์ตัวอย่าง
Anchor link to# Clone the SDK repository and navigate to the example projectgit clone https://github.com/Pushwoosh/pushwoosh-react-native-plugin.git
# Navigate to example directorycd pushwoosh-react-native-plugin/example/demoapp/
กำหนดค่าโปรเจกต์
Anchor link toติดตั้ง dependency:
npm install
เปิดไฟล์ Settings.js และอัปเดตการเรียก Pushwoosh.init
:
Pushwoosh.init({ "pw_appid" : "__YOUR_APP_ID__", "project_number":"__YOUR_FCM_SENDER_ID__"});
แทนที่ค่า __YOUR_APP_ID__
และ __YOUR_FCM_SENDER_ID__
ด้วย Pushwoosh App Code และ Firebase Project Number ของคุณ
1. ติดตั้ง dependency
Anchor link toไปที่ไดเรกทอรี ios และติดตั้ง dependency:
cd ios && pod install --repo-update
2. ตั้งค่า Bundle Identifier
Anchor link toเปิดไฟล์ ios/Runner.xcworkspace ใน Xcode
ตั้งค่า Bundle Identifier สำหรับแต่ละ target:
Runner
: ชื่อแพ็กเกจของแอปของคุณ (เช่น com.example.pushwoosh)NotificationService
: ชื่อแพ็กเกจของแอปของคุณพร้อมกับ.NotificationServiceExtension
(เช่น com.example.pushwoosh.NotificationServiceExtension)
3. ตั้งค่า API Token
Anchor link toในไฟล์ ios/Runner/Info.plist
ของคุณ ให้ตั้งค่าคีย์ Pushwoosh_API_TOKEN
เป็น Pushwoosh Device API Token ของคุณ
Android
Anchor link to1. ตั้งค่า google-services.json
Anchor link toคัดลอกไฟล์ google-services.json
ของคุณไปยังไดเรกทอรี android/app
2. ตั้งค่าชื่อแพ็กเกจ
Anchor link toเปิดไฟล์ android/app/build.gradle และตั้งค่า applicationId เป็นชื่อแพ็กเกจของแอปของคุณ (เช่น com.example.pushwoosh
)
3. ตั้งค่า API Token
Anchor link toเปิดไฟล์ android/app/src/main/AndroidManifest.xml ของคุณและเพิ่ม metadata ต่อไปนี้ภายในแท็ก <application>
:
<meta-data android:name="com.pushwoosh.apitoken" android:value="__YOUR_PUSHWOOSH_DEVICE_API_TOKEN__" />
แทนที่ __YOUR_PUSHWOOSH_DEVICE_API_TOKEN__
ด้วย Pushwoosh Device API Token ของคุณ
รันโปรเจกต์
Anchor link to- บิลด์และรันโปรเจกต์
- แอปจะมีสองแท็บ: “Actions” และ “Settings” ไปที่แท็บ Settings
- แตะปุ่ม Register for Push Notifications
- ให้สิทธิ์สำหรับการแจ้งเตือนแบบพุช อุปกรณ์จะถูกลงทะเบียนกับ Pushwoosh
ส่งการแจ้งเตือนแบบพุช
Anchor link toกลับไปที่ Pushwoosh Control Panel และ ส่งการแจ้งเตือนแบบพุช ไปยังอุปกรณ์ที่ลงทะเบียนไว้ของคุณ