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

เริ่มต้นใช้งาน Cordova SDK ฉบับย่อ

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

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

Anchor link to

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

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

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

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

Anchor link to

ติดตั้ง dependencies:

Terminal window
npm i

เพิ่มปลั๊กอิน Pushwoosh:

Terminal window
cordova plugin add ../../ --link --nofetch

เปิด www/js/index.js และอัปเดตการเรียก pushwoosh.onDeviceReady:

pushwoosh.onDeviceReady({
appid: "XXXXX-XXXXX",
projectid: "XXXXXXXXXXXXXXX"
});

แทนที่ค่า appid และ projectid ด้วย Pushwoosh App Code และ Firebase Project Number ของคุณ

1. ตั้งค่า Bundle Identifier
Anchor link to

เปิดไฟล์ platforms/ios/newdemo.xcworkspace ใน Xcode

ตั้งค่า Bundle Identifier สำหรับแต่ละ target:

  • newdemo: ชื่อแพ็คเกจของแอปของคุณ (เช่น com.example.pushwoosh)
2. เพิ่ม capabilities
Anchor link to

ในการเปิดใช้งาน Push Notifications คุณต้องเพิ่ม capabilities บางอย่าง

ในส่วน Signing & Capabilities ให้เพิ่ม capabilities ต่อไปนี้:

  • Push Notifications
  • Background Modes หลังจากเพิ่ม capability นี้แล้ว ให้ทำเครื่องหมายที่ช่อง Remote notifications
3. ตั้งค่า API Token
Anchor link to

ในไฟล์ ios/newdemo/Info.plist ของคุณ ให้ตั้งค่าคีย์ Pushwoosh_API_TOKEN เป็น Pushwoosh Device API Token

1. ตั้งค่า google-services.json
Anchor link to

คัดลอกไฟล์ google-services.json ของคุณไปยังไดเรกทอรีรากของโปรเจกต์

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. สลับสวิตช์ Register for notifications
  3. ให้สิทธิ์สำหรับการแจ้งเตือนแบบพุช อุปกรณ์จะถูกลงทะเบียนกับ Pushwoosh

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

Anchor link to

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