เริ่มต้นใช้งาน Cordova SDK ฉบับย่อ
เริ่มต้นใช้งาน Pushwoosh Cordova SDK ด้วยตัวอย่างที่ง่ายและรวดเร็วนี้
ข้อกำหนดเบื้องต้น
Anchor link toในการผสาน Pushwoosh Cordova SDK เข้ากับแอปของคุณ คุณจะต้องมีสิ่งต่อไปนี้:
ดาวน์โหลดโปรเจกต์ตัวอย่าง
Anchor link to# Clone the SDK repository and navigate to the example projectgit clone https://github.com/Pushwoosh/pushwoosh-phonegap-plugin.git
# Navigate to example directorycd pushwoosh-phonegap-plugin/example/newdemo/
กำหนดค่าโปรเจกต์
Anchor link toติดตั้ง dependencies:
npm i
เพิ่มปลั๊กอิน Pushwoosh:
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
Android
Anchor link to1. ตั้งค่า 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>
:
<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- บิลด์และรันโปรเจกต์
- สลับสวิตช์ Register for notifications
- ให้สิทธิ์สำหรับการแจ้งเตือนแบบพุช อุปกรณ์จะถูกลงทะเบียนกับ Pushwoosh
ส่งการแจ้งเตือนแบบพุช
Anchor link toกลับไปที่ Pushwoosh Control Panel และ ส่งการแจ้งเตือนแบบพุช ไปยังอุปกรณ์ที่ลงทะเบียนไว้ของคุณ