Gửi tin nhắn thử nghiệm tới một ứng dụng chạy nền

Để bắt đầu với FCM, hãy xây dựng trường hợp sử dụng đơn giản nhất: gửi tin nhắn thông báo đến một người dùng cụ thể khi ứng dụng ở chế độ nền trên thiết bị. Trang này liệt kê tất cả các bước để đạt được điều này, từ thiết lập đến xác minh - nó có thể bao gồm các bước bạn đã hoàn thành nếu bạn đã thiết lập ứng dụng khách JavaScript cho FCM.

Thiết lập SDK

Nếu bạn chưa có, hãy thêm Firebase vào dự án JavaScript của bạn .

Truy cập mã thông báo đăng ký

Khi bạn cần truy xuất mã thông báo đăng ký hiện tại cho một phiên bản ứng dụng, trước tiên hãy yêu cầu quyền thông báo từ người dùng với Notification.requestPermission() . Khi được gọi như được hiển thị, điều này trả về một mã thông báo nếu quyền được cấp hoặc từ chối lời hứa nếu bị từ chối:

function requestPermission() {
  console.log('Requesting permission...');
  Notification.requestPermission().then((permission) => {
    if (permission === 'granted') {
      console.log('Notification permission granted.');

FCM yêu cầu tệp firebase-messaging-sw.js . Trừ khi bạn đã có tệp firebase-messaging-sw.js , hãy tạo một tệp trống với tên đó và đặt nó vào thư mục gốc của miền của bạn trước khi truy xuất mã thông báo. Bạn có thể thêm nội dung có ý nghĩa vào tệp sau này trong quá trình thiết lập máy khách.

Để truy xuất mã thông báo hiện tại:

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

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

Sau khi bạn đã lấy được mã thông báo, hãy gửi nó đến máy chủ ứng dụng của bạn và lưu trữ nó bằng phương pháp ưa thích của bạn.

Gửi tin nhắn thông báo kiểm tra

  1. Cài đặt và chạy ứng dụng trên thiết bị mục tiêu.

  2. Đảm bảo rằng ứng dụng đang ở chế độ nền trên thiết bị.

  3. Mở trình soạn thảo Thông báo và chọn Thông báo mới .

  4. Nhập nội dung tin nhắn.

  5. Chọn Gửi tin nhắn thử nghiệm .

  6. Trong trường có nhãn Thêm mã thông báo đăng ký FCM , hãy nhập mã thông báo đăng ký mà bạn đã nhận được trong phần trước của hướng dẫn này.

  7. Nhấp vào Kiểm tra

Sau khi bạn nhấp vào Kiểm tra , thiết bị khách được nhắm mục tiêu (với ứng dụng ở chế độ nền) sẽ nhận được thông báo trong trình duyệt.

Bước tiếp theo

Gửi tin nhắn đến các ứng dụng nền trước

Khi bạn đã gửi thành công tin nhắn thông báo trong khi ứng dụng của bạn ở chế độ nền, hãy xem Nhận tin nhắn trong Ứng dụng khách JavaScript để bắt đầu gửi đến các ứng dụng chạy nền.

Vượt xa tin nhắn thông báo

Để vượt xa các tin nhắn thông báo và thêm các hành vi khác, nâng cao hơn vào ứng dụng của bạn, hãy xem: