ในการเริ่มต้นใช้งาน FCM ให้สร้างกรณีการใช้งานที่เรียบง่ายที่สุด นั่นคือการส่ง ข้อความแจ้งเตือนไปยังผู้ใช้ที่เจาะจง เมื่อแอปอยู่ในเบื้องหลังบนอุปกรณ์ หน้านี้แสดงขั้นตอนทั้งหมดในการดำเนินการ ตั้งแต่การตั้งค่าไปจนถึงการยืนยัน ซึ่งอาจครอบคลุมถึงขั้นตอนที่คุณทำไปแล้ว หากคุณ ตั้งค่าแอปไคลเอ็นต์ JavaScript แล้ว สำหรับ FCM
ตั้งค่า SDK
เพิ่ม Firebase ลงในโปรเจ็กต์ JavaScript หากยังไม่ได้เพิ่ม
เข้าถึงโทเค็นการจดทะเบียน
หากต้องการเรียกข้อมูลโทเค็นการลงทะเบียนปัจจุบันสำหรับอินสแตนซ์ของแอป ก่อนอื่น
ขอสิทธิ์การแจ้งเตือนจากผู้ใช้ด้วย Notification.requestPermission()
เมื่อเรียกใช้ตามที่แสดง การดำเนินการนี้จะแสดงโทเค็นหากได้รับสิทธิ์หรือปฏิเสธสัญญา
หากถูกปฏิเสธ:
function requestPermission() { console.log('Requesting permission...'); Notification.requestPermission().then((permission) => { if (permission === 'granted') { console.log('Notification permission granted.');
FCM ต้องการไฟล์ firebase-messaging-sw.js
หากคุณมีไฟล์ firebase-messaging-sw.js
อยู่แล้ว ให้สร้างไฟล์เปล่า
ด้วยชื่อนั้นและวางไว้ในรากของโดเมนก่อนที่จะเรียกโทเค็น
คุณสามารถเพิ่มเนื้อหาที่มีความหมายลงในไฟล์ภายหลังได้ในขั้นตอนการตั้งค่าไคลเอ็นต์
วิธีเรียกข้อมูลโทเค็นปัจจุบัน
Web
import { getMessaging, getToken } from "firebase/messaging"; // Get registration token. Initially this makes a network call, once retrieved // subsequent calls to getToken will return from cache. const messaging = getMessaging(); getToken(messaging, { vapidKey: '<YOUR_PUBLIC_VAPID_KEY_HERE>' }).then((currentToken) => { if (currentToken) { // Send the token to your server and update the UI if necessary // ... } else { // Show permission request UI console.log('No registration token available. Request permission to generate one.'); // ... } }).catch((err) => { console.log('An error occurred while retrieving token. ', err); // ... });
Web
// Get registration token. Initially this makes a network call, once retrieved // subsequent calls to getToken will return from cache. messaging.getToken({ vapidKey: '<YOUR_PUBLIC_VAPID_KEY_HERE>' }).then((currentToken) => { if (currentToken) { // Send the token to your server and update the UI if necessary // ... } else { // Show permission request UI console.log('No registration token available. Request permission to generate one.'); // ... } }).catch((err) => { console.log('An error occurred while retrieving token. ', err); // ... });
หลังจากได้รับโทเค็นแล้ว ให้ส่งโทเค็นไปยังเซิร์ฟเวอร์ของแอปและร้านค้า โดยใช้วิธีที่คุณต้องการ
ส่งข้อความแจ้งเตือนทดสอบ
ติดตั้งและเรียกใช้แอปในอุปกรณ์เป้าหมาย คุณจะต้องมีสิ่งต่อไปนี้ในอุปกรณ์ Apple เพื่อยอมรับคำขอสิทธิ์เพื่อรับการแจ้งเตือนจากระยะไกล
ตรวจสอบว่าแอปอยู่ในเบื้องหลังของอุปกรณ์
เปิดหน้าการรับส่งข้อความในคอนโซล Firebase
หากนี่เป็นข้อความแรก ให้เลือกสร้างรายการแรก แคมเปญ
- เลือกข้อความแจ้งเตือน Firebase แล้วเลือกสร้าง
หรือเลือกแคมเปญใหม่ในแท็บแคมเปญ แล้วคลิกการแจ้งเตือน
ป้อนข้อความที่ต้องการ ส่วนช่องอื่นๆ ทั้งหมดไม่บังคับ
เลือกส่งข้อความทดสอบจากแผงด้านขวา
ในช่องที่ติดป้ายกำกับเพิ่มโทเค็นการจดทะเบียน FCM ให้ป้อนการจดทะเบียน โทเค็นที่คุณได้รับในส่วนก่อนหน้าของคู่มือนี้
เลือกทดสอบ
หลังจากเลือกทดสอบแล้ว อุปกรณ์ของลูกค้าเป้าหมาย (ที่มีแอปใน พื้นหลัง) จะได้รับการแจ้งเตือน
ขั้นตอนถัดไป
ส่งข้อความไปยังแอปที่ทำงานอยู่เบื้องหน้า
เมื่อคุณส่งข้อความการแจ้งเตือนสำเร็จขณะที่แอปของคุณ พื้นหลัง โปรดดู รับข้อความในไคลเอ็นต์ JavaScript เพื่อเริ่มส่งไปยังแอปที่ทำงานอยู่เบื้องหน้า
ทำได้มากกว่าแค่ข้อความแจ้งเตือน
นอกเหนือข้อความแจ้งเตือน และเพิ่มการทำงานขั้นสูงอื่นๆ ให้กับ โปรดดูที่