Learn Vue - Towards JWT authentication | Vue and Django API | Vuex Store

21706
74
432
11.06.2020
Very Academy

Very Academy

5186190
50800
613
05.02.2016
GB
Описание видео:

In this Vue tutorial we build a Vue js and Django API application and implement authentication using JWT. This is part 2 - adding authentication, see part 1 for setting up Django and Vue in preparation to apply the authentication. Part 1of2 - Creating new Vue and Django application: 🤍youtu.be/KFO8atMJ4Eg 00:00 Introduction 01:07 Vue Coverage 01:55 Download Git Repo - where we finished the previous tutorial 02:49 Install vevn - get the Django application started 06:18 Get started configuring JWT on Django 12:13 Test Django API authentication with Postman 16:59 Start working on the Vue application 19:06 Create new files needed for the project 19:43 Configure router 20:00 Create login view 25:06 Vuex - creating the store 31:10 Building the post view to access the API data 38:33 Add page authentication 41:20 Logout functionality 43:52 Idle feature 47:12 Display link only if logged in Django = 1. Download repository 🤍github.com/veryacademy/YT-Vue-with-DjangoRestAPI 2. Extract rename folder 3. Create venv 4. Install dependencies 5. Login check data 6. Configure JWT 6. Create new Token with postman 7. Test authentication with postman Vue js = 1.Create new files Logout.vue Login.vue Store.vue 2.Configure router 3.Build login page 4.Create store using Vuex //npm install vuex 5.Build Post page access data from API 6.Add authorisation to pages with redirect 7.Build logout page 8.Example of displaying links if only logged in 9.Add Idle feature //npm install idle-vue Code Repository: 🤍github.com/veryacademy/YT-Vue-Django-Auth-JWT SUBSCRIBE to get more free tutorials, courses and code snippets! 🤍🤍youtube.com/channel/UC1mxuk7tuQT2D0qTMgKji3w?sub_confirmation=1 Follow us on Facebook 🤍🤍facebook.com/Veryacademycom-113232103670580/ Follow use on Twitter: 🤍twitter.com/VeryAcademy

Кадры из видео
Learn Vue - Towards JWT authentication | Vue and Django API | Vuex Store
Learn Vue - Towards JWT authentication | Vue and Django API | Vuex Store
Learn Vue - Towards JWT authentication | Vue and Django API | Vuex Store
Learn Vue - Towards JWT authentication | Vue and Django API | Vuex Store
Тэги из видео
Комментарии пользователей:
Yugal Khanal
2023-03-12 20:11:11

do you have a tutorial on how to register for an account?

Andressa Lima Ferreira
2023-01-04 14:21:38

Your videos are incredible. I would like to ask a question. I noticed that the link named Post is no longer in the Navbar file for this project, as it was in the previous video. In this video he appears on the page with the posts, so I would like to know where he is being indicated?

Amide Vlog
2022-09-24 20:18:34

Top3

AbOoOd (▀̿Ĺ̯▀̿ ̿)
2022-06-28 13:09:52

you are nsssssssssssssssssssssss

AbOoOd (▀̿Ĺ̯▀̿ ̿)
2022-06-28 13:02:32

i liked you allooot bur, in second time please put real files......... dont deleteeeeeeeeeeee guesssssssssss

Thomas
2022-06-05 15:41:12

What happens when token expires?

ammar alzhrani
2022-05-20 11:18:51

Thanks 🙏 is this vue server side rendering or client side rendering?

Web Dev
2022-04-23 05:20:38

thanks

Saleh M
2021-10-12 20:38:21

thank you

Samba D
2021-09-10 22:59:19

Thanks for this very informative content. My question is: it safer to use Localstorage or cookies to store the token?

Artem Symcov
2021-08-16 12:01:17

With JWT token, how we can allow to new users to register? in tutorial you created new user by terminal. What can we do, if user don't have access to admin panel?

Arpit Soni
2021-07-04 16:40:08

I want full video with refreshing token plz

Abuajmalmajidponneth Abu
2021-03-10 19:06:59

sir ur name?

Venkat Gangarapu
2021-03-03 21:34:36

Can you provide references for localstorage or sessionstorage on your tutorial, when i tried to impliment it is not working.

Dev Internals
2021-02-21 21:53:12

If you have encountered an error "'str' object has no attribute 'decode'", it is likely due to version of PyJWT.
So just run -> pip install PyJWT==1.7.1

lauder
2021-02-20 10:48:06

Hey, many thanks for the great video, just was I was looking for! I followed your instructions all the way but I just cannot get REST to accept my JWT token. I tried it exactly like you showed it in the video with Postman and everything else was setup the same way. Any ideas by any chance?

Na Reo
2021-02-20 03:41:24

Thank you so much for your tutorial, it is so good.
I am a beginner of vue and django, when I tried to run your project, it logs me out every time I refresh the page or click the post page. I tried to change the idletime to a larger number, and tried to delete the IdleVue related code, but it still not works, so what is the problem? Thank you so much for your help.

Amine Bouhaddi
2021-02-11 04:10:24

The best tutorial i've see, god bless

Óûth Mânē
2021-01-18 01:32:40

Thanks for the video, but a lot of stuff is missing.
How to deal with expired token?
I save accesToken in localstorage but it expires quickly, how to fix that so that it automatically get new token using refeshToken to stay loggedIn ?

Что ищут прямо сейчас
el kaio guy mariano Удаление пробелов между фото в Premiere Pro Blouse ke design graphic design чит на метро радмир Fedora 36 sequencer buying guide blouse ke gale ki design Rising Rush KANON simple blouse designs as fashion blouse designs blouse design Mandeep design crusader pvp build zec blouse designs AS Fashion blouse design new model
Похожие видео
20.02.2023
Building SQL Query Inspector Middleware | Django Project | SQL Inspection Middleware | 11

Building SQL Query Inspector Middleware | Django Project | SQL Inspection Middleware | 11

20.02.2023
Django Middleware Workflow | Django Project | SQL Inspection Middleware | 10

Django Middleware Workflow | Django Project | SQL Inspection Middleware | 10

08.05.2023
Build a full stack weather app using Next.js | Amazon Frontend Interview | Intuit frontend interview

Build a full stack weather app using Next.js | Amazon Frontend Interview | Intuit frontend interview

27.02.2023
Database Theory | Key Terminology: Databases, RDBMS, and the Data Lifecycle

Database Theory | Key Terminology: Databases, RDBMS, and the Data Lifecycle

19.11.2022
CRUD Operation using Django REST API and React JS  2022

CRUD Operation using Django REST API and React JS 2022

27.02.2023
Database | Identifying Significant Entities

Database | Identifying Significant Entities

27.02.2023
Database Design | Approach 1| Formulate the Preliminary Entity List

Database Design | Approach 1| Formulate the Preliminary Entity List

28.02.2023
Database: Introducing Normalization and 1NF

Database: Introducing Normalization and 1NF

20.02.2023
Pretty Print SQL Queries | Django Project | SQL Inspection Middleware | 9

Pretty Print SQL Queries | Django Project | SQL Inspection Middleware | 9

13.05.2023
React, Tailwind CSS and Firebase: Building a Complete News App  Part 1

React, Tailwind CSS and Firebase: Building a Complete News App Part 1

17.07.2021
Two-Factor Authentication - utilizing Twilio's Authy and Django

Two-Factor Authentication - utilizing Twilio's Authy and Django

22.01.2023
How to deploy multiple websites in a single Nginx server | Virtual Host

How to deploy multiple websites in a single Nginx server | Virtual Host

27.02.2023
Practical Database Design: Theory Into Practice | Blog Schema

Practical Database Design: Theory Into Practice | Blog Schema

20.02.2023
Introducing PyPI and TestPyPI | Django Project | SQL Inspection Middleware | 12

Introducing PyPI and TestPyPI | Django Project | SQL Inspection Middleware | 12