Codons ensemble un système de login/création de compte en Vue.js
Merci à Cyril T. pour sa contribution le 29/03/2021
Dans cet épisode vous verrez l'implémentation frontend de bout en bout d'un système de login création de compte en Vue.js
Au programme :
- Utilisation de vuex pour stocker le user et effectuer les actions
- La découverte des mapState
- Utilisation de vue-router pour naviguer entre l'écran de connexion et l'écran de profil
- Appel à un backend avec Axios pour créer un compte, se connecter et faire des requêtes authentifiées avec un token (JWT)
La documentation du module vuex version Next (Vue 3)
https://next.vuex.vuejs.org/
La documentation du module vue-router version Next (Vue 3)
https://next.router.vuejs.org/
La librairie Axios pour les appels API
https://www.npmjs.com/package/axios
Le Postman pour vous entrainer à coder le système de connexion/création de compte
https://www.getpostman.com/collections/8b5fe779ec7936c02cef
Le code source final
https://github.com/wass08/vuejs-auth-demo
#vuejs #vuex #axios
====
Intro: (00:00)
Présentation du backend : (00:56)
Tutoriel: (03:06)
Conclusion: (58:03)
====
💻 Mon site web :
https://www.wawasensei.dev
📸 Insta :
https://instagram.com/wass08
🎎 Facebook :
https://www.facebook.com/wawasenseiyt
🐦Twitter :
https://twitter.com/wawasensei
🎨 Ma talentueuse amie qui a réalisé mon end screen :
https://www.instagram.com/noemie_pulido
🎵 Musique :
Mizuki - Bad Snacks
https://www.youtube.com/channel/UCBCI_QCAMe1hx8UNyvJlM_Q
Quincas Moreira
https://www.youtube.com/channel/UCL1zFMJb0sthwdAlGjGbdyg
Au programme :
- Utilisation de vuex pour stocker le user et effectuer les actions
- La découverte des mapState
- Utilisation de vue-router pour naviguer entre l'écran de connexion et l'écran de profil
- Appel à un backend avec Axios pour créer un compte, se connecter et faire des requêtes authentifiées avec un token (JWT)
La documentation du module vuex version Next (Vue 3)
https://next.vuex.vuejs.org/
La documentation du module vue-router version Next (Vue 3)
https://next.router.vuejs.org/
La librairie Axios pour les appels API
https://www.npmjs.com/package/axios
Le Postman pour vous entrainer à coder le système de connexion/création de compte
https://www.getpostman.com/collections/8b5fe779ec7936c02cef
Le code source final
https://github.com/wass08/vuejs-auth-demo
#vuejs #vuex #axios
====
Intro: (00:00)
Présentation du backend : (00:56)
Tutoriel: (03:06)
Conclusion: (58:03)
====
💻 Mon site web :
https://www.wawasensei.dev
📸 Insta :
https://instagram.com/wass08
🎎 Facebook :
https://www.facebook.com/wawasenseiyt
🐦Twitter :
https://twitter.com/wawasensei
🎨 Ma talentueuse amie qui a réalisé mon end screen :
https://www.instagram.com/noemie_pulido
🎵 Musique :
Mizuki - Bad Snacks
https://www.youtube.com/channel/UCBCI_QCAMe1hx8UNyvJlM_Q
Quincas Moreira
https://www.youtube.com/channel/UCL1zFMJb0sthwdAlGjGbdyg