Realtime can be a complicated setup, but it opens new possibilities! I show you how to connect Weweb and Xano to use real-time web socket push connections for the first time.
0:00 Real Time Websockets with Xano and Weweb
00:23 Introduction to Websockets
01:49 Xano is Great for Realtime
03:08 Setting Up Xano
05:05 Activating Realtime on Your Xano Instance
10:57 Setting up Weweb to Receive
11:38 A Bit of Custom Code Shared Via ScriptTag
14:19 Configuring a Weweb UI
15:30 Connecting the Custom Code To Weweb
17:48 Testing with Devtools
20:13 Integrating a WeWeb Workflow
24:47 Interlude: Diagnosing a small code error
26:59 Testing the Workflow with Log
29:18 Updating a Variable from Realtime
32:50 Using Dynamic Subchannels
39:13 Recap
Resources:
Custom code I used: https://scripttag.statechange.ai/shared/a32785cc-26d7-4a6a-aa57-c020eeb8507c
Xano Realtime docs: https://docs.xano.com/building-features/realtime#enabling-realtime