Pablo Escobar

Pablo Escobar is the official socket server for ActiveEngagement applications. This demo is a guide for how to configure and setup a new application to use the Pablo socket server.

How to use this demo:

Click a reaction, which dispatch a socket event on Pablo.
Once the socket event has been received, it will appear in the log.
Open a new tab and dispatch an event. Reactions will now appear in both tabs.

Listening for socket events...

Installation Guide

Step 1. Install the Laravel dependency

composer require laravel/reverb

Step 2. Install Reverb

php artisan reverb:install

Step 3. Install the PNPM depedencies

pnpm i pusher-js laravel-echo

Step 4. Login to Pablo and create a new application

Step 5. Copy Credentials to .env file

REVERB_HOST=ws-staging-pablo.actengage.com
REVERB_PORT=443
REVERB_SCHEME=https
REVERB_APP_ID=YOUR_APP_ID
REVERB_APP_KEY=YOUR_APP_KEY
REVERB_APP_SECRET=YOUR_APP_SECRET

Step 6. Create an Echo instance

import Echo from 'laravel-echo';
import Pusher from 'pusher-js';

window.Pusher = Pusher;

const echo = new Echo({
    broadcaster: 'reverb',
    key: import.meta.env.VITE_REVERB_APP_KEY,
    wsHost: import.meta.env.VITE_REVERB_HOST,
    wsPort: import.meta.env.VITE_REVERB_PORT,
    wssPort: import.meta.env.VITE_REVERB_PORT,
    forceTLS: (import.meta.env.VITE_REVERB_SCHEME ?? 'https') === 'https',
    enabledTransports: ['ws', 'wss'],
});

You may optionally assign this to window.Echo, if you are using Livewire for example.