ข้ามไปยังเนื้อหา

เริ่มต้นใช้งาน React Native SDK อย่างรวดเร็ว

เริ่มต้นใช้งาน Pushwoosh React Native SDK ด้วยตัวอย่างที่รวดเร็วและง่ายดายนี้

ข้อกำหนดเบื้องต้น

Anchor link to

ในการผสาน Pushwoosh React Native SDK เข้ากับแอปของคุณ คุณจะต้องมีสิ่งต่อไปนี้:

ดาวน์โหลดโปรเจกต์ตัวอย่าง

Anchor link to
Terminal window
# Clone the SDK repository and navigate to the example project
git clone https://github.com/Pushwoosh/pushwoosh-react-native-plugin.git
# Navigate to example directory
cd pushwoosh-react-native-plugin/example/demoapp/

กำหนดค่าโปรเจกต์

Anchor link to

ติดตั้ง dependency:

Terminal window
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:

Terminal window
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 ของคุณ

1. ตั้งค่า 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>:

AndroidManifest.xml
<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
  1. บิลด์และรันโปรเจกต์
  2. แอปจะมีสองแท็บ: “Actions” และ “Settings” ไปที่แท็บ Settings
  3. แตะปุ่ม Register for Push Notifications
  4. ให้สิทธิ์สำหรับการแจ้งเตือนแบบพุช อุปกรณ์จะถูกลงทะเบียนกับ Pushwoosh

ส่งการแจ้งเตือนแบบพุช

Anchor link to

กลับไปที่ Pushwoosh Control Panel และ ส่งการแจ้งเตือนแบบพุช ไปยังอุปกรณ์ที่ลงทะเบียนไว้ของคุณ