Using public channels with Flask

Public channels do not require authentication. Public channels can be used for features without sensitive information, such as these use cases:

Notify all users with the e-commerce page loaded when a new product goes on sale.
Live chat similar to YouTube chat.
Trigger updates for all clients currently viewing a page when it changes.

Frontend

<html>
    <body>
       <h1>Pusher test</h1> 
      <script>
        document.addEventListener('DOMContentLoaded', function() {
            var pusher = new Pusher("RESSONANCE_APP_ID", {
                cluster: "default",
                wsHost: "websocket.ressonance.com",
                wsPort: 443,                  
                wssPort: 443,                 
                forceTLS: true,               
                disableStats: true,            
                enabledTransports: ["ws", "wss"]
            });

            var channel = pusher.subscribe("public-channel");

            channel.bind("new-release", (data) => {
                alert("New release", data.release);
            });
        });
      </script>
      <script src="https://js.pusher.com/8.3.0/pusher.min.js"></script>  
    </body>
</html>

Backend

pip install pusher flask flask-cors

This is a small Flask example application.

# File main.py
from flask import Flask, request, jsonify
from flask_cors import CORS
import pusher

app = Flask(__name__)
CORS(app)

pusher_client = pusher.Pusher(
    app_id="RESSONANCE_APP_ID",
    key="RESSONANCE_APP_KEY",
    secret="RESSONANCE_APP_SECRET",
    host="websocket.ressonance.com",
    port=443,
    ssl=True
)

@app.route("/send-public-event", methods=["GET"])
def send_public_event():
    pusher_client.trigger("public-channel", "new-release", {
        "release": "hello world"
    })
    return "Event sent!"

if __name__ == "__main__":
    port = 5000
    app.run(host="0.0.0.0", port=port)

Using public channels with Flask​

Frontend​

Backend​

Using public channels with Flask

Frontend

Backend