Laravel - Protect API routes

Question

I have Laravel application with VUEJS as front-end, I am getting data by creating API Routes. So for example the route for getting posts data will be http://localhost/api/posts

What is the best way to protect my routes?

I saw on laravel documentation that there is: API athentication https://laravel.com/docs/5.8/api-authentication also Passport https://laravel.com/docs/5.8/passport

For example now any user can reach to the route http://localhost/api/posts and he will get json with all posts data.

I want protect that and allow only inner api request from my VUEJS commponent to get the data

Jacobo Jacobo · Accepted Answer · 2019-04-23T18:49:10

I’m assuming you’re going to use the Laravel auth routes to do the authentication, and after the authentication, the next view you’re reaching is the one with all the Vue components.

The solution is simple, even that is on the documentation, the necessary steps should be clarified.

We need to:

Add passport composer require laravel/passport
Make the migrations php artisan migrate
Install passport php artisan passport:install

The fourth step is more complex. We need to open our User.php model file. And first we need to import the HasApiTokens and tell the model to use it.

use Laravel\Passport\HasApiTokens;

class User extends Authenticatable

{

    use HasApiTokens, Notifiable;

    .......

}

Then on our config/auth.php we need to modify the api array and change the driver to passport

'api' => [

    //for API authentication with Passport

    'driver' => 'passport',

    'provider' => 'users',

],

Then on our app/Http/Kernel.php we need to add a middleware to the $middlewareGroups array in the key web.

protected $middlewareGroups = [

    'web' => [

        ................

        //for API authentication with Passport

        \Laravel\Passport\Http\Middleware\CreateFreshApiToken::class,

    ],

Now we can use the auth:api middleware on our api routes.

Route::middleware('auth:api')->group( function(){
    ...your routes here
});

Laravel - Protect API routes

2 Answers