Catch up on everthing we announced at this year's Firebase Summit. Learn more

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 bir bildirim mesajı göndermek. Bu sayfa listeler tüm adımları kurulumundan doğrulamasına, bunu başarmak için - bu varsa zaten tamamlanmış adımları kapsayabilir bir JavaScript istemci uygulaması kurmak FCM.

SDK'yı kurun

Eğer henüz yapmadıysanız, JavaScript projeye Firebase ekleyin .

Kayıt belirtecine erişin

Bir uygulama örneği için belirteci geçerli kayıt almak gerektiğinde, çağrı getToken . Bildirim izni verilmemişse, bu yöntem kullanıcıdan bildirim izinleri isteyecektir. Aksi takdirde, bir jeton döndürür veya bir hata nedeniyle vaadi reddeder.

FCM gerektirir firebase-messaging-sw.js dosyasını. Zaten bir yoksa firebase-messaging-sw.js dosyasını, bu adı taşıyan boş bir dosya oluşturmak ve jeton almadan önce alanınızın köküne yerleştirin. Dosyaya daha sonra istemci kurulum sürecinde anlamlı içerik ekleyebilirsiniz.

Geçerli jetonu almak için:

Web sürümü 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 sürümü 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. Bildirimler besteci ve Yeni bildirimi seçin.

  4. Mesaj metnini girin.

  5. Gönder test mesajı seçin.

  6. Alanında, FCM'yi kaydı jetonu ekle Bu kılavuzun bir önceki bölümde elde edilen belirteç kayıt girmek etiketli.

  7. Testi tıklayın

Eğer Testi tıkladıktan sonra, (arka planda uygulama ile) hedeflenen müşteri cihazı tarayıcısında bildirim almalıdır.

Sonraki adımlar

Ön plana çıkan uygulamalara mesaj gönderin

Uygulama arka planda iken, bildirim mesajları gönderdikten sonra, bkz bir JavaScript Client iletiler alma ön plana uygulamalara gönderme başlamak için.

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