How to push the Desktop notification through firebase webapp

Question

Hello Members,

Hope you are doing good!!

Here I am trying to send the desktop notification through firebase with web app with C#, JS and Asp.net.

Created the accont in firebase, create the project in firebase and having server key and sender Id

apiKey:

authDomain:

databaseURL:

projectId:
storageBucket:

messagingSenderId:

Can any one guide me here.

Below is the references am using

https://medium.com/@cizu64/sending-notification-message-with-firebase-with-javascript-5d5c4bb02206

http://techcerberus.blogspot.com/2017/12/sending-notification-message-with.html

Mas · Answer

Vrushali, Thank you for your response. Am using the below artical. https://www.itwonders-web.com/blog/push-notification-using-firebase-demo-tutorial/ Till the 6 the step am very clear. But the 7th step is CURL IS IN php How can i add in my project... At there i am not getting the notification. Can you please guide me here...! Thank you in advance!!

Vrushali Ghodke · Answer

using System; using System.Collections.Generic; using System.IO; using System.Linq; using System.Net; using System.Text; using System.Web; using System.Web.Script.Serialization; namespace Sch_WCFApplication { public class PushNotification { public PushNotification(Plobj obj) { try { var applicationID = "****" ; var senderId = "*****" ; string deviceId = "*****" ; WebRequest tRequest = WebRequest.Create( "https://fcm.googleapis.com/fcm/send" ); tRequest.Method = "post" ; tRequest.ContentType = "application/json" ; var data = new { to = deviceId, notification = new { body = obj.Message, title = obj.TagMsg, icon = "myicon" } }; var serializer = new JavaScriptSerializer(); var json = serializer.Serialize(data); Byte[] byteArray = Encoding.UTF8.GetBytes(json); tRequest.Headers.Add( string .Format( "Authorization: key={0}" , applicationID)); tRequest.Headers.Add( string .Format( "Sender: id={0}" , senderId)); tRequest.ContentLength = byteArray.Length; using (Stream dataStream = tRequest.GetRequestStream()) { dataStream.Write(byteArray, 0, byteArray.Length); using (WebResponse tResponse = tRequest.GetResponse()) { using (Stream dataStreamResponse = tResponse.GetResponseStream()) { using (StreamReader tReader = new StreamReader(dataStreamResponse)) { String sResponseFromServer = tReader.ReadToEnd(); string str = sResponseFromServer; } } } } } catch (Exception ex) { string str = ex.Message; } } } } Try this one for c#

Vrushali Ghodke · Answer

hi, have you checked these articles or may I know where are you stuck in that? https://www.c-sharpcorner.com/blogs/push-notification-using-firebase-cloud-messaging-using-net https://medium.com/kzsoftworks/firebase-push-notifications-using-a-net-backend-dc91fcc39672 https://github.com/ireade/simply-notify

Mas · Answer

Hi vrushali, Thank you for your response. This is purly into react, can you guide me in JS or asp.net. Thank you in advance!!

Vrushali Ghodke · Answer

hi sam, please check this link it might help you. https://www.freecodecamp.org/news/how-to-add-push-notifications-to-a-web-app-with-firebase-528a702e13e1/

How to push the Desktop notification through firebase webapp

Answers (5)