FCM'yi 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. tercih edebilirsiniz.
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, firebase-messaging-sw.js
dosyası gerektirir.
Ö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.
Daha sonra istemci kurulum işleminin ardından 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 ve mağazanıza gönderin tercih ettiğiniz yöntemi kullanarak yapabilirsiniz.
Test bildirimi mesajı gönder
Uygulamayı hedef cihaza yükleyip çalıştırın. Apple cihazlarda uzaktan bildirim alma izni isteğini kabul edin.
Uygulamanın cihazda arka planda bulunduğundan emin olun.
Firebase konsolunda Mesajlaşma sayfasını açın.
Bu ilk mesajınızsa İlk mesajınızı oluşturun kampanya.
- Firebase Notification mesajları'nı ve ardından Create'i (Oluştur) 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ölmeden 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 et'i seçmenizden sonra, hedeflenen istemci cihazı (uygulama arka plan) bildirimi alır.
Sonraki adımlar
Ön plandaki uygulamalara mesaj gönderme
Uygulamanız açıkken bildirim mesajlarını başarıyla gönderdikten sonra görmek için İletileri JavaScript İstemcisinde Alma ile ön plandaki uygulamalara ileti göndermeye başlayın.
Bildirim mesajlarının ötesine geçin
Hesabınıza bildirim mesajlarının ötesine geçip diğer, daha gelişmiş davranışlar uygulamanız için aşağıdaki adımları uygulayın: