FCM özelliğini kullanmaya başlamak için en basit kullanım alanını oluşturun: belirli bir kullanıcıya bildirim mesajı Uygulama cihazda arka plandayken Bu sayfada, kurulumdan doğrulama işlemine kadar bunu başarmak için gereken tüm adımlar listelenmiştir. — Bu bilgiler arasında daha önce tamamlamış olduğunuz JavaScript istemci uygulaması kurmuş olmanız gerekir. FCM için.
SDK'yı ayarlama
Henüz yapmadıysanız Firebase'i JavaScript projenize ekleyin.
Kayıt jetonuna erişme
Bir uygulama örneği için geçerli kayıt jetonunu almanız gerektiğinde önce
Notification.requestPermission()
olan kullanıcıdan bildirim izinleri iste.
Gösterildiği gibi çağrıldığında, izin verilirse veya sözü reddederse bir jeton döndürür
reddediliyorsa:
function requestPermission() { console.log('Requesting permission...'); Notification.requestPermission().then((permission) => { if (permission === 'granted') { console.log('Notification permission granted.');.
FCM için firebase-messaging-sw.js
dosyası gerekiyor.
Önceden bir firebase-messaging-sw.js
dosyanız yoksa boş bir dosya oluşturun
ifadesini girmeniz ve jetonu almadan önce kodu alanınızın köküne yerleştirin.
İstemci kurulum işleminin ilerleyen aşamalarında dosyaya anlamlı içerikler ekleyebilirsiniz.
Geçerli jetonu almak için:
Web
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
// 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); // ... });
Jetonu aldıktan sonra uygulama sunucunuza gönderin ve tercih ettiğiniz yöntemi kullanarak saklayın.
Test bildirimi mesajı gönder
Uygulamayı hedef cihaza yükleyip çalıştırın. Apple cihazlarda uzaktan bildirim almak için izin isteğini kabul etmeniz gerekir.
Uygulamanın cihazda arka planda çalıştığından emin olun.
Firebase konsolunda Mesajlaşma sayfasını açın.
Bu ilk mesajınızsa İlk mesajınızı oluşturun kampanya.
- Firebase bildirim mesajları'nı ve Oluştur'u seçin.
Aksi takdirde, Kampanyalar sekmesinde Yeni kampanya'yı seçin. ve ardından Bildirimler'i tıklayın.
Mesaj metnini girin. Diğer tüm alanlar isteğe bağlıdır.
Sağ bölmede Test mesajı gönder'i seçin.
FCM kayıt jetonu ekleyin etiketli alana kaydı girin bölümündeki talimatları uygulayın.
Test et'i seçin.
Test'i seçtikten sonra, hedeflenen istemci cihaz (uygulamanın arka planda olduğu cihaz) bildirimi alır.
Sonraki adımlar
Ön plandaki uygulamalara mesaj gönderme
Uygulamanız arka plandayken bildirim mesajlarını başarıyla gönderdikten sonra, ön plandaki uygulamalara göndermeye başlamak için JavaScript istemcisinde mesaj alma başlıklı makaleyi inceleyin.
Bildirim mesajlarının ötesine geçin
Bildirim mesajlarının ötesine geçmek ve uygulamanıza daha gelişmiş davranışlar eklemek için aşağıdakileri inceleyin: