chat-example

Chat Example

This directory contains a full stack example of a simple chat webapp using nhooyr.io/websocket.

$ cd chat-example
$ go run . localhost:0
listening on http://127.0.0.1:51055

Visit the printed URL to submit and view broadcasted messages in a browser.

Structure

The frontend is contained in index.html, index.js and index.css. It sets up the DOM with a scrollable div at the top that is populated with new messages as they are broadcast. At the bottom it adds a form to submit messages. The messages are received via the WebSocket /subscribe endpoint and published via the HTTP POST /publish endpoint.

The server portion is main.go and chat.go and implements serving the static frontend assets, the /subscribe WebSocket endpoint and the HTTP POST /publish endpoint.

The code is well commented. I would recommend starting in main.go and then chat.go followed by index.html and then index.js.