Catch up on everything announced at Firebase Summit, and learn how Firebase can help you accelerate app development and run your app with confidence. Learn More

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

Sử dụng bộ sưu tập để sắp xếp ngăn nắp các trang Lưu và phân loại nội dung dựa trên lựa chọn ưu tiên của bạ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 — trang này 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 bằng Notification.requestPermission() . Khi được gọi như được hiển thị, điều này sẽ trả về 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 có tên đó và đặt tệp đó 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 ứng dụng 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 đã nhận được mã thông báo, hãy gửi mã thông báo đó đến máy chủ ứng dụng của bạn và lưu trữ mã thông báo đó 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ị đích. Trên các thiết bị của Apple, bạn cần chấp nhận yêu cầu cấp quyền nhận thông báo từ xa.

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

  3. Trong bảng điều khiển Firebase, hãy mở trang Nhắn tin .

  4. Nếu đây là tin nhắn đầu tiên của bạn, hãy chọn Tạo chiến dịch đầu tiên của bạn .

    1. Chọn Tin nhắn thông báo Firebase và chọn Tạo .
  5. Nếu không, trên tab Chiến dịch , hãy chọn Chiến dịch mới rồi chọn Thông báo .

  6. Nhập nội dung tin nhắn. Tất cả các lĩnh vực khác là tùy chọn.

  7. Chọn Gửi tin nhắn kiểm tra từ ngăn bên phải.

  8. 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.

  9. Chọn Kiểm tra .

Sau khi bạn chọn Kiểm tra , thiết bị khách được nhắm mục tiêu (có ứng dụng ở chế độ nền) sẽ nhận được thông báo.

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 trước.

Đi xa hơn tin nhắn thông báo

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