Fadi.WebPush 1.0.0-rc.1.1

<h1 align="center">Fadi.WebPush</h1>

<p align="center"> <a href="https://github.com/fadiksho/Fadi.WebPush/actions/workflows/workflow.yml"> <img src="https://github.com/fadiksho/Fadi.WebPush/actions/workflows/workflow.yml/badge.svg" alt="CI Build" /> </a> <a href="https://www.nuget.org/packages/Fadi.WebPush/"> <img src="https://buildstats.info/nuget/Fadi.WebPush/" alt="Nuget Package Details" /> </a> </p>

Credits

• Ported from https://github.com/web-push-libs/web-push-csharp
• To replace Newtonsoft.Json with System.Text.Json
• Updated to .Net8

Why

Web push requires that push messages triggered from a backend be done via the Web Push Protocol and if you want to send data with your push message, you must also encrypt that data according to the Message Encryption for Web Push spec.

This package makes it easy to send messages and will also handle legacy support for browsers relying on GCM for message sending / delivery.

Install

Installation is simple, just install via NuGet.

Install-Package Fadi.WebPush

Demo Project

There is a ASP.NET MVC Core demo project located here

Usage

The common use case for this library is an application server using a GCM API key and VAPID keys.

using WebPush;

var pushEndpoint = @"https://fcm.googleapis.com/fcm/send/efz_TLX_rLU:APA91bE6U0iybLYvv0F3mf6uDLB6....";
var p256dh = @"BKK18ZjtENC4jdhAAg9OfJacySQiDVcXMamy3SKKy7FwJcI5E0DKO9v4V2Pb8NnAPN4EVdmhO............";
var auth = @"fkJatBBEl...............";

var subject = @"mailto:[email protected]";
var publicKey = @"BDjASz8kkVBQJgWcD05uX3VxIs_gSHyuS023jnBoHBgUbg8zIJvTSQytR8MP4Z3-kzcGNVnM...............";
var privateKey = @"mryM-krWj_6IsIMGsd8wNFXGBxnx...............";

var subscription = new PushSubscription(pushEndpoint, p256dh, auth);
var vapidDetails = new VapidDetails(subject, publicKey, privateKey);
//var gcmAPIKey = @"[your key here]";

var webPushClient = new WebPushClient();
try
{
	await webPushClient.SendNotificationAsync(subscription, "payload", vapidDetails);
    //await webPushClient.SendNotificationAsync(subscription, "payload", gcmAPIKey);
}
catch (WebPushException exception)
{
	Console.WriteLine("Http STATUS code" + exception.StatusCode);
}

API Reference

SendNotificationAsync(pushSubscription, payload, vapidDetails|gcmAPIKey|options, cancellationToken)

var subscription = new PushSubscription(pushEndpoint, p256dh, auth);

var options = new Dictionary<string,object>();
options["vapidDetails"] = new VapidDetails(subject, publicKey, privateKey);
//options["gcmAPIKey"] = @"[your key here]";

var webPushClient = new WebPushClient();
try
{
	webPushClient.SendNotificationAsync(subscription, "payload", options);
}
catch (WebPushException exception)
{
	Console.WriteLine("Http STATUS code" + exception.StatusCode);
}

Note: SendNotificationAsync() you don't need to define a payload, and this method will work without a GCM API Key and / or VAPID keys if the push service supports it.

Input

Push Subscription

The first argument must be an PushSubscription object containing the details for a push subscription.

Payload

The payload is optional, but if set, will be the data sent with a push message.

This must be a string

Note: In order to encrypt the payload, the pushSubscription must have a keys object with p256dh and auth values.

Options

Options is an optional argument that if defined should be an Dictionary<string,object> containing any of the following values defined, although none of them are required.

• gcmAPIKey can be a GCM API key to be used for this request and this request only. This overrides any API key set via setGCMAPIKey().
• vapidDetails should be a VapidDetails object with subject, publicKey and privateKey values defined. These values should follow the VAPID Spec.
• TTL is a value in seconds that describes how long a push message is retained by the push service (by default, four weeks).
• headers is an object with all the extra headers you want to add to the request.

<hr />

GenerateVapidKeys()

VapidDetails vapidKeys = VapidHelper.GenerateVapidKeys();

// Prints 2 URL Safe Base64 Encoded Strings
Console.WriteLine("Public {0}", vapidKeys.PublicKey);
Console.WriteLine("Private {0}", vapidKeys.PrivateKey);

Input

None.

Returns

Returns a VapidDetails object with PublicKey and PrivateKey values populated which are URL Safe Base64 encoded strings.

Note: You should create these keys once, store them and use them for all future messages you send.

<hr />

SetGCMAPIKey(apiKey)

webPushClient.SetGCMAPIKey(@"your-gcm-key");

Input

This method expects the GCM API key that is linked to the gcm_sender_id in your web app manifest.

You can use a GCM API Key from the Google Developer Console or the Cloud Messaging tab under a Firebase Project.

Returns

None.

<hr />

GetVapidHeaders(audience, subject, publicKey, privateKey, expiration)

Uri uri = new Uri(subscription.Endpoint);
string audience = uri.Scheme + Uri.SchemeDelimiter + uri.Host;

Dictionary<string, string> vapidHeaders = VapidHelper.GetVapidHeaders(
  audience,
  @"mailto: [email protected]",
  publicKey,
  privateKey
);

The GetVapidHeaders() method will take in the values needed to create an Authorization and Crypto-Key header.

Input

The GetVapidHeaders() method expects the following input:

• audience: the origin of the push service.
• subject: the mailto or URL for your application.
• publicKey: the VAPID public key.
• privateKey: the VAPID private key.

Returns

This method returns a Dictionary<string, string> intented to be headers of a web request. It will contain the following keys:

• Authorization
• Crypto-Key.

<hr />

Browser Support

<table> <thead> <tr> <th><strong>Browser</strong></th> <th width="130px"><strong>Push without Payload</strong></th> <th width="130px"><strong>Push with Payload</strong></th> <th width="130px"><strong>VAPID</strong></th> <th><strong>Notes</strong></th> </tr> </thead> <tbody> <tr> <td>Chrome</td>

<td>✓ v42+</td>

<td>✓ v50+</td>

<td>✓ v52+</td> <td>In v51 and less, the gcm_sender_id is needed to get a push subscription.</td> </tr>

<tr> <td>Firefox</td>

<td>✓ v44+</td>

<td>✓ v44+</td>

<td>✓ v46+</td>

<td></td> </tr>

<tr> <td>Opera</td>

<td>✓ v39+ Android <strong>*</strong> <br/> <br/> ✓ v42+ Desktop </td>

<td>✓ v39+ Android <strong>*</strong> <br/> <br/> ✓ v42+ Desktop </td>

<td>✓ v42+ Desktop</td>

<td> <strong>*</strong> The gcm_sender_id is needed to get a push subscription. </td> </tr>

<tr> <td>Edge</td>

<td>✓ v17+</td>

<td>✓ v17+</td>

<td>✓ v17+</td>

<td></td> </tr> <tr> <td>Safari</td>

<td>✗</td>

<td>✗</td>

<td>✗</td>

<td></td> </tr>

<tr> <td>Samsung Internet Browser</td>

<td>✓ v4.0.10-53+</td>

<td>✗</td>

<td>✗</td>

<td>The gcm_sender_id is needed to get a push subscription.</td> </tr> </tbody> </table>

Help

Service Worker Cookbook

The Service Worker Cookbook is full of Web Push examples.