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

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

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

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

Anchor link to

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

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

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

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

Anchor link to
1. ติดตั้งส่วนประกอบที่จำเป็น:
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. ตั้งค่าชื่อแพ็กเกจและ Bundle ID:
Anchor link to

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

  • package เป็นชื่อแพ็กเกจของแอปคุณ
  • 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 ของคุณไปยังไดเรกทอรีรากของโปรเจกต์

Prebuild แอป

Anchor link to

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

Terminal window
npx expo prebuild

สร้างและรันโปรเจกต์

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

ส่งการแจ้งเตือนแบบ push

Anchor link to

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