← Terug

Starten met Skubber

Van registratie tot eerste realtime berichten in een paar stappen.

Inhoud

1

Account

Maak een account en activeer je e-mail.

2

API key

Maak een key aan in dashboard → API keys.

3

Client

Integreer de JavaScript SDK in je app.

4

Realtime

Ontvang en verstuur direct push-berichten.

1. Account en API key

+ Registreer gratis ◆ API keys beheren

2. Voeg SDK toe

<script src="https://cdn.jsdelivr.net/npm/@microsoft/signalr@latest/dist/browser/signalr.min.js"></script>
<script src="https://sps.skubber.com/skubber.js"></script>
⬇ Download skubber.js 📄 Volledige SDK docs

3. Verbind met de server

const client = new Skubber({
  serverUrl: 'https://sps.skubber.com',
  apiKey: 'mps_YOUR_API_KEY',
  apiSecret: 'YOUR_API_SECRET'
});

await client.connect('user123');

4. Luister naar pushes

client.on('push', msg => {
  console.log(`[${msg.type}] ${msg.title}: ${msg.message}`);
});

5. Gebruik channels

const ch = client.subscribe('myapp/general');

ch.bind('message', msg => {
  console.log(`[${msg.sender}] ${msg.message}`);
});

6. Stuur een chatbericht

await ch.send({
  type: Skubber.PushType.Chat,
  title: 'user123',
  message: 'Hello everyone!'
});

7. Push server-side (Node.js)

await fetch('https://sps.skubber.com/push/user', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json',
    'X-Api-Key': 'mps_YOUR_KEY',
    'X-Api-Secret': 'YOUR_SECRET'
  },
  body: JSON.stringify({
    userId: 'user123',
    title: 'Order shipped',
    message: 'Your order is on its way.'
  })
});