Join us for Firebase Summit on November 10, 2021. Tune in to learn how Firebase can help you accelerate app development, release with confidence, and scale with ease. Register

向後台應用發送測試消息

要開始使用 FCM,請構建最簡單的用例:當應用程序在設備後台時向特定用戶發送通知消息。此頁面列出了所有的步驟,以實現這一目標,從設置到驗證-它可能覆蓋如果您有已經完成的步驟建立一個JavaScript客戶端應用程序的FCM。

設置 SDK

如果你還沒有準備好,加入到火力地堡你的JavaScript項目

訪問註冊令牌

當你需要獲取令牌為應用程序實例當前的註冊,撥打getToken 。如果未授予通知權限,此方法將要求用戶提供通知權限。否則,它會返回一個令牌或由於錯誤而拒絕承諾。

消息傳遞服務需要一個firebase-messaging-sw.js文件。除非你已經有一個firebase-messaging-sw.js文件,創建一個相同名稱的空文件並將其放置在您的域的根目錄獲取令牌之前。您可以稍後在客戶端設置過程中向文件添加有意義的內容。

要檢索當前令牌:

網頁版 9

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);
  // ...
});

網頁版 8

// 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. 在目標設備上安裝並運行該應用程序。

  2. 確保應用程序在設備的後台。

  3. 打開通知作曲並選擇New通知

  4. 輸入消息文本。

  5. 選擇發送測試消息

  6. 在現場標記添加FCM註冊令牌,令牌你這個指南的一節中獲得進入註冊。

  7. 點擊測試

您單擊測試之後,有針對性的客戶端設備(在後台應用程序)應接受瀏覽器的通知。

下一步

向前台應用發送消息

一旦您已成功發送的通知消息,而您的應用程序在後台,看到接收的JavaScript客戶端消息到開始發送到前景化應用。

超越通知消息

要超越通知消息並向您的應用程序添加其他更高級的行為,請參閱: