Back to Browse

Add token-based authentication to a WeWeb project

5.6K views
Jun 14, 2023
12:21

Learn how to add a token-based auth like Bearer token or custom headers in a WeWeb project What You’ll Learn ✅ Add the Token-Based Auth plugin ✅ Set up Bearer token login with Xano ✅ Create & store user tokens securely ✅ Fetch user data from authenticated tokens ✅ Redirect to private pages after login ✅ Log out and clear auth tokens ✅ Handle login UI elements in WeWeb Resources 📘 Xano Token-Based Auth → https://docs.weweb.io/plugins/auth-systems/token-based-auth.html ✨ WeWeb → https://www.weweb.io ❤️ Join the Community → https://community.weweb.io Chapters 00:00 Introduction 00:37 Add Token-Based Auth Plugin 01:17 Select Bearer Token Type 01:54 Configure User Endpoint 02:42 Set Redirect for Unauthenticated Users 03:11 Add Login UI Element 04:12 Get an Authentication Token 06:39 Store Token in Browser 07:38 Fetch Authenticated User 09:02 Redirect to Private Page 10:37 Display User Info & Log Out 11:31 Recap: Token-Based Auth Steps #nocode #authentication #weweb #nocodedevelopment #tokenauthentication #xano #apiauthorization #bearertoken #webappsecurity #wewebtutorial #nocodetools #xanobackend #userauthentication #buildwithweweb #securewebapps #authworkflow #webappdevelopment

Download

0 formats

No download links available.

Add token-based authentication to a WeWeb project | NatokHD