FCM'ye başlamak için en basit kullanım örneğini oluşturun: uygulama, cihazda arka planda çalışırken belirli bir kullanıcıya bildirim mesajı göndermek. Bu sayfa, bunu başarmak için kurulumdan doğrulamaya kadar tüm adımları listeler — FCM için bir JavaScript istemci uygulaması ayarladıysanız , halihazırda tamamlamış olduğunuz adımları kapsayabilir.
SDK'yı kurun
Henüz yapmadıysanız, Firebase'i JavaScript projenize ekleyin .
Kayıt belirtecine erişin
Bir uygulama örneği için mevcut kayıt jetonunu 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 taahhüdü 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. Halihazırda bir firebase-messaging-sw.js
dosyanız yoksa, bu ada sahip boş bir dosya oluşturun ve bir belirteç almadan önce bunu etki alanınızın kök dizinine yerleştirin. Daha sonra istemci kurulum sürecinde dosyaya anlamlı içerik ekleyebilirsiniz.
Geçerli belirteci almak için:
Web modular API
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 namespaced API
// 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, onu uygulama sunucunuza gönderin ve tercih ettiğiniz yöntemi kullanarak saklayın.
Test bildirim mesajı gönder
Uygulamayı hedef cihaza yükleyin ve çalıştırın. Apple aygıtlarında, uzaktan bildirim almak için izin isteğini kabul etmeniz gerekir.
Uygulamanın cihazda arka planda olduğundan emin olun.
Firebase konsolunda Mesajlaşma sayfasını açın.
Bu ilk mesajınızsa, İlk kampanyanızı oluşturun ' u seçin.
- Firebase Bildirim mesajları'nı seçin ve Oluştur'u seçin.
Aksi takdirde, Kampanyalar sekmesinde Yeni kampanya'yı ve ardından Bildirimler'i seçin.
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 belirteci ekle etiketli alana, bu kılavuzun bir önceki bölümünde edindiğiniz kayıt belirtecini girin.
Test Et'i seçin.
Test öğesini seçtikten sonra, hedeflenen istemci cihaz (uygulama arka planda olacak şekilde) bildirimi almalıdır.
Sonraki adımlar
Ön plandaki uygulamalara mesaj gönder
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 daha gelişmiş başka davranışlar eklemek için bkz.: