如要開始使用 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 通知訊息」,然後選取「建立」。
或者,在「廣告活動」分頁中選取「新增廣告活動」 點選「通知」。
輸入訊息文字。所有其他欄位皆為選填。
從右側窗格中選取「Send test message」。
在標示為「新增 FCM 註冊權杖」的欄位中輸入註冊資訊 取得的符記
選取「測試」。
選取「測試」後,目標用戶端裝置 (應用程式位於 背景) 應接收通知。
後續步驟
將訊息傳送至前景設定的應用程式
在您在應用程式運作期間成功傳送通知訊息後 請參閱 在 JavaScript 用戶端中接收訊息 就可以開始將應用程式傳送到前景中
不再侷限於通知訊息
除了通知訊息外,還能在 應用程式,請參閱: