傳送測試訊息至背景執行的應用程式

如要開始使用 FCM,請建構最簡單的用途:傳送 通知訊息給特定使用者 應用程式於裝置背景運作時。 本頁面列出完成此操作的所有步驟,從設定到驗證,如果您已為 FCM 設定 JavaScript 用戶端應用程式,這可能會涵蓋您已完成的步驟。

設定 SDK

如果您尚未將 Firebase 新增至 JavaScript 專案,請新增 Firebase

存取註冊權杖

當您需要擷取應用程式執行個體的目前註冊符記時,請先 透過 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);
  // ...
});

取得權杖後,請將其傳送至應用程式伺服器和商店 透過您偏好的方式執行映像檔

傳送測試通知訊息

  1. 在目標裝置上安裝並執行應用程式。如果你使用 Apple 裝置, 接受接收遠端通知的要求。

  2. 確認應用程式在裝置的背景執行。

  3. Firebase 控制台中,開啟「Messaging」頁面。

  4. 如果這是第一則訊息,請選取「建立您的第一則訊息」 廣告活動

    1. 選取「Firebase 通知訊息」,然後選取「建立」
  5. 或者,在「廣告活動」分頁中選取「新增廣告活動」 點選「通知」

  6. 輸入訊息文字。其他欄位則為選填欄位。

  7. 從右側窗格中選取「Send test message」

  8. 在標示為「新增 FCM 註冊權杖」的欄位中輸入註冊資訊 取得的符記

  9. 選取「測試」

選取「Test」後,指定的用戶端裝置 (應用程式在背景執行) 應會收到通知。

後續步驟

將訊息傳送至前景設定的應用程式

在您在應用程式運作期間成功傳送通知訊息後 請參閱 在 JavaScript 用戶端中接收訊息 就可以開始將應用程式傳送到前景中

不再侷限於通知訊息

如要進一步瞭解通知訊息,並在應用程式中新增其他進階行為,請參閱: