All ToolsClient-Side Utility

VAPID Keys Generator

Generate VAPID keys for Web Push notifications

VAPID: Voluntary Application Server Identification for Push. Required for sending web push notifications.

Configuration

About VAPID Keys

• VAPID: Voluntary Application Server Identification for Push
• Public key: Share with clients in JavaScript
• Private key: Keep secure on server, use for signing push messages
• Required for Web Push API to identify your server
• Browser subscribes with public key, server sends with private key
• Email field required when sending push (contact info for push service)
• Standard format: base64url-encoded P-256 ECDSA keys

Implementation Guide

1. Client-side (JavaScript)

const vapidPublicKey = '<your-public-key>';
const subscription = await registration.pushManager.subscribe({
  userVisibleOnly: true,
  applicationServerKey: urlBase64ToUint8Array(vapidPublicKey)
});

2. Server-side (Node.js)

const webpush = require('web-push');
webpush.setVapidDetails(
  'mailto:example@domain.com',
  vapidPublicKey,
  vapidPrivateKey
);
webpush.sendNotification(subscription, JSON.stringify(notification));