Broadcasting

Masonite comes with a powerful way to broadcast events in your application. These events can be listened to client-side using Javascript.
These can be things like a new notification which you can show on the frontend without reloading the page.
Masonite comes with one server-side driver: Pusher.
Configuration
Server Side
Server side configuration for broadcasting is done in config/broadcast.py configuration file. For now there is one driver available Pusher.
You should create an account on Pusher Channels and then create a Pusher application on your account and get the related credentials (client, app_id, secret) and the cluster location name and put this into the broadcast pusher options.
1
"pusher": {
2
    "driver": "pusher",
3
    "app_id": "3456678"
4
    "client": "478b45309560f3456211" # key
5
    "secret": "ab4229346et64aa8908"
6
    "cluster": "eu",
7
    "ssl": False,
8
},
Copied!
Finally make sure you install the pusher python package
1
pip install pusher
Copied!
Client Side
To be able to receive broadcast events in the browser you should install Javascript Pusher SDK.
Include the pusher-js script tag on your page
1
<script src="https://js.pusher.com/7.0.3/pusher.min.js"></script>
Copied!
This is the quickest way to install Pusher. But for a real app you will often use a build system to install and compile assets and will install the Javascript Pusher SDK with npm install pusher-js and then import Pusher class with import Pusher from 'pusher-js';.
Create a Pusher instance configured with your credentials
1
const pusher = new Pusher("478b45309560f3456211", {
2
  cluster: "eu",
3
});
Copied!
It is advised to use environment variables instead of hard-coding credentials client-side. If you're using Laravel Mix to compile assets then you should prefix your environment variables with MIX_.
Now you're ready to subscribe to channels and listen for channels events.
Creating Events
Broadcast events are simple classes that inherit from CanBroadcast. You may use any class, including the Masonite Event classes.
A broadcast event will look like this:
1
from masonite.broadcasting import CanBroadcast, Channel
2
​
3
class UserAdded(CanBroadcast):
4
​
5
    def broadcast_on(self):
6
        return Channel("channel_name")
Copied!
Note that the event name emitted to the client will be the name of the class. Here it would be UserAdded.
Broadcasting Events
You can broadcast the event using the Broadcast facade or by resolving Broadcast class from container.
You can broadcast easily without creating a Broadcast event
1
from masonite.facades import Broadcast
2
​
3
Broadcast.channel('channel_name', "event_name", {"key": "value"})
Copied!
Or you can broadcast the event class created earlier
1
from masonite.facades import Broadcast
2
from app.broadcasts import UserAdded
3
​
4
broadcast.channel(UserAdded())
Copied!
You may broadcast on multiple channels as well:
1
Broadcast.channel(['channel1', 'channel2'], "event_name", {"key": "value"})
Copied!
This type of broadcasting will emit all channels as public. For private and presence channels, keep reading.
Listening For Events
In this section we will use the client pusher instance configured earlier.
To listen for events on client-side you must first subscribe to the channel the events are emitted on
1
const channel = pusher.subscribe("my-channel");
Copied!
Then you can listen for events
1
channel.bind("my-event", (data) => {
2
  // Method to be dispatched when event is received
3
});
Copied!
Channel Types
Different channel types are included in Masonite.
Public Channels
Inside the event class you can specify a Public channel. These channels allow anyone with a connection to listen to events on this channel:
1
from masonite.broadcasting import Channel
2
​
3
class UserAdded(CanBroadcast):
4
​
5
    def broadcast_on(self):
6
        return Channel("channel_name")
Copied!
Private Channels
Private channels require authorization from the user to connect to the channel. You can use this channel to emit only events that a user should listen in on.
Private channels are channels that start with a private- prefix. When using private channels, the prefix will be prepended for you automatically.
Private channels can only be broadasting on if users are logged in. When the channel is authorized, it will check if the user is currently authenticated before it broadcasts. If the user is not authenticated it will not broadcast anything on this channel.
1
from masonite.broadcasting import PrivateChannel
2
​
3
class UserAdded(CanBroadcast):
4
​
5
    def broadcast_on(self):
6
      return PrivateChannel("channel_name")
Copied!
This will emit events on the private-channel_name channel.
Routing
On the frontend, when you make a connection to a private channel, a POST request is triggered by the broadcast client to authenticate the private channel. Masonite ships with this authentication route for you. All you need to do is add it to your routes:
1
from masonite.broadcasting import Broadcast
2
​
3
ROUTES = [
4
  # Normal route list here
5
]
6
​
7
ROUTES += Broadcast.routes()
Copied!
This will create a route you can authenticate you private channel on the frontend. The authorization route will be /broadcasting/authorize but you can change this to anything you like:
1
ROUTES += Broadcast.routes(auth_route="/pusher/user-auth")
Copied!
Pusher is expecting the authentication route to be /pusher/user-auth by default. If you want to change this client-side you can do it when creating Pusher instance
1
const pusher = new Pusher("478b45309560f3456211", {
2
  cluster: "eu",
3
  userAuthentication: {
4
    endpoint: "/broadcast/auth",
5
  },
6
});
Copied!
You will also need to add the /pusher/user-auth route to the CSRF exemption.
1
class VerifyCsrfToken(Middleware):
2
​
3
    exempt = [
4
        '/pusher/user-auth'
5
    ]
Copied!
The reason for this is that the broadcast client will not send the CSRF token along with the POST authorization request.
If you want to keep CSRF protection you can read more about it here.
Authorizing
The default behaviour is to authorize everyone to access any private channels.
If you want to customize channels authorization logic you can add your own broadcast authorization route with a custom controller. Let's imagine you want to authenticate channels per users, meaning that user with ID 1 will be able to authenticate to channel private-1, user with ID 2 to channel private-2 and so on.
First you need to remove Broadcast.routes() from your routes and add your own route
1
# routes/web.py
2
Route.post("/pusher/user-auth", "[email protected]")
Copied!
Then you need to create a custom controller to implement your logic
1
# app/controllers/BroadcastController.py
2
from masonite.controllers import Controller
3
from masonite.broadcasting import Broadcast
4
from masonite.helpers import optional
5
​
6
​
7
class BroadcastController(Controller):
8
​
9
    def authorize(self, request: Request, broadcast: Broadcast):
10
        channel_name = request.input("channel_name")
11
        _, user_id = channel_name.split("-")
12
​
13
        if int(user_id) == optional(request.user()).id:
14
            return broadcast.driver("pusher").authorize(
15
                channel_name, request.input("socket_id")
16
            )
17
        else:
18
            return False
Copied!
Presence Channels
Presence channels work exactly the same as private channels except you can see who else is inside this channel. This is great for chatroom type applications.
For Presence channels, the user also has to be authenticated.
1
from masonite.broadcasting import PresenceChannel
2
​
3
class UserAdded(CanBroadcast):
4
​
5
    def broadcast_on(self):
6
      return PresenceChannel("channel_name")
Copied!
This will emit events on the presence-channel_name channel.
Routing
Adding the authentication route is the same as for Private channels.
Authorizing
Authorizing channels is the same as for Private channels.
Examples
To get started more easily with event broadcasting in Masonite, two small examples are available here:
Sending public app releases notification to every users (using Public channels)
Sending private alerts to admin users (using Private channels)
Sending public app releases notification
To do this we need to create a NewRelease Broadcast event and trigger this event from the backend.
1
# app/broadcasts/NewRelease.py
2
from masonite.broadcasting import CanBroadcast, Channel
3
​
4
class NewRelease(CanBroadcast):
5
​
6
    def __init__(self, version):
7
        self.version = version
8
​
9
    def broadcast_on(self):
10
        return Channel("releases")
11
​
12
    def broadcast_with(self):
13
        return {"message": f"Version {self.version} has been released !"}
Copied!
1
from masonite.facades import Broadcast
2
from app.broadcasts import NewRelease
3
​
4
Broadcast.channel(NewRelease("4.0.0"))
Copied!
On the frontend we need to listen to releases channel and subscribe to NewRelease events to display an alert box with the release message.
1
<html lang="en">
2
<head>
3
  <title>Document</title>
4
  <script src="https://js.pusher.com/7.0/pusher.min.js"></script>
5
</head>
6
<body>
7
  <script>
8
    const pusher = new Pusher("478b45309560f3456211", {
9
      cluster: "eu"
10
    });
11
​
12
    const channel = pusher.subscribe('releases');
13
    channel.bind('NewRelease', (data) => {
14
      alert(data.message)
15
    })
16
  </script>
17
</body>
18
</html>
Copied!
Sending private alerts to admin users
Let's imagine our User model has two roles basic and admin and that we want to send alerts to admin users only. The basic users should not be authorized to subscribe to the alerts.
To achieve this on the backend we need to:
create a custom authentication route to authorize admin users only on channel private-admins
create a AdminUserAlert Broadcast event
trigger this event from the backend.
Let's first create the authentication route and controller
1
# routes/web.py
2
Route.post("/pusher/user-auth", "[email protected]")
Copied!
1
# app/controllers/BroadcastController.py
2
from masonite.controllers import Controller
3
from masonite.broadcasting import Broadcast
4
from masonite.helpers import optional
5
​
6
​
7
class BroadcastController(Controller):
8
​
9
    def authorize(self, request: Request, broadcast: Broadcast):
10
        channel_name = request.input("channel_name")
11
        authorized = True
12
​
13
        # check permissions for private-admins channel else authorize every other channels
14
        if channel_name == "private-admins":
15
            # check that user is logged in and admin
16
            if optional(request.user()).role != "admin":
17
                authorized = False
18
​
19
        if authorized:
20
            return broadcast.driver("pusher").authorize(
21
                channel_name, request.input("socket_id")
22
            )
23
        else:
24
            return False
Copied!
1
# app/broadcasts/UserAlert.py
2
from masonite.broadcasting import CanBroadcast, Channel
3
​
4
class AdminUserAlert(CanBroadcast):
5
​
6
    def __init__(self, message, level="error"):
7
        self.message = message
8
        self.level = level
9
​
10
    def broadcast_on(self):
11
        return Channel("private-admins")
12
​
13
    def broadcast_with(self):
14
        return {"message": self.message, "level": self.level}
Copied!
1
from masonite.facades import Broadcast
2
from app.broadcasts import AdminUserAlert
3
​
4
Broadcast.channel(AdminUserAlert("Some dependencies are outdated !", level="warning"))
Copied!
On the frontend we need to listen to private-admins channel and subscribe to AdminUserAlert events to display an alert box with the message.
1
<html lang="en">
2
<head>
3
  <title>Document</title>
4
  <script src="https://js.pusher.com/7.0/pusher.min.js"></script>
5
</head>
6
<body>
7
  <script>
8
    const pusher = new Pusher("478b45309560f3456211", {
9
      cluster: "eu"
10
    });
11
​
12
    const channel = pusher.subscribe('private-admins');
13
    channel.bind('AdminUserAlert', (data) => {
14
      alert(`[${data.level.toUpperCase()}] ${data.message}`)
15
    })
16
  </script>
17
</body>
18
</html>
Copied!
You're ready to start broadcasting events in your app !