├── .gitignore
├── README.md
├── handler.js
├── package.json
├── serverless.yml
├── static
├── index.html
├── index.js
└── service-worker.js
└── yarn.lock
/.gitignore:
--------------------------------------------------------------------------------
1 | # package directories
2 | node_modules
3 | jspm_packages
4 |
5 | # Serverless directories
6 | .serverless
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # serverless-web-push
2 |
3 | Serverless implementation of the [Web API (Push Payload) Demo](https://serviceworke.rs/push-payload_demo.html) using **Serverless framework** and **AWS Lambda**
4 |
5 | ## Requirements
6 |
7 | - Node.js
8 | - AWS Account
9 |
10 | ## Setup
11 |
12 | - Install and authenticate [aws-cli](https://aws.amazon.com/cli/)
13 | - Install and configure [Serverless](https://serverless.com/)
14 |
15 | ## Deployment
16 |
17 | - Clone this repo
18 | - Move to this repo's folder
19 | - Execute
20 | ```
21 | sls deploy
22 | ```
23 | - Open `index.html` path
24 |
25 | ## Demo
26 |
27 | This lambda can currently be seen in action here: [DEMO](https://x79n1d1ajl.execute-api.us-east-1.amazonaws.com/dev/index.html)
--------------------------------------------------------------------------------
/handler.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | const fs = require('fs');
4 | const mime = require('mime-types')
5 | const webPush = require('web-push');
6 |
7 | let subscriptions = []
8 |
9 | if (!process.env.VAPID_PUBLIC_KEY || !process.env.VAPID_PRIVATE_KEY) {
10 | console.log("You must set the VAPID_PUBLIC_KEY and VAPID_PRIVATE_KEY " +
11 | "environment variables. You can use the following ones:");
12 | console.log(webPush.generateVAPIDKeys());
13 | }
14 |
15 | webPush.setVapidDetails(
16 | process.env.DOMAIN,
17 | process.env.VAPID_PUBLIC_KEY,
18 | process.env.VAPID_PRIVATE_KEY
19 | );
20 |
21 | function response(statusCode, body, file) {
22 | let payload = {
23 | statusCode,
24 | body: typeof (body) === 'string' ? body : JSON.stringify(body, null, 2),
25 | }
26 | if (file) {
27 | payload.headers = { 'content-type': mime.contentType(file) }
28 | }
29 | console.log('RESPOND', payload)
30 | return payload
31 | }
32 |
33 | module.exports.vapidPublicKey = async () => {
34 | return response(200, process.env.VAPID_PUBLIC_KEY);
35 | }
36 |
37 | module.exports.register = async (event, context) => {
38 | // Save the registered users subscriptions (event.body)
39 | subscriptions.push(JSON.parse(event.body))
40 | return response(201, event);
41 | }
42 |
43 | function send(subscriptions, payload, options, delay) {
44 | console.log('send', subscriptions, payload, options, delay)
45 |
46 | return new Promise((success) => {
47 | setTimeout(() => {
48 |
49 | Promise.all(subscriptions.map((each_subscription) => {
50 | return webPush.sendNotification(each_subscription, payload, options)
51 | }))
52 | .then(function () {
53 | success(response(201, {}))
54 | }).catch(function (error) {
55 | console.log('ERROR>', error);
56 | success(response(500, { error: error }))
57 | })
58 |
59 | }, 1000 * parseInt(delay))
60 | })
61 | }
62 |
63 | module.exports.sendNotification = async (event) => {
64 | console.log('register event', JSON.stringify(event, null, 2))
65 | let body = JSON.parse(event.body)
66 | const subscription = body.subscription;
67 | const payload = body.payload;
68 | const delay = body.delay;
69 | const options = {
70 | TTL: body.ttl | 5
71 | };
72 |
73 | return await send([subscription], payload, options, delay)
74 | }
75 |
76 | module.exports.registerOrSendToAll = async (event) => {
77 | // these two functions (register and SendtoAll) are in the same
78 | // handler, so that they share the same memory and we don't have
79 | // to setup a database for storing the subscriptions
80 | // this works for this test, but subscriptions will be deleted
81 | // when the lambda cointainer dies
82 | if (event.resource === '/register') {
83 | subscriptions.push(JSON.parse(event.body).subscription)
84 | return response(201, event);
85 | } else {
86 | console.log('register event', JSON.stringify(event, null, 2))
87 | let body = JSON.parse(event.body)
88 | console.log('got body', body)
89 | const payload = body.payload;
90 | const delay = body.delay;
91 | const options = {
92 | TTL: body.ttl | 5
93 | };
94 | return await send(subscriptions, payload, options, delay)
95 | }
96 |
97 | }
98 |
99 | module.exports.statics = async (event) => {
100 | // Serve static files from lambda (only for simplicity of this example)
101 | var file = fs.readFileSync(`./static${event.resource}`)
102 | return await response(200, file.toString(), event.resource.split('/')[1])
103 | }
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "dependencies": {
3 | "mime-types": "^2.1.21",
4 | "web-push": "^3.3.3"
5 | }
6 | }
7 |
--------------------------------------------------------------------------------
/serverless.yml:
--------------------------------------------------------------------------------
1 | service: serverless-web-push # NOTE: update this with your service name
2 |
3 | provider:
4 | name: aws
5 | runtime: nodejs8.10
6 | stage: dev
7 | region: us-east-1
8 | environment:
9 | DOMAIN: https://remittir.com/ # no need to change this domain for testing it
10 | VAPID_PUBLIC_KEY: BLpTsaEAy-BGQnkZ1DeFYYNS6EH1gWP-cP49n9NmbWtjkSVMJQjj-wVI0tapfsK7Ju9r0VQz7jpE9kf8BETAdns
11 | VAPID_PRIVATE_KEY: LtWhacMtRs63fhABUUMLOynMRTKTffIf7oQuRpwChFc
12 |
13 | functions:
14 | vapidPublicKey:
15 | handler: handler.vapidPublicKey
16 | events:
17 | - http:
18 | path: vapidPublicKey
19 | method: get
20 |
21 | sendNotification:
22 | handler: handler.sendNotification
23 | events:
24 | - http:
25 | path: sendNotification
26 | method: post
27 |
28 | registerOrSendToAll:
29 | handler: handler.registerOrSendToAll
30 | events:
31 | - http:
32 | path: register
33 | method: post
34 | - http:
35 | path: sendToAll
36 | method: post
37 |
38 | statics:
39 | handler: handler.statics
40 | events:
41 | - http:
42 | path: index.html
43 | method: get
44 | - http:
45 | path: index.js
46 | method: get
47 | - http:
48 | path: service-worker.js
49 | method: get
50 |
51 |
--------------------------------------------------------------------------------
/static/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 | telepathy
10 |
11 |
12 |
13 |
14 |
17 |
18 |
Send notification to this subscription
19 |
20 |
21 |
22 |
Send notification to all subscriptions
23 | (Open this same URL in many computers to really see it in action)
24 |
25 |
26 |
27 |
28 |
Source Code:
29 |
Github
30 |