Arka plana sahip bir uygulamaya bir test mesajı gönderin

FCM'yi kullanmaya başlamak için en basit kullanım örneğini oluşturun: uygulama cihazda arka plandayken belirli bir kullanıcıya bildirim mesajı göndermek. Bu sayfa, kurulumdan doğrulamaya kadar bunu başarmak için tüm adımları listeler - FCM için bir JavaScript istemci uygulaması ayarladıysanız , zaten tamamladığınız adımları kapsayabilir.

SDK'yı kurun

Henüz yapmadıysanız, JavaScript projenize Firebase'i ekleyin .

Kayıt belirtecine erişin

Bir uygulama örneği için geçerli kayıt belirtecini almanız gerektiğinde, önce Notification.requestPermission() ile kullanıcıdan bildirim izinleri isteyin. Gösterildiği gibi çağrıldığında, izin verilirse bir belirteç döndürür veya reddedilirse vaadi reddeder:

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

FCM, bir firebase-messaging-sw.js dosyası gerektirir. Zaten bir firebase-messaging-sw.js dosyanız yoksa, bu ada sahip boş bir dosya oluşturun ve bir jeton almadan önce onu alanınızın kök dizinine yerleştirin. Dosyaya daha sonra istemci kurulum sürecinde anlamlı içerik ekleyebilirsiniz.

Geçerli jetonu almak için:

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

Belirteci aldıktan sonra, uygulama sunucunuza gönderin ve tercih ettiğiniz yöntemi kullanarak saklayın.

Test bildirim mesajı gönder

  1. Uygulamayı hedef cihaza yükleyin ve çalıştırın.

  2. Uygulamanın cihazda arka planda olduğundan emin olun.

  3. Bildirim oluşturucuyu açın ve Yeni bildirim'i seçin.

  4. Mesaj metnini girin.

  5. Test mesajı gönder'i seçin.

  6. Add an FCM kayıt belirteci etiketli alana, bu kılavuzun önceki bir bölümünde edindiğiniz kayıt belirtecini girin.

  7. Testi tıklayın

Test 'i tıkladıktan sonra, hedeflenen istemci cihaz (uygulama arka plandayken) tarayıcıda bildirimi almalıdır.

Sonraki adımlar

Ön plana çıkan uygulamalara mesaj gönderin

Uygulamanız arka plandayken bildirim mesajlarını başarıyla gönderdikten sonra, ön plandaki uygulamalara göndermeye başlamak için JavaScript İstemcisinde Mesaj Alma bölümüne bakın.

Bildirim mesajlarının ötesine geçin

Bildirim mesajlarının ötesine geçmek ve uygulamanıza başka, daha gelişmiş davranışlar eklemek için bkz.: