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

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

Mesaj servisi bir gerektiriyor 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 plandaki 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 daha gelişmiş başka davranışlar eklemek için bkz.: