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

เริ่มต้นใช้งาน Expo SDK ฉบับเร่งรัด

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

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

Anchor link to

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

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

Anchor link to
Terminal window
# โคลน repository ของ SDK และไปที่โปรเจกต์ตัวอย่าง
git clone https://github.com/Pushwoosh/pushwoosh-expo-plugin-sample.git
# ไปที่ไดเรกทอรีตัวอย่าง
cd pushwoosh-expo-plugin-sample/

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

Anchor link to
1. ติดตั้ง dependencies:
Anchor link to
Terminal window
npm install
2. เริ่มต้นการทำงาน Pushwoosh:
Anchor link to

เปิดไฟล์ app/_layout.tsx และอัปเดตการเรียกใช้ Pushwoosh.init:

Pushwoosh.init({ pw_appid: "__YOUR_APP_CODE__", project_number: "__YOUR_FCM_SENDER_ID__" });

โดยที่:

__YOUR_APP_CODE__ คือรหัสแอปพลิเคชันจาก Pushwoosh Control Panel __YOUR_FCM_SENDER_ID__ คือหมายเลขโปรเจกต์ Firebase จาก Firebase Console

3. ตั้งค่า package name และ bundle ID:
Anchor link to

เปิดไฟล์ app.json และตั้งค่า:

  • package เป็น package name ของแอปของคุณ
  • bundleIdentifier เป็น bundle ID ของแอปของคุณ
4. ตั้งค่า Pushwoosh Device API token:
Anchor link to

เปิดไฟล์ app.json ของคุณและตั้งค่า Pushwoosh Device API Token สำหรับทั้งสองแพลตฟอร์ม:

  • PW_API_TOKEN คือค่า device API token สำหรับแพลตฟอร์ม iOS
  • apiToken คือค่า device API token สำหรับแพลตฟอร์ม Android
5. เพิ่มไฟล์กำหนดค่า Firebase:
Anchor link to

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

Prebuild แอป

Anchor link to

สร้างโค้ดเนทีฟและกำหนดค่า dependencies สำหรับแต่ละแพลตฟอร์มโดยการรัน prebuild:

Terminal window
npx expo prebuild

บิวด์และรันโปรเจกต์

Anchor link to
  1. บิวด์โปรเจกต์:
Terminal window
npx expo run:android
  1. ให้สิทธิ์สำหรับการแจ้งเตือนแบบพุช อุปกรณ์จะถูกลงทะเบียนกับ Pushwoosh และการแจ้งเตือนแบบพุชจะถูกเปิดใช้งาน

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

Anchor link to

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