A client component for the client-side messaging pusher service., (*1)
Installation
composer require tokenly/pusher-client
- Add
Tokenly\PusherClient\Provider\PusherClientServiceProvider::class
to the list of service providers
Environment Variables
Set the following environment variables, (*2)
-
PUSHER_SERVER_URL
(optional, defaults to https://pusher.tokenly.com)
-
PUSHER_CLIENT_URL
(optional, defaults to the server URL)
-
PUSHER_PASSWORD
(required for Tokenly services)
Server-side Usage
Send an event
$channel = 'my-event-channel-name';
$data = json_encode(['fromUser' => 'fred', 'messageId' => 101, 'messageText' => 'hello world!']);
$pusher = app(\Tokenly\PusherClient\Client::class);
$pusher->send($channel, $data);
Client-side Usage
See the pusher-client.js example for the client javascript code., (*3)
Step 1: Include the two libraries
This is best toward the end of your body tag., (*4)
<script src="https://pusher.tokenly.com/public/client.js"></script>
<script src="/path/to/js/pusher-client.js"></script>
Step 2: Subscribe and respond to events
After the two script tags below are loaded, you can subscribe to a channel, (*5)
<script>
var subscribedClient = PusherClient.subscribeToPusherChanel('my-event-channel-name', function(dataReceived) {
// received a websocket message on channel /my-event-channel-name
console.log('user '+dataReceived.fromUser+' said '+messageText);
});
</script>