Web Push Notifications In ASP.NET Core

<script src="https://cdn.onesignal.com/sdks/OneSignalSDK.js" async=""></script>
<script>
    window.OneSignal = window.OneSignal || [];
    OneSignal.push(function() {
        OneSignal.init({
            appId: "<App Id>",
        });
    });
</script>

Now run the project and you will see the alert to subscribe. Until you are not subscribed, you will not get push notification.

You will also get welcome message when you subscribe

Sending Push Notification from ASP.NET Core Application

To send push notification from application, I added a button in index.cshtml of Home view folder.

<form asp-action="SendPushNotification">
    <button type="submit">Send Push Notification</button>
</form>

When this form is submitted, it post form to SendPushNotification action result of HomeController.cs. All the action sending push notification is handled there.

[HttpPost]
public IActionResult SendPushNotification()
{
    try
    {
        var webRequest = WebRequest.Create($"{ApiUrl}") as HttpWebRequest;
        webRequest.KeepAlive = true;
        webRequest.Method = "POST";
        webRequest.ContentType = "application/json; charset=utf-8";
        webRequest.Headers.Add("authorization", $"Basic {ApiKey}");

        var obj = new
        {
            app_id = AppId,
            headings = new { en = "Web Push Notification Title" }, //this value can be change as per need, can be a value from db
            contents = new { en = "Here it goes push notification content" }, //this value can be change as per need, can be a value from db
            included_segments = new string[] { "All" },
            url = ""
        };
        var param = JsonConvert.SerializeObject(obj);
        var byteArray = Encoding.UTF8.GetBytes(param);

        using (var writer = webRequest.GetRequestStream())
        {
            writer.Write(byteArray, 0, byteArray.Length);
        }

        using (var response = webRequest.GetResponse() as HttpWebResponse)
        {
            if (response != null)
            {
                using var reader = new StreamReader(response.GetResponseStream());
                var responseContent = reader.ReadToEnd();
            }
        }
    }
    catch (Exception ex)
    {
        
    }
    return View("~/views/home/index.cshtml");
}

When you submit the form, you will get notification like in below screenshot

You can also check the stats from OneSignal portal

You can also download the attached project source code.

Thank you for reading!