Firebase (FCM) Kullanarak Web Push Bildirimleri Nasıl Gönderilir?

Yayınlanan: 2021-12-29

Firebase, Web, IOS ve Android'de bildirim hizmetlerini kolaylaştırmak için bulut hizmetlerini kullanır. Firebase Bulut Mesajlaşma (FCM) , her cihaz için benzersiz belirteçler oluşturarak ve daha sonra bunları ilgili cihazlara mesaj göndermek için kullanarak çalışır. Web push bildirimleri göndermek için Firebase, javascript kullanarak belirteçler oluşturur.

Bu blogda, firebase web push bildirimlerinin nasıl uygulanacağı hakkında her şeyi öğreneceksiniz.

Firebase bulut mesajlaşma nedir?

Firebase-Cloud-Messaging Nedir?

Firebase Cloud Messaging, Google'ın ücretsiz mobil bildirim hizmetidir. Üçüncü taraf uygulama geliştiricilerinin, kullanıcılarına Google Cloud Messaging (GCM) sunucularından bildirim göndermesine olanak tanır. Bu, kullanıcıları gerçek zamanlı olarak senkronizasyon için mevcut olan çeşitli veriler hakkında bilgilendirmenizi sağlar.

Kullanıcıların uygulamalarından FCM sunucularına ve FCM sunucularından kullanıcıların uygulamalarına ve aşağı akış mesajlarına kadar mesajlar gönderir. Dünyanın neresinde olurlarsa olsunlar kullanıcılarınızla etkileşim kurmak, onları elde tutmak ve yeniden hedeflemek için FCM'yi kullanabilirsiniz.

Firebase kullanarak web push bildirimleri göndermenin faydaları nelerdir?

Firebase'den web push bildirimleri göndermenin faydaları aşağıdadır.

  • Başlamak için ücretsiz: FCM'den yararlanmak için Google'a ödeme yapmanız gerekmez push bildirim hizmeti. Ayrıca, ölçeklendirmek kolaydır.  
  • İzinler konusunda endişelenmenize gerek yok: FCM kitaplıkları bildirim birleştirmeyi kullandığından, gerekli tüm izinleri otomatik olarak ekler. Bu, almanız gereken çaba miktarını azaltır.
  • Basitleştirilmiş kayıt: FCM'nin mesajı bir cihaza iletmek için kullandığı adrese "kayıt belirteci" denir. Bu işlem artık asenkron yapılmıştır. Google kitaplığına sizin adınıza otomatik olarak bir jeton atanır. Bu nedenle, bir jeton talep ettiğinizde size bir kayıt jetonu gönderilir. Mesajlaşmaya başlamak için bu jetonu sunucularınıza göndermeniz yeterlidir.
  • Kolay uygulama: FCM'yi uygulamak hızlı ve kolaydır. Sezgisel API'leri tek bir SDK'da mevcut olduğundan, karmaşık altyapı oluşturmadan müşterilerin sorunlarını anında çözebilirsiniz.
  • Analytics: Firebase'den ücretsiz olarak sınırsız analiz elde edersiniz. Kullanıcılarınızın uygulama kullanımı, reklam tıklamaları ve daha fazlası hakkında değerli veriler elde edersiniz. Diğer Firebase özellikleri, Firebase Analytics ile iyi çalışır. Yani, her şey üzerinde hareket edebilirsiniz.
  • Çapraz platform desteği: API'ler C++, JavaScript, Android ve iOS için tek bir SDK'da mevcut olduğundan, altyapınızı değiştirmeden bunu çeşitli platformlara genişletebilirsiniz.
  • Ortak konu mesajları: Belirli bir konuyla ilgilenen kullanıcıları bilgilendirmek istediğinizde, mesajınızı FCM'de yayınlamanız yeterlidir. FCM, bu konuyu o konuya abone olan tüm kullanıcılara iletecektir. En iyi yanı, konu mesajlaşma konusunda herhangi bir sınırı olmamasıdır.
  • Farklı konu mesajları: FCM, müşteri segmentasyonunun onlara ilgili mesajları göndermesine de olanak tanır. Örneğin, kullanıcılarınıza trafikle ilgili bildirimler gönderiyorsanız, A Şehrindeki kullanıcılarınız sadece kendi şehirleriyle ilgili trafik mesajlarını, B Şehrindeki kullanıcılar ise sadece şehirleriyle ilgili trafik mesajlarını alır.

Firebase kullanarak web push bildirimleri nasıl gönderilir?

Firebase web push bildirimlerini uygulamanıza yardımcı olacak adım adım talimatları burada bulabilirsiniz .

1. Firebase Uygulamasını Kaydedin

Register-Firebase-App
  1. Bu bağlantıyı https://console.firebase.google.com/u/0/ ziyaret edin ve 'Proje Ekle' sekmesine basın.
  2. Bir proje adı verin ve ülkeyi seçin. Ardından 'Proje Oluştur' sekmesine basın. Google, kullanılabilirliği ve benzersizliği için proje adını kontrol edecektir.
  3. Şimdi devam etmek için 'şartlar ve koşulları kabul et' sekmesini tıklayın. Projeniz içinde inşa edilecek
  4. birkaç saniye.
  5. Şimdi Android/IOS/Web/Unity uygulamanızı projenize ekleyin. Bu blog Firebase web push bildirimlerine odaklandığından, </> olarak gösterilen web simgesine tıklayarak devam etmeniz gerekir.
  6. Uygulamanıza bir takma ad verin. Bu takma ad yalnızca kullanıcılar içindir. Böylece, bir projedeki uygulamalar arasında dahili kullanım için daha iyi ayrım yapmayı kolaylaştırmak için bu özelliği kullanabilirsiniz.
  7. Projeniz bir HTTPS sunucusunda çalışmıyorsa, bunun için barındırma ekleyin. Değilse, sadece bu adımı atlayın.
  8. Şimdi 'Uygulamayı kaydet'i tıklayın.  
  9. Artık uygulamanız kayıtlı olduğuna göre, bir kod olan bir Firebase SDK'sı alacaksınız. bu kodu kopyalayın

aşağı. Önümüzdeki bölümde kullanıma girecek. Bunu şimdi kopyalamazsanız, 'Ayarlar' bölümünden alabilirsiniz.

2. Projenize firebase ekleyin

Projenize-firebase-ekleyin
  1. Kontrol paneline gidin. Kenar çubuğunda 'Ayarlar' simgesini bulacaksınız. Üstüne tıkla. Size sunulan menüde proje ayarları'na tıklayın.
  2. Ayarlar sayfası (Genel Ayarlar) açıldığında, sayfanın en altına gidin ve seçilen CDN için gösterilen kodu kopyalayın.
  3. HTML dosyanızın sonuna aşağıdaki kodu ekleyin. Firebase mesajlaşması için CDN betiğini de ekleyin.

< script src = "https://www.gstatic.com/firebasejs/8.3.2/firebase-app.js" > </script>

<script src = “https://www.gstatic.com/firebasejs/8.3.2/firebase-analytics.js” > </script>

3. Firebase hizmetini çalıştırma

1. En üstte belirtilen kod için altta verilen kodu // Firebase'i Initialize bulduğunuz yerden sonra ekleyin.

// Firebase'i başlat

firebase.initializeApp(firebaseConfig);const mesajlaşma=firebase.messaging(); //Firebase servisini çalıştırmak için özel fonksiyon yapıldı

  getStartToken(); //Bu kod sunucudan/uygulamanızdan mesaj alır ve tarayıcıda projeden itibaren aynı sekme açılırsa mesajı konsola yazdırır

mesajlaşma.onMessage(function(payload){console.log(“onMessage”,payload);});

2. Alttaki kodu HTML sayfanızda bulunan ayrı bir js dosyasına yazabilir veya en üstteki <script> etiketindeki koda ekleyebilirsiniz.

mesajlaşma.getToken() , Firebase SDK kullanarak belirteçleri almak için kullanılan bir işlevdir. Belirteç bulunursa, saklanmak üzere sunucuya gönderilir, aksi takdirde RequestPermission() işlevi aracılığıyla kullanıcının izni aranır.

setTokenSentToServer() , belirtecin sunucuya zaten gönderilmesi durumunda sendTokenToServer değeri olarak 1'i ve gönderildiğinde bir hata oluşması nedeniyle belirtecin sunucuya gönderilmemesi durumunda 0 değerini atamak için yerel depolamayı kullanan başka bir işlevdir. sunucu veya firebase SDK'sından alınır.

4. Projeden bildirim gönderme

projeden-mesaj-gönderme

Artık projeden bildirim göndermek için ihtiyacınız olan her şey hazır olduğuna göre, jetonunu bildiğiniz son kullanıcıya nasıl bildirim gönderebileceğinizle ilgili ayrıntıları burada bulabilirsiniz.

1. Başlangıçta bir servis anahtarı almanız gerekir. Aşağıdaki adımları gerçekleştirin-

  • Firebase konsolunu açın
  • Proje ayarlarına tıklayın
  • 'Bulut Mesajlaşma' üzerine dokunun
  • Sunucu Anahtarı alanında bir kod bulacaksınız. Kopyala.

2. Anında iletme bildirimleri gönderme

Firebase'den web push bildirimleri göndermek için postacı platformunu kullanalım. İşte yapmanız gerekenler-

3. POST istek türünü ayarlayın.

4. URL'yi girin: https://fcm.googleapis.com/fcm/send

5. Başlıklar bölümüne tıklayın.

Yetkilendirme ve içerik türü olmak üzere iki başlık doldurmanız gerekir.

· Yetkilendirme: Kopyaladığınız sunucu anahtarını yapıştırın.

· İçerik türü: uygulama/JSON (JavaScript Nesne Gösterimi)

6. Şimdi Gövde bölümünü açın. Firebase'in kullanıcı kaydı sırasında aldığı kullanıcı jetonunu yapıştırın.

7. Şimdi isteği gönderin. Sunucudan kullanıcılarınıza anında iletme bildirimleri gönderebileceksiniz.

Bir kullanıcıya ilk push bildiriminizi gönderdiğinizde, web tarayıcısının sizden bildirim almak için izin isteyeceğini unutmayın. Yalnızca izin verirse, sürekli olarak push gönderebileceksiniz. Anlık bildirim ipuçlarımızı takip ederek kullanıcınızın izin vermesini sağlayabilirsiniz.

Özetleme Firebase kullanarak web push bildirimleri göndermenin göründüğü kadar zor olmadığını anlamışsınızdır. Çok fazla kaynak gerektirmez ve fazla zaman almaz. Ayrıca, kullanarak web push bildirimleri Firebase , web sitenizin bakım veya web uygulamanızın masraflarını etkilemez. İşlevselliği hakkında hala daha fazla ayrıntıya ihtiyacınız varsa, Firebase belgelerini inceleyin.

Ürün Turu Yapın

Ayrıca Okuyun:

  • Web Push Bildirimlerinin 7 Abartılı Faktörü
  • Web Push Bildirimleri | Doğrudan E-posta Pazarlama Taktikleri
  • 41 Pazarlamacıların Bilmesi Gereken Web Push Bildirimleri İstatistikleri
  • 2022'de En İyi 15 Anında Bildirim Yazılımı ve Aracı {Karşılaştırıldı}
  • Web Push Bildirimleri Diğer Pazarlama Ortamlarından Ne Kadar Etkilidir?