PushSubscription - transmitting information to your server

subscribe.js

navigator.serviceWorker.ready.then(registration => {
  // Note that userVisibleOnly is not required for payloads - it's (still)
  // required for Chrome's implementation though.
  registration.pushManager.subscribe({ userVisibleOnly: true }).then(subscription => {
    // Option 1: Using JSON.stringify() (recommended).
    //
    // The created JSON will have the following structure:
    // { "endpoint": "https://...",
    //   "keys": {
    //     "p256dh": "...",  // base64url encoded uncompressed P-256 EC point
    //     "auth": "...",    // base64url encoded 16-byte authentication secret
    //   }
    // }
    sendToServer(JSON.stringify(subscription));
    
    // Option 2: Manually get the data.
    let endpoint = subscription.endpoint,
        p256dh = subscription.getKey('p256dh'),
        auth = subscription.getKey('auth');
    
    // |p256dh| and |auth| are ArrayBuffers containing the raw bytes. These will
    // probably have to be converted to another representation before being sent
    // to the server, unless you're happy to transmit raw bytes (i.e. using a
    // WebSocket.)
  });
});