We are still going to do a bit of clean up, since Directus development is moving at a break neck pace, but mostly because I’m publishing these videos very slowly, because of some personal issues that have been going on this whole year, but are kind of winding down for a bit at the moment. So I’m hoping I will be able to pick up the pace with the publishing and recording of these videos. 

And I promise that after this video we are going to start creating interesting things, and not just install and update stuff.

So Directus is already at the version 9.4.1 at the time of this recording and in this episode we are going to update it, AGAIN, fix some updating errors and also we are going to install GraphQL play ground which will make creating our queries much easier.

In this episode we are going to do a bit more cleanup (sorry), before building our app.

Fix No Access Issue, Update Database, Install GraphQL Playground

Now that we got [JWT working](https://watch-learn.com/creating-rent-car-app-vue-and-october/fixing-jwt) I can show you how to handle errors that you will get from your login and registration forms. This can seem as pretty straight forward at first glance, but it's actually just a bit more complicated, because we will not get those errors in the format that is easy to display on the frontend.

So we need to take in account all possible cases and then format them to be easily handled by the frontend.

In this episode I'm going to show you how to handle login errors in our OctoberCMS, Vue and Vuex application.

Login Errors

Now we are going to create next checkout step in our app, and on that step the user will leave us his or hers data by registering into our app. To do that we are of course going to create an interface in our Vue.js app, and on the backend we will install a User plugin from Rainlab instead of creating our User model manually. 

And also instead of creating our own routes for register and login we are going install JWTAuth plugin which is going to do all the heavy lifting for us. 

Lastly I'm going to show you how to login a user using this method.

In this episode we are going to learn how to register and login users using Vue, OctoberCMS and JWT.

Login and Registration (with JWT)

In the [last episode](http://watch-learn.com/video-tutorials/making-websites-with-october-cms-part-20-frontend-forms) I told you that it would be a good idea to protect our contact form, so that only registered can input data into our database. In this episode I'm going to show you how to do exactly that, using the _User_ plugin for October CMS.

I'm also going to show you how you can create _Register_, _Login_ and _Profile_ pages for your site and how to setup a sign out link.

In this episode we are going to setup User plugin for October CMS, and learn how to register and login users and also how to protect our pages from unauthorized  access.

Tutorials tagged with: login

Get in touch