An open API service indexing awesome lists of open source software.

https://github.com/br0ken-/web_push_api

Mirrors https://git.drupalcode.org/project/web_push_api
https://github.com/br0ken-/web_push_api

drupal-8 drupal-8-module

Last synced: 9 months ago
JSON representation

Mirrors https://git.drupalcode.org/project/web_push_api

Awesome Lists containing this project

README

          

# Web Push API

This project provides an API for sending notifications to [Push API](https://www.w3.org/TR/push-api/) subscriptions. That's it. It only gives an endpoint for creating/updating/deleting Push API subscriptions and the tools for sending notifications to them. Nothing else.

Do not expect this project to have something from this list:

- A client-side implementation for requesting notification permission and/or subscription to push notifications.
- A UI for creating and/or sending notifications.
- A UI for managing configurations that might be needed for API.
- A queue and a worker to handle notifications dispatch.

## Requirements

- PHP 7.2+ and the dependencies of https://github.com/web-push-libs/web-push-php

## Installation

- Download the module and its dependencies.

```bash
composer require drupal/web_push_api
```

- Install the module (e.g. `drush en web_push_api`).

## Usage

- Generate a key-pair for [Voluntary Application Server Identification (VAPID) for Web Push](https://tools.ietf.org/id/draft-ietf-webpush-vapid-03.html). Store `public.key` and `private.key` outside of your document root.

```bash
openssl ecparam -genkey -name prime256v1 -out private.pem
openssl ec -in private.pem -pubout -outform DER|tail -c 65|base64|tr -d '=' |tr '/+' '_-' >> public.key
openssl ec -in private.pem -outform DER|tail -c +8|head -c 32|base64|tr -d '=' |tr '/+' '_-' >> private.key
```

- Do a client-side implementation (like https://github.com/Minishlink/web-push-php-example) and send a created subscription to the `/web-push-api/subscription` (`POST`, `PATCH` or `DELETE`).

The [subscription on a client should be created with contents from `public.key`](https://developers.google.com/web/fundamentals/push-notifications/subscribing-a-user#subscribe_a_user_with_pushmanager) you've generated before.

```javascript
/**
* @param {ArrayBuffer} buffer
*
* @return {string}
*/
function encodeKey(buffer) {
return btoa(String.fromCharCode(...new Uint8Array(buffer)));
}

/**
* @param {('POST'|'PATCH'|'DELETE')} method
* @param {PushSubscription} pushSubscription
*/
async function sync(method, pushSubscription) {
fetch('https://example.com/web-push-api/subscription', {
method,
body: {
user_agent: navigator.userAgent,
// The UTC offset in hours.
utc_offset: new Date().getTimezoneOffset() / 60,
encoding: (PushManager.supportedContentEncodings || ['aesgcm'])[0],
endpoint: pushSubscription.endpoint,
p256dh: encodeKey(pushSubscription.getKey('p256dh')),
auth: encodeKey(pushSubscription.getKey('p256dh')),
},
});
}
```

The endpoint returns the `{"errors": string[]}` JSON structure. The `errors` will contain violations messages if an action you've undertaken didn't succeed. Otherwise empty.

- Visit `/admin/config/services/web-push-api/subscriptions` and ensure the subscription was stored in Drupal DB.

- Use the module's API to craft and dispatch the notification.

```php
getSubscriptionsStorage();
$notification = (string) (new WebPushNotification('Hello, buddy!'))
->addAction(new WebPushNotificationAction('Test action', 'go-go'))
->setBody('This is a test notification.');

foreach ($storage->loadMultiple() as $subscription) {
$webpush->queueNotification($subscription, $notification);

foreach ($webpush->flush(100) as $report) {
if ($report->isSuccess()) {
$logger->info('ok');
}
else {
$logger->error('fail');

try {
$storage->delete([$subscription]);
$logger->debug('subscription deleted');
}
catch (\Exception $e) {
$logger->debug('unable to delete subscription');
$logger->error(Error::renderExceptionSafe($e));
}
}
}
}
```

## Testing

At the moment [tests could not run on Drupal.org CI](https://www.drupal.org/pift-ci-job/1547248) due to [missing `gmp` PHP extension](https://www.drupal.org/project/drupalci_environments/issues/2922123). However, there is a [project mirror on Github](https://github.com/BR0kEN-/web_push_api) to run [tests on Travis CI](https://travis-ci.com/BR0kEN-/web_push_api).

## Similar projects

- https://www.drupal.org/project/browser_push_notification
- https://www.drupal.org/project/web_push_notification