AngularJS + Laravel 5 Authentication

Question

While building my SPA with angularJS, i came to the point where i want to implement user authentication in my angularJS website. However, i have no idea where to start and what

Answer 1

I like the same approach that @neoroger takes using JSON Web Tokens with jwt-auth. I used the Satellizer package for storing the token on the front end and to send it along with each request to the API afterwards.

I put together a couple tutorials that show how to implement the two packages if you are interested:

https://scotch.io/tutorials/token-based-authentication-for-angularjs-and-laravel-apps

http://ryanchenkie.com/token-based-authentication-for-angularjs-and-laravel-apps/

Answer 2

I'm making an AngularJS app and an API RESTful made with Laravel 5 for the backend, and my approach for the authentication was:

1. Installed jwt-auth. Basically extends the Auth model of Laravel adding authorization with tokens.
2. Added simple role package to laravel. I used permiso. Has multiple roles/user and permissions/role. Very simple.
3. Added jStorage to frontend. (you can use AngularJS module instead).

So the steps are:

1. Frontend send user credentials (email and pass).
2. Server checks, jwt-auth makes a token to that user and send it backs.
3. Frontend save the token on the browser storage (no csrf needed with this approach).
4. All next calls to the API are made with Authorization: Bearer header (or with ?token=... )