WebSockets

​

Description

This example shows how to use a WebSocket to show the live status of the Shuttle API on a web page.

There are a few routes available:

• / - the homepage route where you can find the index.html page.
• /ws - the route that handles websockets.

You can clone the example below by running the following (you’ll need cargo-shuttle installed):

cargo shuttle init --from shuttle-hq/shuttle-examples \
  --subfolder axum/websocket

​

Code

​

Usage

Once you’ve cloned the example, launch it locally using cargo shuttle run and then go to http://localhost:8000. You should be able to see a status page and if you go to your Inspect/Chrome Devtools (depending on what browser you’re using), if you go to the Network tab you’ll see that your browser received a HTTP status code of 101.