KEYCLOAK 9: How to enable Keycloak SSO login in a Vue.js Application (with working example)?

Описание

A video to integrate a Vue.js application with a Keycloak SSO login. Basic keycloak authentication process with a single page application

Summary of what you'll gain from this video:
??? Integrate Vue.js Application with Keycloak
??? Install 'keycloak-js' adapter via npm
??? Authentication via Keycloak
??? Update access token using 'keycloak-js' adapter
??? Logout

Prerequisites:
? Vue.js framework installed
? Docker when installing Keycloak via container system

Links:
Source Code in Github: https://github.com/ansari-haseb/hi5code.com/tree/master/examples/VIDEO9_VueJsApp/hi5code-school
Vue.js: https://vuejs.org/
Keycloak: https://www.keycloak.org
Keycloak Playground from hi5code: https://sso.hi5code.com

--------------------------------------------------------------------------------------------------------------------------------
Sounds interersting to you and you like it?
Thanks :)

Spread the word by Subscribe, Like and Share (SLS)
Youtube: https://www.youtube.com/channel/UCj7KrlX8nN9lOyV7mSbplug
Facebook: https://www.facebook.com/hi5code
Twitter: https://twitter.com/hi5code
Reddit: https://www.reddit.com/user/ansarihaseb
hi5code: https://hi5code.com
--------------------------------------------------------------------------------------------------------------------------------

Contact: hifivecode@gmail.com

00:00 - Video Intro
01:45 - Vue.js Application configuration
08:25 - Passing Vue.js props to other component
10:19 - Global scope variable in Vue.js
11:04 - Updating components with Token Values
16:59 - Demo
18:25 - Fix Update Token and Logout
21:12 - Summary and Conclusion

#hi5code #keycloak #javascript #vue #js #adapter #authentication #oidc #oauth2