Category Archives: Laravel

Laravel Tutorials

How to Clear Cache in Laravel 8 with artisan commands

In this tutorial, I’ll show you how to clear cache in laravel 8. We will learn to clear laravel cache of different types example: view cache, application cache, route cache, config cache etc. I’ll show you various laravel artisan commands to clear laravel 8 cache of different types. You will also learn to clear cache on shared hosting without artisan commands.

In Laravel, while developing a laravel application it is very often that changes we made are not reflecting. This is usually happens because of the laravel cache. Laravel provides various caching systems for developing fast loading laravel applications.

In this laravel clear cache example, we will learn to clear cache from command line (CLI), we will see how to clear cache from blade (views), routes,config etc using the command line and artisan command.

Laravel 8 Clear Cache Artisan Commands

Here, we will discuss about various artisans commands used to clear different laravel cache in laravel applications.

How to clear laravel App Cache

To clear laravel application cache use the php artisan cache:clear artisan command as given below :

php artisan cache:clear

1	php artisan cache:clear

How to clear laravel route Cache

To clear route cache in laravel use the php artisan route:clear artisan command as given below :

php artisan route:clear

1	php artisan route:clear

How to clear laravel config cache

To clear config cache in laravel use the php artisan config:cache artisan command as given below :

php artisan config:cache

1	php artisan config:cache

How to clear laravel View Cache

To clear compiled view files cache in laravel use the php artisan view:clear artisan command as given below :

php artisan view:clear

1	php artisan view:clear

Laravel Reoptimized Class

Use the following laravel command to Reoptimized Class In laravel :

php artisan optimize

1	php artisan optimize

Clear Cache On Shared Host Without Artisan Commands

In shared hosting servers typically we don’t have SSH access to the server. In that case, to clear laravel 8 cache we have define routes in our application’s routes/web.php file that invoke the various laravel clear cache commands. This way we can clear Laravel cache by accessing specific routes in the browser.

How to Clear Route Cache from Browser

 Route::get('/route-cache', function() {
     $exitCode = Artisan::call('route:cache');
     return 'Routes cache cleared';
 });

Route::get('/route-cache', function() {

$exitCode = Artisan::call('route:cache');

return 'Routes cache cleared';

});

How to Clear Config Cache from Browser

 Route::get('/config-cache', function() {
     $exitCode = Artisan::call('config:cache');
     return 'Config cache cleared';
 });

Route::get('/config-cache', function() {

$exitCode = Artisan::call('config:cache');

return 'Config cache cleared';

});

How to Clear Application Cache from Browser

 Route::get('/clear-cache', function() {
     $exitCode = Artisan::call('cache:clear');
     return 'Application cache cleared';
 });

Route::get('/clear-cache', function() {

$exitCode = Artisan::call('cache:clear');

return 'Application cache cleared';

});

How to Clear View Cache from Browser

 Route::get('/view-clear', function() {
     $exitCode = Artisan::call('view:clear');
     return 'View cache cleared';
 });

Route::get('/view-clear', function() {

$exitCode = Artisan::call('view:clear');

return 'View cache cleared';

});

Laravel 5.8 Multiple Authentication Using Middleware

Leave a reply

Laravel 5.8 Multiple Authentication Using Middleware

In this Laravel multi (auth) authentication tutorial we will learn how to create separate admin panel or login using middleware. Laravel multi (auth) authentication system allows to create multiple users login in single application.

While developing a laravel application there comes situations where we want create separate user login or separate user/admin panel for users having different privileges or access rights in same application. In laravel this can be achieved in following ways –

1. Laravel multi (auth) authentication using middleware

2. Laravel multi (auth) authentication Using Guards

In one of my previous article we have created separate admin login using laravel multi (auth) authentication using Guards. In this article we will creating separate admin login using laravel multi (auth) authentication system with middleware.

Install Laravel 5.8

First of all we need to create a fresh laravel project, download and install Laravel 5.8 using the below command

composer create-project --prefer-dist laravel/laravel larablog

1	composer create-project --prefer-dist laravel/laravel larablog

Configure Database In .env file

Now, lets create a MySQL database and connect it with laravel application. After creating database we need to set database credential in application’s .env file.

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=larablog
DB_USERNAME=root
DB_PASSWORD=

DB_CONNECTION=mysql

DB_HOST=127.0.0.1

DB_PORT=3306

DB_DATABASE=larablog

DB_USERNAME=root

DB_PASSWORD=

Generate Application Key

Open terminal and switch to the project directory and run the following command to generate application key and configure cache.

php artisan key:generate

1	php artisan key:generate

php artisan config:cache

1	php artisan config:cache

Set Default String Length

Locate the file “app/Providers/AppServiceProvider”, and add following line of code to the top of the file

use Illuminate\Support\Facades\Schema;

1	use Illuminate\Support\Facades\Schema;

and inside the boot method set a default string length as given below –

Schema::defaultStringLength(191);

1	Schema::defaultStringLength(191);

So this is how “app/Providers/AppServiceProvider” file looks like –

<?php
namespace App\Providers;
use Illuminate\Support\ServiceProvider;
use Illuminate\Support\Facades\Schema;

class AppServiceProvider extends ServiceProvider
{
 public function boot() {
 //
 Schema::defaultStringLength(191);
}
 public function register()
 {
 //
 }
}

<?php

namespace App\Providers;

use Illuminate\Support\ServiceProvider;

use Illuminate\Support\Facades\Schema;

class AppServiceProvider extends ServiceProvider

{

public function boot() {

Schema::defaultStringLength(191);

}

public function register()

{

}

Migrations and User Model

After installing laravel, you will see the some migration files created inside database/migrations directory for creating default create users table and password reset table. Open app/database/create_users_table.php migration file and add/update the following field for admin.

$table->boolean('is_admin')->nullable();

1	$table->boolean('is_admin')->nullable();

After you added a column “is_admin” to user table run the migration using following command.

php artisan migrate

1	php artisan migrate

After this, go to app/User.php and add is_admin to fillable attribute in the User Model.

protected $fillable = [
'name', 'email', 'password', 'is_admin'
];

protected $fillable = [

'name', 'email', 'password', 'is_admin'

];

Authentication Scaffolding

Laravel comes with in-built basic authentication system, use the below command to generate default authentication scaffolding –

php artisan make:auth

1	php artisan make:auth

This command will generate required Controller files, views and add routes in our web.php routes file that are required for basic authentication system.

Create Admin Middleware

Now, we will create a middleware that authenticate users. This middleware will help to make sure who can access the admin area or who can access the normal user area. Use the following command to generate a middleware for Admin.

php artisan make:middleware Admin

1	php artisan make:middleware Admin

Next, open app/Http/ Middleware/Admin.php file, and here in handle() method implement the logic to authenticate users like below.

public function handle($request, Closure $next){

    if(auth()->user()->is_admin == 1){
        return $next($request);
    }
        return redirect('home')->with('error','You have no admin access');
}

public function handle($request, Closure $next){

if(auth()->user()->is_admin == 1){

return $next($request);

}

return redirect('home')->with('error','You have no admin access');

}

Register Admin Routes

Now, we need to register admin route in $routeMiddleware property in the app/Http/Kernel.php file. Lets open app/Http/Kernel.php file and update the $routeMiddleware property like below –

protected $routeMiddleware = [
        'auth' => \App\Http\Middleware\Authenticate::class,
        'auth.basic' => \Illuminate\Auth\Middleware\AuthenticateWithBasicAuth::class,
        'bindings' => \Illuminate\Routing\Middleware\SubstituteBindings::class,
        'cache.headers' => \Illuminate\Http\Middleware\SetCacheHeaders::class,
        'can' => \Illuminate\Auth\Middleware\Authorize::class,
        'guest' => \App\Http\Middleware\RedirectIfAuthenticated::class,
        'signed' => \Illuminate\Routing\Middleware\ValidateSignature::class,
        'throttle' => \Illuminate\Routing\Middleware\ThrottleRequests::class,
        'verified' => \Illuminate\Auth\Middleware\EnsureEmailIsVerified::class,
        'admin' => \App\Http\Middleware\Admin::class,
    ];

protected $routeMiddleware = [

'auth' => \App\Http\Middleware\Authenticate::class,

'auth.basic' => \Illuminate\Auth\Middleware\AuthenticateWithBasicAuth::class,

'bindings' => \Illuminate\Routing\Middleware\SubstituteBindings::class,

'cache.headers' => \Illuminate\Http\Middleware\SetCacheHeaders::class,

'can' => \Illuminate\Auth\Middleware\Authorize::class,

'guest' => \App\Http\Middleware\RedirectIfAuthenticated::class,

'signed' => \Illuminate\Routing\Middleware\ValidateSignature::class,

'throttle' => \Illuminate\Routing\Middleware\ThrottleRequests::class,

'verified' => \Illuminate\Auth\Middleware\EnsureEmailIsVerified::class,

'admin' => \App\Http\Middleware\Admin::class,

];

Set Admin Protected Route

Next, create the route for admin. Open the routes/web.php file and add the following code in it.

routes/web.php

Route::get('admin/routes', 'HomeController@admin')->middleware('admin');

1	Route::get('admin/routes', 'HomeController@admin')->middleware('admin');

Create Controller Methods

Open the app/Http/Controllers/HomeController.php controller file and create two separate methods to handle admin and normal users.

app/Http/Controllers/HomeController.php

public function index(){

	return view('home');
}

public function admin(){

	return view('admin');
}

public function index(){

return view('home');

}

public function admin(){

return view('admin');

}

Create Blade/View

Now we will have two separate view files, first is for home page and second is for after login admin page. Open the resources/views/home.blade.php file and update the following code.

resources/views/home.blade.php

@extends('layouts.app')
 
@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-8">
            <div class="card">
                <div class="card-header">Dashboard</div>
 
                <div class="card-body">
                    @if(auth()->user()->is_admin == 1)
                    <a href="{{url('admin/routes')}}">Admin</a>
                    @else
                    <div class="panel-heading">Normal User</div>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@extends('layouts.app')

@section('content')

<div class="card-header">Dashboard</div>

@if(auth()->user()->is_admin == 1)

<a href="{{url('admin/routes')}}">Admin</a>

@else

<div class="panel-heading">Normal User</div>

@endif

</div>

@endsection

Here, if(auth()->user()->is_admin == 1) is used to check user is a normal user or an admin user, it will navigate to the admin area. Otherwise, it will redirect to users area.

Now, create a view file called admin.blade.php in the root of the views folder, and add the following code to it.

resources/views/admin.blade.php

@extends('layouts.app')

@section('content')

<div class="row">

<div class="col-md-8 col-md-offset-2">

<div class="panel panel-default">

<div class="panel-heading btn-primary">WELCOME TO ADMIN ROUTE</div>

</div>

</div>

</div>

@endsection

@extends('layouts.app')

@section('content')

<div class="panel-heading btn-primary">WELCOME TO ADMIN ROUTE</div>

</div>

@endsection

Start Development Server

Start the development server using following artisan command –

php artisan serve

1	php artisan serve

In order to test laravel multi auth system first register a user through laravel register and then change the is_admin=1; and try to login again.

User Home 1 :-

laravel-multi-auth-2

After Login Admin Page :-

laravel-multi-auth-1

User Home 2 :-

laravel-multi-auth-3

How to Ban, Suspend or Block User Account in Laravel

Leave a reply

How to Ban, Suspend or Block User Account in Laravel

In this laravel ban / suspend user account tutorial, I’ll show you how to ban, block or suspend a user account using laravel middleware.

Sometimes in laravel application we may identify user account with some suspicious activity, policy violation, spamming or any other misuse of the application. In such situation we may want to ban, block or suspend a user account for some time, after that ban is revoked. when a blocked user account’s ban is revoked it can use the application same as before the account is suspended or banned

In this tutorial, you will learn to ban, block or suspend a user account using laravel middleware. In this example, we will create a laravel middleware to check if the user is banned. In this example we will add a database field named blocked_until in users table then we will check user is suspend/banned or not using the blocked_until field. If an user is found banned or blocked we log them out and redirect back to login page with an error message.

Before starting with tutorial, we are assuming that you already have a fresh installation of a Laravel 5.8. If you have not installed it follow Laravel Installation Step.

Install Laravel 5.8

First of all we need to create a fresh laravel project, download and install Laravel 5.8 using the below command

composer create-project --prefer-dist laravel/laravel larablog

1	composer create-project --prefer-dist laravel/laravel larablog

Configure Database In .env file

Now, lets create a MySQL database and connect it with laravel application. After creating database we need to set database credential in application’s .env file.

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=lara58blog
DB_USERNAME=root
DB_PASSWORD=

DB_CONNECTION=mysql

DB_HOST=127.0.0.1

DB_PORT=3306

DB_DATABASE=lara58blog

DB_USERNAME=root

DB_PASSWORD=

Now, use the below command to create default laravel tables automatically.

php artisan migrate

1	php artisan migrate

Authentication Scaffolding

Now, use the below command to generate laravel default authentication scaffolding –

php artisan make:auth

1	php artisan make:auth

This command will generate required Controller files, views and add routes in our web.php routes file that are required for the authentication.

Add New column Using Migration

Now, lets a add a timestamp field named blocked_until that allows you check if user is banned or not. If its null then user is not banned, otherwise we know the date, until when user is banned. Use the following artisan command to generate laravel migration that adds blocked_until field to users table.

php artisan make:migration add_blocked_until_to_users_table

1	php artisan make:migration add_blocked_until_to_users_table

Once this command is executed you will find a migration file created under “database/migrations”. lets open migration file and modify up method with following code –

class AddBlockedUntilToUsersTable extends Migration
{
    public function up()
    {
        Schema::table('users', function (Blueprint $table) {
            $table->timestamp('blocked_until')->nullable();
        });
    }
}

class AddBlockedUntilToUsersTable extends Migration

{

public function up()

{

Schema::table('users', function (Blueprint $table) {

$table->timestamp('blocked_until')->nullable();

});

}

We also need to add that field to $fillable array in app/User.php model. We will put it into $dates array to.

app/User.php

class User extends Authenticatable
{
    protected $fillable = [
        'name', 'email', 'password', 'blocked_until'
    ];

    protected $dates = [
        'blocked_until'
    ];
}

class User extends Authenticatable

{

protected $fillable = [

'name', 'email', 'password', 'blocked_until'

];

protected $dates = [

'blocked_until'

];

}

Create Laravel Middleware CheckBlocked

Lets create a laravel middleware to check if the user is banned/suspended/blocked. If a blocked user will try to login we log them out and redirect back to login form with an error message. Create a laravel middleware using below command.

php artisan make:middleware CheckBlocked

1	php artisan make:middleware CheckBlocked

Once this command is executed you will find a middleware file created under “app/Http/Middleware/”. Open middleware file and implement logic of to check banned/blocked/suspended users. In that time, we will log them out and redirect to login screen with message.

app/http/middleware/CheckBlocked.php

class CheckBLocked
{
    public function handle($request, Closure $next)
    {
        if (auth()->check() && auth()->user()->blocked_until && now()->lessThan(auth()->user()->blocked_until)) {
			$blocked_days = now()->diffInDays(auth()->user()->blocked_date); 
			$message = 'Your account has been suspended for '.$blocked_days.' '.str_plural('day', $blocked_days).'. Please contact administrator.';
			auth()->logout();     
			return redirect()->route('login')->withMessage($message); 
        }

        return $next($request);
    }
}

class CheckBLocked

{

public function handle($request, Closure $next)

{

if (auth()->check() && auth()->user()->blocked_until && now()->lessThan(auth()->user()->blocked_until)) {

$blocked_days = now()->diffInDays(auth()->user()->blocked_date);

$message = 'Your account has been suspended for '.$blocked_days.' '.str_plural('day', $blocked_days).'. Please contact administrator.';

auth()->logout();

return redirect()->route('login')->withMessage($message);

}

return $next($request);

}

Register Laravel Middleware

Open app/Http/Kernel.php file and register CheckBlocked middleware here, like below –

protected $middlewareGroups = [
 'web' => [
     \App\Http\Middleware\EncryptCookies::class,
     
     // ... other middleware classes

     \App\Http\Middleware\CheckBlocked::class,
 ],

protected $middlewareGroups = [

'web' => [

\App\Http\Middleware\EncryptCookies::class,

// ... other middleware classes

\App\Http\Middleware\CheckBlocked::class,

Add Error Message

Finally, we need to add a error message in login.blade.php. let’s open app/resources/views/auth/login.blade.php file and add error message on above of login form body, like below –

...
<div class="card-body">

    @if (session('message'))
        <div class="alert alert-danger">{{ session('message') }}</div>
    @endif

    <form method="POST" action="{{ route('login') }}">
...

...

@if (session('message'))

<div class="alert alert-danger">{{ session('message') }}</div>

@endif

...

Now we are ready to run our example so lets start the development server using following artisan command –

php artisan serve

1	php artisan serve

Now, open the following URL in browser and try to login with blocked or suspended user account to see the output –

http://localhost:8000/login

Output:-

laravel-ban-user-account-1

Laravel 5.8 Passport Authentication | Create REST API with Passport authentication

Leave a reply

Laravel 5.8 Create REST API with Passport Authentication

In one of my previous articles, we have learn How to Create REST API With JWT Authentication In Laravel using Laravel JWT package for REST authentication API. In this article, we will learn to create fully functional restful API with Passport Authentication in Laravel. In this tutorial, we will be creating fully functional CRUD APIs for Blog Posts along with Passport Authentication In laravel.

What is Passport Authentication?

Laravel comes with default login authentication, but when we want to create APIs we have to use tokens instead of sessions for authenticating users, as APIs does not support session variables. After login via API, user must be assigned a token and sent back to the user which is further used for authenticating API requests. Authentication token is used to securely transmit data between third-parties. Laravel provides Passport authentication which makes it easy creating REST APIs in laravel.

Install Laravel 5.8

First of all we need to create a fresh laravel project, download and install Laravel 5.8 using the below command

composer create-project --prefer-dist laravel/laravel passportauth

1	composer create-project --prefer-dist laravel/laravel passportauth

Install Laravel Passport Package

In this step, we need to install Laravel Passport package via the composer dependency manager. Use the following command to install passport package.

composer require laravel/passport

1	composer require laravel/passport

After Installing ‘laravel/passport’ package, we need to add Passport service provider in config/app.php file as following.

config/app.php

'providers' => [
    ....
    Laravel\Passport\PassportServiceProvider::class,
]

'providers' => [

....

Laravel\Passport\PassportServiceProvider::class,

]

Run Migration and Install Laravel Passport

After successfully installing ‘laravel/passport’ package, we require to create default passport tables in our database. so let’s run the following command to migrate Laravel Passport tables to your database.

php artisan migrate

1	php artisan migrate

Now, it is mandatory to install passport using the command below. This command will generate encryption keys required to generate secret access tokens.

php artisan passport:install

1	php artisan passport:install

Laravel Passport Configuration

Now, we need to make following changes in our model, service provider and auth config file to complete passport configuration. Open App/User.php model file and add ‘Laravel\Passport\HasApiTokens’ trait in it.

app/User.php

<?php
 
namespace App;
 
use Illuminate\Notifications\Notifiable;
use Illuminate\Foundation\Auth\User as Authenticatable;
use Laravel\Passport\HasApiTokens;
 
class User extends Authenticatable
{
    use HasApiTokens, Notifiable;
 
    /**
     * The attributes that are mass assignable.
     *
     * @var array
     */
    protected $fillable = [
        'name', 'email', 'password',
    ];
 
    /**
     * The attributes that should be hidden for arrays.
     *
     * @var array
     */
    protected $hidden = [
        'password', 'remember_token',
    ];
}

<?php

namespace App;

use Illuminate\Notifications\Notifiable;

use Illuminate\Foundation\Auth\User as Authenticatable;

use Laravel\Passport\HasApiTokens;

class User extends Authenticatable

{

use HasApiTokens, Notifiable;

/**

* The attributes that are mass assignable.

* @var array

protected $fillable = [

'name', 'email', 'password',

];

/**

* The attributes that should be hidden for arrays.

* @var array

protected $hidden = [

'password', 'remember_token',

];

}

Next Register passport routes in App/Providers/AuthServiceProvider.php, open App/Providers/AuthServiceProvider.php and add Passport::routes method in the boot method of your AuthServiceProvider. It will generate necessary routes. This is how the app/Providers/AuthServiceProvider.php will look like after changes.

<?php

namespace App\Providers;
use Laravel\Passport\Passport;
use Illuminate\Support\Facades\Gate;
use Illuminate\Foundation\Support\Providers\AuthServiceProvider as ServiceProvider;

class AuthServiceProvider extends ServiceProvider
{
    /**
     * The policy mappings for the application.
     *
     * @var array
     */
    protected $policies = [
        // 'App\Model' => 'App\Policies\ModelPolicy',
    ];

    /**
     * Register any authentication / authorization services.
     *
     * @return void
     */
    public function boot()
    {
        $this->registerPolicies();

        //
        Passport::routes();
    }
}

<?php

namespace App\Providers;

use Laravel\Passport\Passport;

use Illuminate\Support\Facades\Gate;

use Illuminate\Foundation\Support\Providers\AuthServiceProvider as ServiceProvider;

class AuthServiceProvider extends ServiceProvider

{

/**

* The policy mappings for the application.

* @var array

protected $policies = [

// 'App\Model' => 'App\Policies\ModelPolicy',

];

/**

* Register any authentication / authorization services.

* @return void

public function boot()

{

$this->registerPolicies();

Passport::routes();

}

Now open config/auth.php file and set api driver to passport instead of session.

config/auth.php

return [
    ....
 
    'guards' => [
        'web' => [
            'driver' => 'session',
            'provider' => 'users',
        ],
 
        'api' => [
            'driver' => 'passport',
            'provider' => 'users',
        ],
    ],
 
    ....
]

return [

....

'guards' => [

'web' => [

'driver' => 'session',

'provider' => 'users',

'api' => [

'driver' => 'passport',

'provider' => 'users',

....

]

Create API Routes

Let’s create API routes. Open routes/api.php file create api routes as below –

Route::post('login', 'PassportController@login');
Route::post('register', 'PassportController@register');
 
Route::middleware('auth:api')->group(function () {
    Route::get('user', 'PassportController@details');
});

Route::post('login', 'PassportController@login');

Route::post('register', 'PassportController@register');

Route::middleware('auth:api')->group(function () {

Route::get('user', 'PassportController@details');

});

Create Authentication Controller

Now, create a Authentication Controller name PassportController. Use the below command to create controller.

php artisan make:controller PassportController

1	php artisan make:controller PassportController

Once the above command executed, it will create a resource controller file “AuthController.php” in “app/Http/Controllers/” directory. Go to “PassportController.php” and put the following code in it.

<?php
 
namespace App\Http\Controllers;
 
use App\User;
use Illuminate\Http\Request;
 
class PassportController extends Controller
{
    /**
     * Handles Registration Request
     *
     * @param Request $request
     * @return \Illuminate\Http\JsonResponse
     */
    public function register(Request $request)
    {
        $this->validate($request, [
            'name' => 'required|min:3',
            'email' => 'required|email|unique:users',
            'password' => 'required|min:6',
        ]);
 
        $user = User::create([
            'name' => $request->name,
            'email' => $request->email,
            'password' => bcrypt($request->password)
        ]);
 
        $token = $user->createToken('TutsForWeb')->accessToken;
 
        return response()->json(['token' => $token], 200);
    }
 
    /**
     * Handles Login Request
     *
     * @param Request $request
     * @return \Illuminate\Http\JsonResponse
     */
    public function login(Request $request)
    {
        $credentials = [
            'email' => $request->email,
            'password' => $request->password
        ];
 
        if (auth()->attempt($credentials)) {
            $token = auth()->user()->createToken('TutsForWeb')->accessToken;
            return response()->json(['token' => $token], 200);
        } else {
            return response()->json(['error' => 'UnAuthorised'], 401);
        }
    }
 
    /**
     * Returns Authenticated User Details
     *
     * @return \Illuminate\Http\JsonResponse
     */
    public function details()
    {
        return response()->json(['user' => auth()->user()], 200);
    }
}

<?php

namespace App\Http\Controllers;

use App\User;

use Illuminate\Http\Request;

class PassportController extends Controller

{

/**

* Handles Registration Request

* @param Request $request

* @return \Illuminate\Http\JsonResponse

public function register(Request $request)

{

$this->validate($request, [

'name' => 'required|min:3',

'email' => 'required|email|unique:users',

'password' => 'required|min:6',

]);

$user = User::create([

'name' => $request->name,

'email' => $request->email,

'password' => bcrypt($request->password)

]);

$token = $user->createToken('TutsForWeb')->accessToken;

return response()->json(['token' => $token], 200);

}

/**

* Handles Login Request

* @param Request $request

* @return \Illuminate\Http\JsonResponse

public function login(Request $request)

{

$credentials = [

'email' => $request->email,

'password' => $request->password

];

if (auth()->attempt($credentials)) {

$token = auth()->user()->createToken('TutsForWeb')->accessToken;

return response()->json(['token' => $token], 200);

} else {

return response()->json(['error' => 'UnAuthorised'], 401);

}

/**

* Returns Authenticated User Details

* @return \Illuminate\Http\JsonResponse

public function details()

{

return response()->json(['user' => auth()->user()], 200);

}

Building the Post CRUD API

Next, we will be creating a simple blog application with post table and implement CRUD (Create, Read, Update and Delete) APIs. To create the blog posts APIs we have to define table schema for posts table. Open terminal and use the following artisan command to generate <timestamp>create_posts_table.php migration.

php artisan make:migration create_posts_table

1	php artisan make:migration create_posts_table

Once this command is executed you will find a migration file created under “database/migrations”. Lets open migration file and put following code in it –

<?php

use Illuminate\Support\Facades\Schema;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Database\Migrations\Migration;

class CreatePostsTable extends Migration
{
    /**
     * Run the migrations.
     *
     * @return void
     */
    public function up()
    {
        Schema::create('posts', function (Blueprint $table) {
            $table->bigIncrements('id');
            $table->unsignedBigInteger('user_id');
            $table->string('title');
            $table->string('body');
            $table->timestamps();
            $table->foreign('user_id')->references('id')->on('users');
        });
    }

    /**
     * Reverse the migrations.
     *
     * @return void
     */
    public function down()
    {
        Schema::dropIfExists('posts');
    }
}

<?php

use Illuminate\Support\Facades\Schema;

use Illuminate\Database\Schema\Blueprint;

use Illuminate\Database\Migrations\Migration;

class CreatePostsTable extends Migration

{

/**

* Run the migrations.

* @return void

public function up()

{

Schema::create('posts', function (Blueprint $table) {

$table->bigIncrements('id');

$table->unsignedBigInteger('user_id');

$table->string('title');

$table->string('body');

$table->timestamps();

$table->foreign('user_id')->references('id')->on('users');

});

}

/**

* Reverse the migrations.

* @return void

public function down()

{

Schema::dropIfExists('posts');

}

Create Model

In this step, we will use the following command to create post model –

php artisan make:model Post

1	php artisan make:model Post

Once, the above command executed it will create a model file Post.php in app directory. Next, we have to assign fillable fields using fillable property inside Post.php file. Open app/Post.php file and put the following code in it –

app/Post.php

<?php

namespace App;

use Illuminate\Database\Eloquent\Model;

class Post extends Model
{
    //
    protected $fillable = ['title','body'];
}

<?php

namespace App;

use Illuminate\Database\Eloquent\Model;

class Post extends Model

{

protected $fillable = ['title','body'];

}

Now, run following command to migrate database schema.

php artisan migrate

1	php artisan migrate

After, the migration executed successfully the posts table will be created in database.

Now, we have to add a relationship in the User model to retrieve the related posts. In app/User.php add the following method.

public function posts()
{
    return $this->hasMany(Post::class);
}

public function posts()

{

return $this->hasMany(Post::class);

}

Create Controller

In this step, we will use the following command to create post controller.

php artisan make:controller PostController

1	php artisan make:controller PostController

Once the above command executed, it will create a controller file “PostController.php” in “app/Http/Controllers/” directory. Open the PostController.php file and put the following code in it.

app/Http/Controllers/PostController.php

<?php
 
namespace App\Http\Controllers;
 
use App\Post;
use Illuminate\Http\Request;
 
class PostController extends Controller
{
    public function index()
    {
        $posts = auth()->user()->posts;
 
        return response()->json([
            'success' => true,
            'data' => $posts
        ]);
    }
 
    public function show($id)
    {
        $post = auth()->user()->posts()->find($id);
 
        if (!$post) {
            return response()->json([
                'success' => false,
                'message' => 'Post with id ' . $id . ' not found'
            ], 400);
        }
 
        return response()->json([
            'success' => true,
            'data' => $post->toArray()
        ], 400);
    }
 
    public function store(Request $request)
    {
        $this->validate($request, [
            'title' => 'required',
            'body' => 'required'
        ]);
 
        $post = new Post();
        $post->title = $request->title;
        $post->body = $request->body;
 
        if (auth()->user()->posts()->save($post))
            return response()->json([
                'success' => true,
                'data' => $post->toArray()
            ]);
        else
            return response()->json([
                'success' => false,
                'message' => 'Post could not be added'
            ], 500);
    }
 
    public function update(Request $request, $id)
    {
        $post = auth()->user()->posts()->find($id);
 
        if (!$post) {
            return response()->json([
                'success' => false,
                'message' => 'Post with id ' . $id . ' not found'
            ], 400);
        }
 
        $updated = $post->fill($request->all())->save();
 
        if ($updated)
            return response()->json([
                'success' => true
            ]);
        else
            return response()->json([
                'success' => false,
                'message' => 'Post could not be updated'
            ], 500);
    }
 
    public function destroy($id)
    {
        $post = auth()->user()->posts()->find($id);
 
        if (!$post) {
            return response()->json([
                'success' => false,
                'message' => 'Post with id ' . $id . ' not found'
            ], 400);
        }
 
        if ($post->delete()) {
            return response()->json([
                'success' => true
            ]);
        } else {
            return response()->json([
                'success' => false,
                'message' => 'Post could not be deleted'
            ], 500);
        }
    }
}

100

101

102

103

104

105

106

<?php

namespace App\Http\Controllers;

use App\Post;

use Illuminate\Http\Request;

class PostController extends Controller

{

public function index()

{

$posts = auth()->user()->posts;

return response()->json([

'success' => true,

'data' => $posts

]);

}

public function show($id)

{

$post = auth()->user()->posts()->find($id);

if (!$post) {

return response()->json([

'success' => false,

'message' => 'Post with id ' . $id . ' not found'

], 400);

}

return response()->json([

'success' => true,

'data' => $post->toArray()

], 400);

}

public function store(Request $request)

{

$this->validate($request, [

'title' => 'required',

'body' => 'required'

]);

$post = new Post();

$post->title = $request->title;

$post->body = $request->body;

if (auth()->user()->posts()->save($post))

return response()->json([

'success' => true,

'data' => $post->toArray()

]);

else

return response()->json([

'success' => false,

'message' => 'Post could not be added'

], 500);

}

public function update(Request $request, $id)

{

$post = auth()->user()->posts()->find($id);

if (!$post) {

return response()->json([

'success' => false,

'message' => 'Post with id ' . $id . ' not found'

], 400);

}

$updated = $post->fill($request->all())->save();

if ($updated)

return response()->json([

'success' => true

]);

else

return response()->json([

'success' => false,

'message' => 'Post could not be updated'

], 500);

}

public function destroy($id)

{

$post = auth()->user()->posts()->find($id);

if (!$post) {

return response()->json([

'success' => false,

'message' => 'Post with id ' . $id . ' not found'

], 400);

}

if ($post->delete()) {

return response()->json([

'success' => true

]);

} else {

return response()->json([

'success' => false,

'message' => 'Post could not be deleted'

], 500);

}

Create Resource Route

After this, we need to add resource route for post controller. Lets open “routes/api.php” file and add following route in it.

Route::resource('posts', 'PostController');

1	Route::resource('posts', 'PostController');

our final route file looks as following –

routes/api.php

Route::post('login', 'PassportController@login');
Route::post('register', 'PassportController@register');
 
Route::middleware('auth:api')->group(function () {
    Route::get('user', 'PassportController@details');
    Route::resource('posts', 'PostController');
});

Route::post('login', 'PassportController@login');

Route::post('register', 'PassportController@register');

Route::middleware('auth:api')->group(function () {

Route::get('user', 'PassportController@details');

Route::resource('posts', 'PostController');

});

Start Application Server

Lets start the development server using following artisan command –

php artisan serve

1	php artisan serve

Testing the REST API

Our Authentication API is ready to test. I will use Postman to test the API.

Register Api :-
Verb: POST
URL :http://localhost:8000/api/register

Login Api :-
Verb: POST
URL :http://localhost:8000/api/login

User Api :-
Verb: GET
URL: http://localhost:8000/api/user

userinfo

Add Post Api :-
Verb: POST
URL: http://localhost:8000/api/posts

add_post

List User Post Api :-
Verb: GET
URL: http://localhost:8000/api/posts

user_posts

Single Post Api :-
Verb: GET
URL: http://localhost:8000/api/posts/{ID}

get_single_post

Update Post Api :-
Verb: PUT
URL: http://localhost:8000/api/posts/{ID}

update_single_post

Delete Post Api :-
Verb: DELETE
URL: http://localhost:8000/api/posts/{ID}

delete_single_post

Laravel jwt Authentication API | Laravel 5.8 Create REST API with jwt Authentication

Leave a reply

Laravel 5.8 Create REST API with jwt Authentication

In one of my previous articles, we have learn How to Create REST API With Passport Authentication In Laravel using Laravel passport for REST API authentication. In this article, we will learn to create fully functional restful API with JWT Authentication in Laravel. In this tutorial, we will be creating fully functional CRUD APIs for Blog Posts along with JWT Authentication.

What is JWT?

JWT stands for JSON Web Tokens. JSON Web Token (JWT) is an authentication token which is used to securely transmit data between third-parties as a JSON object. The JSON Web token usually remains valid for 3600s or one hour. Nowdays API’s are mostly developed with JWT authentication.

Install Laravel 5.8

First of all we need to create a fresh laravel project, download and install Laravel 5.8 using the below command

composer create-project --prefer-dist laravel/laravel jwtauth

1	composer create-project --prefer-dist laravel/laravel jwtauth

Install JWT Auth Package Using Composer

In this step, we will install tymon jwt auth package via the composer dependency manager. Use the following command to install laravel jet authentication package.

If you are using Laravel version 5.5 or above, run the following command to install jwt package.

composer require tymon/jwt-auth:dev-develop --prefer-source

1	composer require tymon/jwt-auth:dev-develop --prefer-source

If you are using the laravel version 5.4 or less, run the following command to install jwt package.

composer require tymon/jwt-auth

1	composer require tymon/jwt-auth

After Installing tymon/jwt-auth package, we need to add service provider and alias in config/app.php file as following.

config/app.php

For versions less than 5.5, you are also required to set service provider and alias in config/app.php file.

'providers' => [
    ....
    Tymon\JWTAuth\Providers\JWTAuthServiceProvider::class,
    ....
],
'aliases' => [
    ....
    'JWTAuth' => Tymon\JWTAuth\Facades\JWTAuth::class,
    'JWTFactory' => 'Tymon\JWTAuth\Facades\JWTFactory',
    ....
],

'providers' => [

....

Tymon\JWTAuth\Providers\JWTAuthServiceProvider::class,

....

'aliases' => [

....

'JWTAuth' => Tymon\JWTAuth\Facades\JWTAuth::class,

'JWTFactory' => 'Tymon\JWTAuth\Facades\JWTFactory',

....

If you are using Laravel version 5.5 or above, laravel does it automatically using Package Auto-Discovery.

Publishing Configuration File

Publish the configuration file using the following command for versions 5.5 or above

php artisan vendor:publish --provider="Tymon\JWTAuth\Providers\LaravelServiceProvider"

1	php artisan vendor:publish --provider="Tymon\JWTAuth\Providers\LaravelServiceProvider"

If you are using previous versions of laravel, run the following command to publish the configuration

php artisan vendor:publish --provider="Tymon\JWTAuth\Providers\JWTAuthServiceProvider"

1	php artisan vendor:publish --provider="Tymon\JWTAuth\Providers\JWTAuthServiceProvider"

Above command will generate a config/jwt.php configuration file.

config/jwt.php

<?php
 
return [
 
    'secret' => env('JWT_SECRET'),
 
    'keys' => [
 
        'public' => env('JWT_PUBLIC_KEY'),
 
        'private' => env('JWT_PRIVATE_KEY'),
 
        'passphrase' => env('JWT_PASSPHRASE'),
    ],
 
    'ttl' => env('JWT_TTL', 60),
 
    'refresh_ttl' => env('JWT_REFRESH_TTL', 20160),
 
    'algo' => env('JWT_ALGO', 'HS256'),
 
    'required_claims' => [
        'iss',
        'iat',
        'exp',
        'nbf',
        'sub',
        'jti',
    ],
 
    'persistent_claims' => [
        // 'foo',
        // 'bar',
    ],
 
    'lock_subject' => true,
 
    'leeway' => env('JWT_LEEWAY', 0),
 
    'blacklist_enabled' => env('JWT_BLACKLIST_ENABLED', true),
 
    'blacklist_grace_period' => env('JWT_BLACKLIST_GRACE_PERIOD', 0),
 
    'decrypt_cookies' => false,
 
    'providers' => [
        'jwt' => Tymon\JWTAuth\Providers\JWT\Lcobucci::class,
 
        'auth' => Tymon\JWTAuth\Providers\Auth\Illuminate::class,
 
        'storage' => Tymon\JWTAuth\Providers\Storage\Illuminate::class,
    ],
];

<?php

return [

'secret' => env('JWT_SECRET'),

'keys' => [

'public' => env('JWT_PUBLIC_KEY'),

'private' => env('JWT_PRIVATE_KEY'),

'passphrase' => env('JWT_PASSPHRASE'),

'ttl' => env('JWT_TTL', 60),

'refresh_ttl' => env('JWT_REFRESH_TTL', 20160),

'algo' => env('JWT_ALGO', 'HS256'),

'required_claims' => [

'iss',

'iat',

'exp',

'nbf',

'sub',

'jti',

'persistent_claims' => [

// 'foo',

// 'bar',

'lock_subject' => true,

'leeway' => env('JWT_LEEWAY', 0),

'blacklist_enabled' => env('JWT_BLACKLIST_ENABLED', true),

'blacklist_grace_period' => env('JWT_BLACKLIST_GRACE_PERIOD', 0),

'decrypt_cookies' => false,

'providers' => [

'jwt' => Tymon\JWTAuth\Providers\JWT\Lcobucci::class,

'auth' => Tymon\JWTAuth\Providers\Auth\Illuminate::class,

'storage' => Tymon\JWTAuth\Providers\Storage\Illuminate::class,

];

Generate JWT Key

Run the following command for laravel 5.5 or above to generate the secret key used to sign the tokens.

php artisan jwt:secret

1	php artisan jwt:secret

For versions below 5.5

php artisan jwt:generate

1	php artisan jwt:generate

Registering Middleware

app/Http/Kernel.php

protected $routeMiddleware = [
    ....
    'auth.jwt' => \Tymon\JWTAuth\Http\Middleware\Authenticate::class,
    'jwt.refresh' => \Tymon\JWTAuth\Middleware\RefreshToken::class,
];

protected $routeMiddleware = [

....

'auth.jwt' => \Tymon\JWTAuth\Http\Middleware\Authenticate::class,

'jwt.refresh' => \Tymon\JWTAuth\Middleware\RefreshToken::class,

];

Update User Model

In this step we will require to implement JWTSubject interface in User model. It is mandatory to implement the Tymon\JWTAuth\Contracts\JWTSubject interface on the User model. This interface requires implementing two methods getJWTIdentifier and getJWTCustomClaims. Let’s update app/User.php model file with the following lines of code.

app/User.php

<?php
 
namespace App;
 
use Illuminate\Foundation\Auth\User as Authenticatable;
use Illuminate\Notifications\Notifiable;
use Tymon\JWTAuth\Contracts\JWTSubject;
 
class User extends Authenticatable implements JWTSubject
{
    use Notifiable;
 
    /**
     * The attributes that are mass assignable.
     *
     * @var array
     */
    protected $fillable = [
        'name', 'email', 'password',
    ];
 
    /**
     * The attributes that should be hidden for arrays.
     *
     * @var array
     */
    protected $hidden = [
        'password', 'remember_token',
    ];
 
    /**
     * Get the identifier that will be stored in the subject claim of the JWT.
     *
     * @return mixed
     */
    public function getJWTIdentifier()
    {
        return $this->getKey();
    }
 
    /**
     * Return a key value array, containing any custom claims to be added to the JWT.
     *
     * @return array
     */
    public function getJWTCustomClaims()
    {
        return [];
    }
}

<?php

namespace App;

use Illuminate\Foundation\Auth\User as Authenticatable;

use Illuminate\Notifications\Notifiable;

use Tymon\JWTAuth\Contracts\JWTSubject;

class User extends Authenticatable implements JWTSubject

{

use Notifiable;

/**

* The attributes that are mass assignable.

* @var array

protected $fillable = [

'name', 'email', 'password',

];

/**

* The attributes that should be hidden for arrays.

* @var array

protected $hidden = [

'password', 'remember_token',

];

/**

* Get the identifier that will be stored in the subject claim of the JWT.

* @return mixed

public function getJWTIdentifier()

{

return $this->getKey();

}

/**

* Return a key value array, containing any custom claims to be added to the JWT.

* @return array

public function getJWTCustomClaims()

{

return [];

}

Create Authentication API Routes

In this step, We will setup authentication routes to register a new user, login with their user credentials and get the authenticated user details by using JWT token. So add the following route in routes/api.php

routes/api.php

Route::post('login', 'AuthController@login');
Route::post('register', 'AuthController@register');
 
Route::group(['middleware' => 'auth.jwt'], function () {
    Route::get('logout', 'AuthController@logout');
    Route::get('user', 'AuthController@getAuthUser');
});

Route::post('login', 'AuthController@login');

Route::post('register', 'AuthController@register');

Route::group(['middleware' => 'auth.jwt'], function () {

Route::get('logout', 'AuthController@logout');

Route::get('user', 'AuthController@getAuthUser');

});

Create Authentication Controller

Now, create a Authentication Controller name AuthController. Use the below command to create controller.

php artisan make:controller AuthController

1	php artisan make:controller AuthController

Once the above command executed, it will create a resource controller file “AuthController.php” in “app/Http/Controllers/” directory. Go to “AuthController.php” and put the following code in it.

<?php
 
namespace App\Http\Controllers;
 
use App\Http\Requests\RegisterFormRequest;
use App\User;
use Illuminate\Http\Request;
use JWTAuth;
use Tymon\JWTAuth\Exceptions\JWTException;
use Validator;
 
class AuthController extends Controller
{
     public function register(Request $request)
    {
        $validator = Validator::make($request->all(), [
            'email' => 'required|string|email|max:255|unique:users',
            'name' => 'required',
            'password'=> 'required'
        ]);
        if ($validator->fails()) {
            return response()->json($validator->errors());
        }
        $user = new User();
        $user->name = $request->name;
        $user->email = $request->email;
        $user->password = bcrypt($request->password);
        $user->save();
        $user = User::first();
        $token = JWTAuth::fromUser($user);

        return response()->json([
            'success' => true,
            'token' => $token,
        ]);
    }

    public function login(Request $request)
    {
        $validator = Validator::make($request->all(), [
            'email' => 'required|string|email|max:255',
            'password'=> 'required'
        ]);
        if ($validator->fails()) {
            return response()->json($validator->errors());
        }

        $input = $request->only('email', 'password');
        $jwt_token = null;
 
        if (!$jwt_token = JWTAuth::attempt($input)) {
            return response()->json([
                'success' => false,
                'message' => 'Invalid Email or Password',
            ], 401);
        }
 
        return response()->json([
            'success' => true,
            'token' => $jwt_token,
        ]);
    }
 
    public function logout(Request $request)
    {
        $this->validate($request, [
            'token' => 'required'
        ]);
 
        try {
            JWTAuth::invalidate($request->token);
 
            return response()->json([
                'success' => true,
                'message' => 'User logged out successfully'
            ]);
        } catch (JWTException $exception) {
            return response()->json([
                'success' => false,
                'message' => 'Sorry, the user cannot be logged out'
            ], 500);
        }
    }
 
    public function getAuthUser(Request $request)
    {
        $this->validate($request, [
            'token' => 'required'
        ]);
 
        $user = JWTAuth::authenticate($request->token);
 
        return response()->json(['user' => $user]);
    }
}

<?php

namespace App\Http\Controllers;

use App\Http\Requests\RegisterFormRequest;

use App\User;

use Illuminate\Http\Request;

use JWTAuth;

use Tymon\JWTAuth\Exceptions\JWTException;

use Validator;

class AuthController extends Controller

{

public function register(Request $request)

{

$validator = Validator::make($request->all(), [

'email' => 'required|string|email|max:255|unique:users',

'name' => 'required',

'password'=> 'required'

]);

if ($validator->fails()) {

return response()->json($validator->errors());

}

$user = new User();

$user->name = $request->name;

$user->email = $request->email;

$user->password = bcrypt($request->password);

$user->save();

$user = User::first();

$token = JWTAuth::fromUser($user);

return response()->json([

'success' => true,

'token' => $token,

]);

}

public function login(Request $request)

{

$validator = Validator::make($request->all(), [

'email' => 'required|string|email|max:255',

'password'=> 'required'

]);

if ($validator->fails()) {

return response()->json($validator->errors());

}

$input = $request->only('email', 'password');

$jwt_token = null;

if (!$jwt_token = JWTAuth::attempt($input)) {

return response()->json([

'success' => false,

'message' => 'Invalid Email or Password',

], 401);

}

return response()->json([

'success' => true,

'token' => $jwt_token,

]);

}

public function logout(Request $request)

{

$this->validate($request, [

'token' => 'required'

]);

try {

JWTAuth::invalidate($request->token);

return response()->json([

'success' => true,

'message' => 'User logged out successfully'

]);

} catch (JWTException $exception) {

return response()->json([

'success' => false,

'message' => 'Sorry, the user cannot be logged out'

], 500);

}

public function getAuthUser(Request $request)

{

$this->validate($request, [

'token' => 'required'

]);

$user = JWTAuth::authenticate($request->token);

return response()->json(['user' => $user]);

}

Building the Post CRUD API

php artisan make:migration create_posts_table --create=posts

1	php artisan make:migration create_posts_table --create=posts

Once this command is executed you will find a migration file created under “database/migrations”. Lets open migration file and put following code in it –

<?php

use Illuminate\Support\Facades\Schema;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Database\Migrations\Migration;

class CreatePostsTable extends Migration
{
    /**
     * Run the migrations.
     *
     * @return void
     */
    public function up()
    {
        Schema::create('posts', function (Blueprint $table) {
            $table->bigIncrements('id');
            $table->unsignedBigInteger('user_id');
            $table->string('title');
            $table->string('body');
            $table->timestamps();
            $table->foreign('user_id')->references('id')->on('users');
        });
    }

    /**
     * Reverse the migrations.
     *
     * @return void
     */
    public function down()
    {
        Schema::dropIfExists('posts');
    }
}

<?php

use Illuminate\Support\Facades\Schema;

use Illuminate\Database\Schema\Blueprint;

use Illuminate\Database\Migrations\Migration;

class CreatePostsTable extends Migration

{

/**

* Run the migrations.

* @return void

public function up()

{

Schema::create('posts', function (Blueprint $table) {

$table->bigIncrements('id');

$table->unsignedBigInteger('user_id');

$table->string('title');

$table->string('body');

$table->timestamps();

$table->foreign('user_id')->references('id')->on('users');

});

}

/**

* Reverse the migrations.

* @return void

public function down()

{

Schema::dropIfExists('posts');

}

Now, run following command to migrate database schema.

php artisan migrate

1	php artisan migrate

After, the migration executed successfully the posts table will be created in database.

Create Model

In this step, we will use the following command to create post model –

php artisan make:model Post

1	php artisan make:model Post

app/Post.php

<?php

namespace App;

use Illuminate\Database\Eloquent\Model;

class Post extends Model
{
    //
    protected $fillable = ['title','body'];
}

<?php

namespace App;

use Illuminate\Database\Eloquent\Model;

class Post extends Model

{

protected $fillable = ['title','body'];

}

Now, we have to add a relationship in the User model to retrieve the related posts. In app/User.php add the following method.

public function posts()
{
    return $this->hasMany(Post::class);
}

public function posts()

{

return $this->hasMany(Post::class);

}

Create Controller

In this step, we will use the following command to create post controller.

php artisan make:controller PostController

1	php artisan make:controller PostController

app/Http/Controllers/PostController.php

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use App\Post;

class PostController extends Controller
{

    public function index()
    {
        $posts = auth()->user()->posts;
 
        return response()->json([
            'success' => true,
            'data' => $posts
        ]);
    }
 
    public function show($id)
    {
        $post = auth()->user()->posts()->find($id);
 
        if (!$post) {
            return response()->json([
                'success' => false,
                'message' => 'Post with id ' . $id . ' not found'
            ], 400);
        }
 
        return response()->json([
            'success' => true,
            'data' => $post->toArray()
        ], 400);
    }
 
    public function store(Request $request)
    {
        $this->validate($request, [
            'title' => 'required',
            'body' => 'required'
        ]);
 
        $post = new Post();
        $post->title = $request->title;
        $post->body = $request->body;
 
        if (auth()->user()->posts()->save($post))
            return response()->json([
                'success' => true,
                'data' => $post->toArray()
            ]);
        else
            return response()->json([
                'success' => false,
                'message' => 'Post could not be added'
            ], 500);
    }
 
    public function update(Request $request, $id)
    {
        $post = auth()->user()->posts()->find($id);
 
        if (!$post) {
            return response()->json([
                'success' => false,
                'message' => 'Post with id ' . $id . ' not found'
            ], 400);
        }
 
        $updated = $post->fill($request->all())->save();
 
        if ($updated)
            return response()->json([
                'success' => true
            ]);
        else
            return response()->json([
                'success' => false,
                'message' => 'Post could not be updated'
            ], 500);
    }
 
    public function destroy($id)
    {
        $post = auth()->user()->posts()->find($id);
 
        if (!$post) {
            return response()->json([
                'success' => false,
                'message' => 'Post with id ' . $id . ' not found'
            ], 400);
        }
 
        if ($post->delete()) {
            return response()->json([
                'success' => true
            ]);
        } else {
            return response()->json([
                'success' => false,
                'message' => 'Post could not be deleted'
            ], 500);
        }
    }

}

100

101

102

103

104

105

106

107

108

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

use App\Post;

class PostController extends Controller

{

public function index()

{

$posts = auth()->user()->posts;

return response()->json([

'success' => true,

'data' => $posts

]);

}

public function show($id)

{

$post = auth()->user()->posts()->find($id);

if (!$post) {

return response()->json([

'success' => false,

'message' => 'Post with id ' . $id . ' not found'

], 400);

}

return response()->json([

'success' => true,

'data' => $post->toArray()

], 400);

}

public function store(Request $request)

{

$this->validate($request, [

'title' => 'required',

'body' => 'required'

]);

$post = new Post();

$post->title = $request->title;

$post->body = $request->body;

if (auth()->user()->posts()->save($post))

return response()->json([

'success' => true,

'data' => $post->toArray()

]);

else

return response()->json([

'success' => false,

'message' => 'Post could not be added'

], 500);

}

public function update(Request $request, $id)

{

$post = auth()->user()->posts()->find($id);

if (!$post) {

return response()->json([

'success' => false,

'message' => 'Post with id ' . $id . ' not found'

], 400);

}

$updated = $post->fill($request->all())->save();

if ($updated)

return response()->json([

'success' => true

]);

else

return response()->json([

'success' => false,

'message' => 'Post could not be updated'

], 500);

}

public function destroy($id)

{

$post = auth()->user()->posts()->find($id);

if (!$post) {

return response()->json([

'success' => false,

'message' => 'Post with id ' . $id . ' not found'

], 400);

}

if ($post->delete()) {

return response()->json([

'success' => true

]);

} else {

return response()->json([

'success' => false,

'message' => 'Post could not be deleted'

], 500);

}

Create Resource Route

After this, we need to add resource route for post controller. Lets open “routes/api.php” file and add following route in it.

Route::resource('posts', 'PostController');

1	Route::resource('posts', 'PostController');

our final route file looks as following –

routes/api.php

Route::post('login', 'AuthController@login');
Route::post('register', 'AuthController@register');

Route::group(['middleware' => 'auth.jwt'], function () {
Route::get('logout', 'AuthController@logout');
Route::get('user', 'AuthController@getAuthUser');
Route::resource('posts', 'PostController');
});

Route::post('login', 'AuthController@login');

Route::post('register', 'AuthController@register');

Route::group(['middleware' => 'auth.jwt'], function () {

Route::get('logout', 'AuthController@logout');

Route::get('user', 'AuthController@getAuthUser');

Route::resource('posts', 'PostController');

});

Start Application Server

Lets start the development server using following artisan command –

php artisan serve

1	php artisan serve

Testing the REST API

Our Authentication API is ready to test. I will use Postman to test the API.

Register Api :-
Verb: POST
URL :http://localhost:8000/api/register

Login Api :-
Verb: POST
URL :http://localhost:8000/api/login

User Api :-
Verb: GET
URL: http://localhost:8000/api/user

userinfo

Add Post Api :-
Verb: POST
URL: http://localhost:8000/api/posts

add_post

List Post Api :-
Verb: GET
URL: http://localhost:8000/api/posts

user_posts

Single Post Api :-
Verb: GET
URL: http://localhost:8000/api/posts/{ID}

user_single_post

Update Post Api :-
Verb: PUT
URL: http://localhost:8000/api/posts/{ID}

user_post_update

Delete Post Api :-
Verb: DELETE
URL: http://localhost:8000/api/posts/{ID}

user_post_delete

Laravel 5.8 Jquery UI Autocomplete Search Example

Leave a reply

Laravel 5.8 Jquery UI Autocomplete Search Example

In this article, I will show you how to create a dynamic database driven ajax jquery autocomplete in Laravel. In this tutorial we will create a dynamic search dropdown autocomplete which will fetch options from database table using jquery autocomplete.

The jquery autocomplete plugin is used to create dynamic autocomplete input with several options. In this example you will learn how to implement jquery autocomplete in laravel.

Before starting with example I assume that you already have fresh laravel 5.8 installation ready, if you have not installed it yet you can follow laravel 5 installation instruction here.

Install Laravel 5.8

First of all we need to create a fresh laravel project, download and install Laravel 5.8 using the below command

composer create-project --prefer-dist laravel/laravel larablog

1	composer create-project --prefer-dist laravel/laravel larablog

Configure Database In .env file

Now, lets create a MySQL database and connect it with laravel application. After creating database we need to set database credential in application’s .env file.

.env

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=larablog
DB_USERNAME=root
DB_PASSWORD=

DB_CONNECTION=mysql

DB_HOST=127.0.0.1

DB_PORT=3306

DB_DATABASE=larablog

DB_USERNAME=root

DB_PASSWORD=

Create Model and Migration

Now, we have to define table schema for contact table. Open terminal and let’s run the following command to generate a Contact model along with a migration file to create contact table in our database.

php artisan make:model Contact -m

1	php artisan make:model Contact -m

Once this command is executed you will find a migration file created under “database/migrations”. Lets open migration file created and put following code in it –

<?php

use Illuminate\Support\Facades\Schema;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Database\Migrations\Migration;

class CreateContactsTable extends Migration
{
    /**
     * Run the migrations.
     *
     * @return void
     */
    public function up()
    {
        Schema::create('contacts', function (Blueprint $table) {
            $table->bigIncrements('id');
            $table->string('name');
            $table->string('email');
            $table->string('phone');
            $table->timestamps();
        });
    }

    /**
     * Reverse the migrations.
     *
     * @return void
     */
    public function down()
    {
        Schema::dropIfExists('contacts');
    }
}

<?php

use Illuminate\Support\Facades\Schema;

use Illuminate\Database\Schema\Blueprint;

use Illuminate\Database\Migrations\Migration;

class CreateContactsTable extends Migration

{

/**

* Run the migrations.

* @return void

public function up()

{

Schema::create('contacts', function (Blueprint $table) {

$table->bigIncrements('id');

$table->string('name');

$table->string('email');

$table->string('phone');

$table->timestamps();

});

}

/**

* Reverse the migrations.

* @return void

public function down()

{

Schema::dropIfExists('contacts');

}

Run Laravel Migration

Now, run following command to migrate database schema.

php artisan migrate

1	php artisan migrate

After, the migration executed successfully the contact table will be created in database.

Create AutoComplete Controller

Next, we have to create a controller for AutoComplete suggestion. Create a controller named AutoCompleteController using command given below –

php artisan make:controller AutoCompleteController

1	php artisan make:controller AutoCompleteController

Once the above command executed, it will create a controller file AutoCompleteController.php in app/Http/Controllers directory. Open the AutoCompleteController.php file and put the following code in it.

app/Http/Controllers/AutoCompleteController.php

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use App\Contact;

class AutoCompleteController extends Controller
{
    //
    public function index()
    {
        return view('jqueryAutocomplete.search');
    }
 
    public function search(Request $request)
    {
          $search = $request->get('term');
      
          $result = Contact::where('name', 'LIKE', '%'. $search. '%')->get();
 
          return response()->json($result);
            
    } 
}

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

use App\Contact;

class AutoCompleteController extends Controller

{

public function index()

{

return view('jqueryAutocomplete.search');

}

public function search(Request $request)

{

$search = $request->get('term');

$result = Contact::where('name', 'LIKE', '%'. $search. '%')->get();

return response()->json($result);

}

Create Blade / View Files

In this step, we will create view/blade file to perform autocomplete Search Using jQuery UI Autocomplete. Lets create a blade file “search.blade.php” in “resources/views/jqueryAutocomplete/” directory and put the following code in it respectively.

resources/views/jqueryAutocomplete/search.blade.php

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <meta name="csrf-token" content="{{ csrf_token() }}">
  <title>Laravel 5.8 AutoComplete Search Using Jquery UI - W3Adda</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
 <style>
    .container{
    padding: 10%;
    text-align: center;
   } 
 </style>
</head>
<body>

<div class="container">
    <div class="row">
        <div class="col-12"><h2>Laravel 5.8 AutoComplete Search Using Jquery UI - W3Adda</h2></div>
        <div class="col-12">
            <div id="custom-search-input">
                <div class="input-group">
                    <input id="search" name="search" type="text" class="form-control" placeholder="Search" />
                </div>
            </div>
        </div>
    </div>
</div>
<script>
 $(document).ready(function() {
    $("#search").autocomplete({

        source: function(request, response) {
            $.ajax({
            url: "{{url('autocomplete')}}",
            data: {
                    term : request.term
             },
            dataType: "json",
            success: function(data){
               var resp = $.map(data,function(obj){
                    return obj.name;
               }); 

               response(resp);
            }
        });
    },
    minLength: 1
 });
});

</script>   
</body>
</html>

<!DOCTYPE html>

<html>

<head>

<title>Laravel 5.8 AutoComplete Search Using Jquery UI - W3Adda</title>

<style>

.container{

padding: 10%;

text-align: center;

}

</style>

</head>

<body>

<div class="col-12"><h2>Laravel 5.8 AutoComplete Search Using Jquery UI - W3Adda</h2></div>

</div>

$(document).ready(function() {

$("#search").autocomplete({

source: function(request, response) {

$.ajax({

url: "{{url('autocomplete')}}",

data: {

term : request.term

dataType: "json",

success: function(data){

var resp = $.map(data,function(obj){

return obj.name;

});

response(resp);

}

});

minLength: 1

});

</script>

</body>

</html>

Create Routes

After this, we need to add following routes in “routes/web.php” file. Lets open “routes/web.php” file and add following route.

routes/web.php

Route::get('search', 'AutoCompleteController@index');
Route::get('autocomplete', 'AutoCompleteController@search');

1 2	Route::get('search', 'AutoCompleteController@index'); Route::get('autocomplete', 'AutoCompleteController@search');

Now we are ready to run our example so lets start the development server using following artisan command –

php artisan serve

1	php artisan serve

Now, open the following URL in browser to see the output –

http://localhost:8000/search

Output 1:-

Output 2:-

Laravel 5.8 Autocomplete Search Using Typeahead JS

Leave a reply

Laravel 5.8 Autocomplete Search Using Typeahead JS

In this article, I will show you how to create a dynamic database driven ajax jquery autocomplete using typeahead js in Laravel. In this tutorial we will create a dynamic search dropdown autocomplete which will fetch options from database table using bootstrap typeahead js.

The Typeahead JS is a jquery plugin, it is used to create dynamic autocomplete input with several options. In this example you will learn how to implement typeahead autocomplete in laravel.

Before starting with example I assume that you already have fresh laravel 5.8 installation ready, if you have not installed it yet you can follow laravel 5 installation instruction here.

Install Laravel 5.8

First of all we need to create a fresh laravel project, download and install Laravel 5.8 using the below command

composer create-project --prefer-dist laravel/laravel larablog

1	composer create-project --prefer-dist laravel/laravel larablog

Configure Database In .env file

Now, lets create a MySQL database and connect it with laravel application. After creating database we need to set database credential in application’s .env file.

.env

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=larablog
DB_USERNAME=root
DB_PASSWORD=

DB_CONNECTION=mysql

DB_HOST=127.0.0.1

DB_PORT=3306

DB_DATABASE=larablog

DB_USERNAME=root

DB_PASSWORD=

Create Model and Migration

php artisan make:model Contact -m

1	php artisan make:model Contact -m

Once this command is executed you will find a migration file created under “database/migrations”. Lets open migration file created and put following code in it –

<?php

use Illuminate\Support\Facades\Schema;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Database\Migrations\Migration;

class CreateContactsTable extends Migration
{
    /**
     * Run the migrations.
     *
     * @return void
     */
    public function up()
    {
        Schema::create('contacts', function (Blueprint $table) {
            $table->bigIncrements('id');
            $table->string('name');
            $table->string('email');
            $table->string('phone');
            $table->timestamps();
        });
    }

    /**
     * Reverse the migrations.
     *
     * @return void
     */
    public function down()
    {
        Schema::dropIfExists('contacts');
    }
}

<?php

use Illuminate\Support\Facades\Schema;

use Illuminate\Database\Schema\Blueprint;

use Illuminate\Database\Migrations\Migration;

class CreateContactsTable extends Migration

{

/**

* Run the migrations.

* @return void

public function up()

{

Schema::create('contacts', function (Blueprint $table) {

$table->bigIncrements('id');

$table->string('name');

$table->string('email');

$table->string('phone');

$table->timestamps();

});

}

/**

* Reverse the migrations.

* @return void

public function down()

{

Schema::dropIfExists('contacts');

}

Run Laravel Migration

Now, run following command to migrate database schema.

php artisan migrate

1	php artisan migrate

After, the migration executed successfully the contact table will be created in database.

Create AutoComplete Controller

Next, we have to create a controller for AutoComplete suggestion. Create a controller named AutoCompleteController using command given below –

php artisan make:controller AutoCompleteController

1	php artisan make:controller AutoCompleteController

app/Http/Controllers/AutoCompleteController.php

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use App\Contact;

class AutoCompleteController extends Controller
{
    //
    public function index()
    {
        return view('TypeaheadAutocomplete.search');
    }
 
    public function search(Request $request)
    {
          $search = $request->get('term');
      
          $result = Contact::where('name', 'LIKE', '%'. $search. '%')->get();
 
          return response()->json($result);
            
    } 
}

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

use App\Contact;

class AutoCompleteController extends Controller

{

public function index()

{

return view('TypeaheadAutocomplete.search');

}

public function search(Request $request)

{

$search = $request->get('term');

$result = Contact::where('name', 'LIKE', '%'. $search. '%')->get();

return response()->json($result);

}

Create Blade / View Files

In this step, we will create view/blade file to perform autocomplete Search Using Typeahead JS. Lets create a blade file “search.blade.php” in “resources/views/TypeaheadAutocomplete/” directory and put the following code in it respectively.

resources/views/TypeaheadAutocomplete/search.blade.php

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <meta name="csrf-token" content="{{ csrf_token() }}">
  <title>Laravel 5.8 Autocomplete Search Using Typeahead JS</title>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css" />
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-3-typeahead/4.0.1/bootstrap3-typeahead.min.js"></script>
 <style>
    .container{
    padding: 10%;
    text-align: center;
   } 
 </style>
</head>
<body>
 
<div class="container">
    <div class="row">
        <div class="col-12"><h2>Laravel 5.8 Autocomplete Search Using Typeahead JS - W3Adda</h2></div>
        <div class="col-12">
            <div id="custom-search-input">
                <div class="input-group">
                    <input id="search" name="search" type="text" class="form-control" placeholder="Search" />
                </div>
            </div>
        </div>
    </div>
</div>
 
<script type="text/javascript">
    var route = "{{ url('autocomplete') }}";
    $('#search').typeahead({
        source:  function (term, process) {
        return $.get(route, { term: term }, function (data) {
                return process(data);
            });
        }
    });
</script>
   
</body>
</html>

<!DOCTYPE html>

<html>

<head>

<title>Laravel 5.8 Autocomplete Search Using Typeahead JS</title>

<style>

.container{

padding: 10%;

text-align: center;

}

</style>

</head>

<body>

<div class="col-12"><h2>Laravel 5.8 Autocomplete Search Using Typeahead JS - W3Adda</h2></div>

</div>

var route = "{{ url('autocomplete') }}";

$('#search').typeahead({

source: function (term, process) {

return $.get(route, { term: term }, function (data) {

return process(data);

});

}

});

</script>

</body>

</html>

Create Routes

After this, we need to add following routes in “routes/web.php” file. Lets open “routes/web.php” file and add following route.

routes/web.php

Route::get('search', 'AutoCompleteController@index');
Route::get('autocomplete', 'AutoCompleteController@search');

1 2	Route::get('search', 'AutoCompleteController@index'); Route::get('autocomplete', 'AutoCompleteController@search');

Now we are ready to run our example so lets start the development server using following artisan command –

php artisan serve

1	php artisan serve

Now, open the following URL in browser to see the output –

http://localhost:8000/search

Output 1:-

Output 2:-

Create REST API With Passport Authentication In Laravel 5.8

Leave a reply

Laravel 5.8 Create REST API With Passport Authentication

In this tutorial, i will show you how to create rest api in laravel 5.8 application with passport authentication. In this tutorial we will be using passport for api authentication. we will create register and login api with simple retrieve user details.

Laravel comes with default login authentication, but when we want to create APIs we have to use tokens instead of sessions for authenticating users, as APIs does not support session variables. After login via API, user must be assigned a token and sent back to the user which is further used for authenticating API requests. Laravel provides Passport authentication which makes it easy creating REST APIs in laravel.

Install Laravel 5.8

First of all we need to create a fresh laravel project, download and install Laravel 5.8 using the below command

composer create-project --prefer-dist laravel/laravel larablog

1	composer create-project --prefer-dist laravel/laravel larablog

Configure Database In .env file

Now, lets create a MySQL database and connect it with laravel application. After creating database we need to set database credential in application’s .env file.

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=larablog
DB_USERNAME=root
DB_PASSWORD=

DB_CONNECTION=mysql

DB_HOST=127.0.0.1

DB_PORT=3306

DB_DATABASE=larablog

DB_USERNAME=root

DB_PASSWORD=

Install Passport Package

In this step, we need to install Laravel Passport package via the composer dependency manager. Use the following command to install passport package.

composer require laravel/passport

1	composer require laravel/passport

After Installing ‘laravel/passport’ package, we need to add service provider in config/app.php file as following.

config/app.php

'providers' => [
    ....
    Laravel\Passport\PassportServiceProvider::class,
]

'providers' => [

....

Laravel\Passport\PassportServiceProvider::class,

]

Run Migration and Install Laravel Passport

php artisan migrate

1	php artisan migrate

Now, it is mandatory to install passport using the command below. This command will generate encryption keys required to generate secret access tokens.

php artisan passport:install

1	php artisan passport:install

Laravel Passport Configuration

<?php
namespace App;
use Illuminate\Notifications\Notifiable;
use Illuminate\Contracts\Auth\MustVerifyEmail;
use Laravel\Passport\HasApiTokens;
use Illuminate\Foundation\Auth\User as Authenticatable;

class User extends Authenticatable implements MustVerifyEmail

{
    use HasApiTokens, Notifiable;

    /**
     * The attributes that are mass assignable.
     *
     * @var array
     */

    protected $fillable = [
        'name', 'email', 'password',
    ];

    /**
     * The attributes that should be hidden for arrays.
     *
     * @var array
     */
    protected $hidden = [

        'password', 'remember_token',

    ];

}

<?php

namespace App;

use Illuminate\Notifications\Notifiable;

use Illuminate\Contracts\Auth\MustVerifyEmail;

use Laravel\Passport\HasApiTokens;

use Illuminate\Foundation\Auth\User as Authenticatable;

class User extends Authenticatable implements MustVerifyEmail

{

use HasApiTokens, Notifiable;

/**

* The attributes that are mass assignable.

* @var array

protected $fillable = [

'name', 'email', 'password',

];

/**

* The attributes that should be hidden for arrays.

* @var array

protected $hidden = [

'password', 'remember_token',

];

}

Next Register passport routes in App/Providers/AuthServiceProvider.php, open App/Providers/AuthServiceProvider.php and put “Passport::routes()” inside the boot method like below.

<?php
namespace App\Providers;
use Laravel\Passport\Passport; 
use Illuminate\Support\Facades\Gate; 
use Illuminate\Foundation\Support\Providers\AuthServiceProvider as ServiceProvider;
class AuthServiceProvider extends ServiceProvider 
{ 
    /** 
     * The policy mappings for the application. 
     * 
     * @var array 
     */
    protected $policies = [ 
        'App\Model' => 'App\Policies\ModelPolicy', 
    ];
/** 
     * Register any authentication / authorization services. 
     * 
     * @return void 
     */
    public function boot() 
    { 
        $this->registerPolicies(); 
        Passport::routes(); 
    } 
}

<?php

namespace App\Providers;

use Laravel\Passport\Passport;

use Illuminate\Support\Facades\Gate;

use Illuminate\Foundation\Support\Providers\AuthServiceProvider as ServiceProvider;

class AuthServiceProvider extends ServiceProvider

{

/**

* The policy mappings for the application.

* @var array

protected $policies = [

'App\Model' => 'App\Policies\ModelPolicy',

];

/**

* Register any authentication / authorization services.

* @return void

public function boot()

{

$this->registerPolicies();

Passport::routes();

}

Now open config/auth.php file and set api driver to passport instead of session.

<?php

return [
    .....
    'guards' => [
        'web' => [
            'driver' => 'session',
            'provider' => 'users',

        ],
        'api' => [
            'driver' => 'passport',
            'provider' => 'users',
        ],
    ],
    .....
]

<?php

return [

.....

'guards' => [

'web' => [

'driver' => 'session',

'provider' => 'users',

'api' => [

'driver' => 'passport',

'provider' => 'users',

.....

]

Create API Routes

Let’s create API routes. Open routes/api.php file create api routes as below –

Route::prefix('v1')->group(function(){
 Route::post('login', 'Api\AuthController@login');
 Route::post('register', 'Api\AuthController@register');
 Route::group(['middleware' => 'auth:api'], function(){
 Route::post('getUser', 'Api\AuthController@getUser');
 });
});

Route::prefix('v1')->group(function(){

Route::post('login', 'Api\AuthController@login');

Route::post('register', 'Api\AuthController@register');

Route::group(['middleware' => 'auth:api'], function(){

Route::post('getUser', 'Api\AuthController@getUser');

});

Create Authentication Controller

Now, create a Authentication Controller name AuthController. Use the below command to create controller.

php artisan make:controller Api\AuthController

1	php artisan make:controller Api\AuthController

Once the above command executed, it will create a resource controller file “AuthController.php” in “app/Http/Controllers/Api” directory. Go to “AuthController.php” and put the following code in it.

<?php
namespace App\Http\Controllers\Api;
use Illuminate\Http\Request; 
use App\Http\Controllers\Controller; 
use App\User; 
use Illuminate\Support\Facades\Auth; 
use Validator;
class AuthController extends Controller 
{
 public $successStatus = 200;
  
 public function register(Request $request) {    
 $validator = Validator::make($request->all(), [ 
              'name' => 'required',
              'email' => 'required|email',
              'password' => 'required',  
              'c_password' => 'required|same:password', 
    ]);   
 if ($validator->fails()) {          
       return response()->json(['error'=>$validator->errors()], 401);                        }    
 $input = $request->all();  
 $input['password'] = bcrypt($input['password']);
 $user = User::create($input); 
 $success['token'] =  $user->createToken('AppName')->accessToken;
 return response()->json(['success'=>$success], $this->successStatus); 
}
  
   
public function login(){ 
if(Auth::attempt(['email' => request('email'), 'password' => request('password')])){ 
   $user = Auth::user(); 
   $success['token'] =  $user->createToken('AppName')-> accessToken; 
    return response()->json(['success' => $success], $this-> successStatus); 
  } else{ 
   return response()->json(['error'=>'Unauthorised'], 401); 
   } 
}
  
public function getUser() {
 $user = Auth::user();
 return response()->json(['success' => $user], $this->successStatus); 
 }
}

<?php

namespace App\Http\Controllers\Api;

use Illuminate\Http\Request;

use App\Http\Controllers\Controller;

use App\User;

use Illuminate\Support\Facades\Auth;

use Validator;

class AuthController extends Controller

{

public $successStatus = 200;

public function register(Request $request) {

$validator = Validator::make($request->all(), [

'name' => 'required',

'email' => 'required|email',

'password' => 'required',

'c_password' => 'required|same:password',

]);

if ($validator->fails()) {

return response()->json(['error'=>$validator->errors()], 401); }

$input = $request->all();

$input['password'] = bcrypt($input['password']);

$user = User::create($input);

$success['token'] = $user->createToken('AppName')->accessToken;

return response()->json(['success'=>$success], $this->successStatus);

}

public function login(){

if(Auth::attempt(['email' => request('email'), 'password' => request('password')])){

$user = Auth::user();

$success['token'] = $user->createToken('AppName')-> accessToken;

return response()->json(['success' => $success], $this-> successStatus);

} else{

return response()->json(['error'=>'Unauthorised'], 401);

}

public function getUser() {

$user = Auth::user();

return response()->json(['success' => $user], $this->successStatus);

}

Start Application Server

Lets start the development server using following artisan command –

php artisan serve

1	php artisan serve

Testing the REST API

Our Authentication API is ready to test. I will use Postman to test the API.

Register Api :-
Verb: POST
URL :http://localhost:8000/Api/v1/register

Login Api :-
Verb: GET
URL :http://localhost:8000/Api/v1/login

getUser Api :-
Verb: GET
URL: http://localhost:8000/Api/v1/getUser

When testing getUser API it requires user to be authenticated, you need to specify headers. Make sure in getUser api we will use following headers as listed bellow.

'headers' => [
    'Accept' => 'application/json',
    'Authorization' => 'Bearer '.$accessToken,
]

'headers' => [

'Accept' => 'application/json',

'Authorization' => 'Bearer '.$accessToken,

]

Basically, you have to specify access token as a Bearer token in the Authorization header. The access token is what you received after login and registration.

Laravel 5 Intervention Image Upload and Resize Example

Leave a reply

Laravel 5 Intervention Image Upload and Resize Example

In this Laravel Intervention Image Upload example, we will learn how to upload and resize image using Intervention Image Packag. In this tutorial I have used Intervention Image Package to upload and resize the image and then save image into the database. This laravel image upload example is works with laravel version 5.7 & 5.8 .

Intervention Image Package :- Intervention Image Package is an open source laravel composer package used to upload and resize images. Intervention Image package allows you to easily upload and resize image. Intervention Image package make image uploading and resizing much easier. The advantage of using intervention/image package is that it maintain the image quality. It means you can easily upload and resize images without losing its quality. Laravel image intervention is compatible with laravel version 5.7 & 5.8 .

In this laravel image upload example, I’ll show you how to upload image into folder and then save it into database. In this tutorial before saving image into database we will resize the image and create it’s thumbnail image and then save it into thumbnail directory using the image intervention package.

Install Laravel 5.8

First of all we need to create a fresh laravel project, download and install Laravel 5.8 using the below command

composer create-project --prefer-dist laravel/laravel laravelIntervention

1	composer create-project --prefer-dist laravel/laravel laravelIntervention

Configure Database In .env file

Now, lets create a MySQL database and connect it with laravel application. After creating database we need to set database credential in application’s .env file.

.env

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=larabIntervention
DB_USERNAME=root
DB_PASSWORD=

DB_CONNECTION=mysql

DB_HOST=127.0.0.1

DB_PORT=3306

DB_DATABASE=larabIntervention

DB_USERNAME=root

DB_PASSWORD=

Install Image Intervention Package

In this step, we will install Image intervention Package via the composer dependency manager. Use the following command to install image intervention Package.

composer require intervention/image

1	composer require intervention/image

Register Package

After Installing Image intervention package, we need to add service provider and alias in config/app.php file as following.

config/app.php

'providers' => [
Intervention\Image\ImageServiceProvider::class
],

'aliases' => [
'Image' => Intervention\Image\Facades\Image::class
]

'providers' => [

Intervention\Image\ImageServiceProvider::class

'aliases' => [

'Image' => Intervention\Image\Facades\Image::class

]

Generate Migration

Now, we have to define table schema for photos table. Open terminal and let’s run the following command to generate a migration file to create photos table in our database.

php artisan make:migration create_photos_table

1	php artisan make:migration create_photos_table

Once this command is executed you will find a migration file created under “database/migrations”. lets open migration file and put following code in it –

<?php

use Illuminate\Support\Facades\Schema;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Database\Migrations\Migration;

class CreatePhotosTable extends Migration
{
    /**
     * Run the migrations.
     *
     * @return void
     */
    public function up()
    {
        Schema::create('photos', function (Blueprint $table) {
            $table->bigIncrements('id');
            $table->string('photo_name');
            $table->timestamps();
        });
    }

    /**
     * Reverse the migrations.
     *
     * @return void
     */
    public function down()
    {
        Schema::dropIfExists('photos');
    }
}

<?php

use Illuminate\Support\Facades\Schema;

use Illuminate\Database\Schema\Blueprint;

use Illuminate\Database\Migrations\Migration;

class CreatePhotosTable extends Migration

{

/**

* Run the migrations.

* @return void

public function up()

{

Schema::create('photos', function (Blueprint $table) {

$table->bigIncrements('id');

$table->string('photo_name');

$table->timestamps();

});

}

/**

* Reverse the migrations.

* @return void

public function down()

{

Schema::dropIfExists('photos');

}

Run Migration

Now, run following command to migrate database schema.

php artisan migrate

1	php artisan migrate

After, the migration executed successfully the photos table will be created in database along with migrations, password_resets and users table.

Create Model

Next, we need to create a model called Photo using below command.

php artisan make:model Photo

1	php artisan make:model Photo

Once, the above command is executed it will create a model file Photo.php in app directory.

Create Controller

Next, we have to create a controller for image uploading and resizing. Create a controller named ImageController using command given below –

php artisan make:controller ImageController

1	php artisan make:controller ImageController

Once the above command executed, it will create a controller file ImageController.php in app/Http/Controllers directory. Open the ImageController.php file and put the following code in it.

app/Http/Controllers/ImageController.php

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use App\Photo;
use Image;

class ImageController extends Controller
{
    //
    public function index()
    {
    $image = Photo::latest()->first();
    return view('ImageIntervention.index', compact('image'));
    }

    public function resizeStore(Request $request)
    {
	$this->validate($request, [
	'filename' => 'image|required|mimes:jpeg,png,jpg,gif,svg'
	]);
	$originalImage= $request->file('filename');
	$thumbnailImage = Image::make($originalImage);

	// Define upload path
	$thumbnailPath = public_path('/profile_images/thumbnail/');
	$originalPath = public_path('/profile_images/');

	// Save Orginal Image
	$thumbnailImage->save($originalPath.time().$originalImage->getClientOriginalName());

	// Resize and save image
	$thumbnailImage->resize(150,150);
	$thumbnailImage->save($thumbnailPath.time().$originalImage->getClientOriginalName()); 

	// Save In Database
	$imagemodel= new Photo();
	$imagemodel->photo_name=time().$originalImage->getClientOriginalName();
	$imagemodel->save();

	return back()->with('success', 'Image Upload successful');
		
    }

}

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

use App\Photo;

use Image;

class ImageController extends Controller

{

public function index()

{

$image = Photo::latest()->first();

return view('ImageIntervention.index', compact('image'));

}

public function resizeStore(Request $request)

{

$this->validate($request, [

'filename' => 'image|required|mimes:jpeg,png,jpg,gif,svg'

]);

$originalImage= $request->file('filename');

$thumbnailImage = Image::make($originalImage);

// Define upload path

$thumbnailPath = public_path('/profile_images/thumbnail/');

$originalPath = public_path('/profile_images/');

// Save Orginal Image

$thumbnailImage->save($originalPath.time().$originalImage->getClientOriginalName());

// Resize and save image

$thumbnailImage->resize(150,150);

$thumbnailImage->save($thumbnailPath.time().$originalImage->getClientOriginalName());

// Save In Database

$imagemodel= new Photo();

$imagemodel->photo_name=time().$originalImage->getClientOriginalName();

$imagemodel->save();

return back()->with('success', 'Image Upload successful');

}

Here In the controller, we have following methods –

index() :- It displays Image Upload Form along with Uploaded Image

resizeStore() :- To Upload and Resize Image with Intervention Package.

Note:- Before uploading any file make sure you have created following two directory in the public folder called profile_images and /profile_images/thumbnail.

Create Blade / View Files

In this step, we will create view/blade file to generate and display Image Upload Form. Lets create a blade file “index.blade.php” in “resources/views/ImageIntervention/” directory and put the following code in it respectively.

resources/views/ImageIntervention/index.blade.php

<html lang="en">
<head>
  <title>Laravel  Image Intervention</title>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
</head>
<body>
  
  <div class="container">
  @if(session('success'))
        <div class="alert alert-success">
          {{ session('success') }}
        </div> 
        @endif
        @if (count($errors) > 0)
      <div class="alert alert-danger">
        <strong>Whoops!</strong> Some problems with your input.<br><br>
        <ul>
          @foreach ($errors->all() as $error)
              <li>{{ $error }}</li>
          @endforeach
        </ul>
      </div>
      @endif
    <h3 class="jumbotron">Laravel Image Intervention Upload - W3Adda </h3>
  <form method="post" action="{{url('intervention-image-upload')}}" enctype="multipart/form-data">
        @csrf
        <div class="row">
          <div class="col-md-4"></div>
          <div class="form-group col-md-4">
          <input type="file" name="filename" class="form-control">
          </div>
        </div>
        <div class="row">
          <div class="col-md-4"></div>
          <div class="form-group col-md-4">
          <button type="submit" class="btn btn-success" style="margin-top:10px">Upload Image</button>
          </div>
        </div>
        @if(isset($image) && !empty($image))
   	    <div class="row">
         <div class="col-md-8">
              <strong>Original Image:</strong>
              <br/>
              <img src="/profile_images/{{$image->photo_name}}" />
        </div>
        <div class="col-md-4">
            <strong>Thumbnail Image:</strong>
            <br/>
            <img src="/profile_images/thumbnail/{{$image->photo_name}}"  />
       	 </div>
   		</div>
        @endif       
  </form>
  </div>
</body>
</html>

<head>

<title>Laravel Image Intervention</title>

</head>

<body>

@if(session('success'))

</div>

@endif

@if (count($errors) > 0)

<strong>Whoops!</strong> Some problems with your input.<br><br>

<ul>

@foreach ($errors->all() as $error)

<li>{{ $error }}</li>

@endforeach

</ul>

</div>

@endif

<h3 class="jumbotron">Laravel Image Intervention Upload - W3Adda </h3>

@csrf

</div>

<button type="submit" class="btn btn-success" style="margin-top:10px">Upload Image</button>

</div>

@if(isset($image) && !empty($image))

<strong>Original Image:</strong>

<br/>

<img src="/profile_images/{{$image->photo_name}}" />

</div>

<strong>Thumbnail Image:</strong>

<br/>

<img src="/profile_images/thumbnail/{{$image->photo_name}}" />

</div>

@endif

</form>

</div>

</body>

</html>

Create Routes

After this, we need to add following routes in “routes/web.php” file along with a resource route. Lets open “routes/web.php” file and add following route.

routes/web.php

Route::get('intervention-image-upload', 'ImageController@index');
Route::post('intervention-image-upload', 'ImageController@ResizeStore');

1 2	Route::get('intervention-image-upload', 'ImageController@index'); Route::post('intervention-image-upload', 'ImageController@ResizeStore');

Now we are ready to run our example so lets start the development server using following artisan command –

php artisan serve

1	php artisan serve

Now, open the following URL in browser to see the output –

http://localhost:8000/intervention-image-upload

Output:-

laravel-5-intervention-image-upload-1

After Image Upload Screen Output:-

laravel-5-intervention-image-upload-2

Laravel 5.7 Google ReCAPTCHA Integration

Leave a reply

Laravel 5.7 Google ReCAPTCHA Integration

Google ReCaptcha is a one of the most popular captcha system that defends your site from bots to spam and abuse. The Google ReCaptcha is an open service that assures a computer user is a human. In order to integrate the reCaptcha, you must sign up for the Google API key & secret for your website.

In this tutorial, we will integrate google recaptcha in laravel 5.7application. I’ll guide you through step by step how to integrate google recaptcha in a laravel 5.7 application. We will be using ‘anhskohbo/no-captcha’ package for google recaptcha integration in laravel 5.7 application. In this tutorial, we will be creating a simple form with some basic fields along with the google recaptcha.

Install Laravel 5.7
Setup Database Credentials
Install Google Captcha Package
Set Google Site Key and Secret Key
Define Route
Create Controller
Create Blade View (form)
Start Development Server
Conclusion

Install Laravel 5.7

First of all we need to create a fresh laravel project, download and install Laravel 5.7 using the below command

composer create-project --prefer-dist laravel/laravel larablog

1	composer create-project --prefer-dist laravel/laravel larablog

Make sure you have composer installed.

Setup Database Credentials

Now, lets create a MySQL database and connect it with laravel application. After creating database we need to set database credential in application’s .env file.

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=lara57blog
DB_USERNAME=root
DB_PASSWORD=

DB_CONNECTION=mysql

DB_HOST=127.0.0.1

DB_PORT=3306

DB_DATABASE=lara57blog

DB_USERNAME=root

DB_PASSWORD=

Install Google Captcha Package

We will be using ‘anhskohbo/no-captcha’ package for google recaptcha integration in laravel 5.7 application. In this step we will be installing “anhskohbo/no-captcha” via following composer command, lets open your terminal and switch to the project directory and enter the following command –

composer require anhskohbo/no-captcha

1	composer require anhskohbo/no-captcha

After Installing ‘anhskohbo/no-captcha’ package, we need to add service provider and alias in config/app.php file as following.

config/app.php

<?php
 

  return [

     
     'providers' => [

         Anhskohbo\NoCaptcha\NoCaptchaServiceProvider::class

     ],

     'aliases' => [

         'NoCaptcha' => Anhskohbo\NoCaptcha\Facades\NoCaptcha::class,

     ]

  ]

<?php

return [

'providers' => [

Anhskohbo\NoCaptcha\NoCaptchaServiceProvider::class

'aliases' => [

'NoCaptcha' => Anhskohbo\NoCaptcha\Facades\NoCaptcha::class,

]

Set Google Site Key and Secret Key

Now, we need to set Google Site Key and Secret Key in .env file. Let’s start by getting Google key & secret required to make ReCaptcha authorize with the Google servers. Visit the following link to register your site –

https://www.google.com/recaptcha/admin/create

1	https://www.google.com/recaptcha/admin/create

Here, you need to provide label to identify the site. Now choose the type of reCAPTCHA as reCAPTCHA V2. Now you need to add the list of domains, this captcha would work on.

laravel_5_8_google_recaptcha_integration_2

Now accept the Terms of service and click Register. Now, you will be presented with your key and secret, add these to your application’s .env file.

Let’s open .env file and add this crendential as following –

.env

NOCAPTCHA_SITEKEY=secret_site_key
NOCAPTCHA_SECRET=secret_key

1 2	NOCAPTCHA_SITEKEY=secret_site_key NOCAPTCHA_SECRET=secret_key

Create Controller

Now, lets create Recaptcha Controller using following command

php artisan make:controller RecaptchaController

1	php artisan make:controller RecaptchaController

Once the above command executed, it will create a controller file RecaptchaController.php in app/Http/Controllers/ directory. Open the RecaptchaController.php file and put the following code in it.

Controllers/RecaptchaController.php

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

class RecaptchaController extends Controller
{
    //
    public function create()
    {
        return view('recaptcha/create');
    }
   
	public function store(Request $request)
    {
        $request->validate([
            'name' => 'required',
            'email' => 'required|email',
            'password' => 'required|min:6',
            'g-recaptcha-response' => 'required|captcha'
        ]);

        return "success";
    }
}

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

class RecaptchaController extends Controller

{

public function create()

{

return view('recaptcha/create');

}

public function store(Request $request)

{

$request->validate([

'name' => 'required',

'email' => 'required|email',

'password' => 'required|min:6',

'g-recaptcha-response' => 'required|captcha'

]);

return "success";

}

Create View/Blade File

In this step, we will create view/blade file to render a register form with recaptcha field. Lets create a “create.blade.php” file in “resources/views/recaptcha/” directory and put the following code in it.

resources/views/recaptcha/create.blade.php

<!DOCTYPE html>

<html>

<head>

	<title>W3Adda - Laravel 5.7 Google Recaptcha Integration</title>

	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css" />

	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

	 {!! NoCaptcha::renderJs() !!}

</head>

<body>

  

<div class="container">

    <div class="row">
<div class="col-md-6 col-md-offset-3">

            <div class="panel panel-primary">

                <h3  style="text-align: center;">W3Adda - Laravel 5.7 Google Recaptcha Integration</h3>

                <div class="panel-body">

                    <form class="form-horizontal" role="form" method="POST" action="{{ url('/store') }}">

                        {!! csrf_field() !!}

   

                        <div class="form-group{{ $errors->has('name') ? ' has-error' : '' }}">

                            <label class="col-md-4 control-label">Name</label>

                            <div class="col-md-6">

                                <input type="text" class="form-control" name="name" value="{{ old('name') }}">

                                @if ($errors->has('name'))

                                    <span class="help-block">

                                        <strong>{{ $errors->first('name') }}</strong>

                                    </span>

                                @endif

                            </div>

                        </div>

   

                        <div class="form-group{{ $errors->has('email') ? ' has-error' : '' }}">

                            <label class="col-md-4 control-label">E-Mail Address</label>

                            <div class="col-md-6">

                                <input type="email" class="form-control" name="email" value="{{ old('email') }}">

                                @if ($errors->has('email'))

                                    <span class="help-block">

                                        <strong>{{ $errors->first('email') }}</strong>

                                    </span>

                                @endif

                            </div>

                        </div>

   

                        <div class="form-group{{ $errors->has('password') ? ' has-error' : '' }}">

                            <label class="col-md-4 control-label">Password</label>

                            <div class="col-md-6">

                                <input type="password" class="form-control" name="password">

                                @if ($errors->has('password'))

                                    <span class="help-block">

                                        <strong>{{ $errors->first('password') }}</strong>

                                    </span>

                                @endif

                            </div>

                        </div>

   

                        <div class="form-group{{ $errors->has('password_confirmation') ? ' has-error' : '' }}">

                            <label class="col-md-4 control-label">Confirm Password</label>

                            <div class="col-md-6">

                                <input type="password" class="form-control" name="password_confirmation">

                                @if ($errors->has('password_confirmation'))

                                    <span class="help-block">

                                        <strong>{{ $errors->first('password_confirmation') }}</strong>

                                    </span>

                                @endif

                            </div>

                        </div>

   

                        <div class="form-group{{ $errors->has('g-recaptcha-response') ? ' has-error' : '' }}">

                            <label class="col-md-4 control-label">Captcha</label>

                            <div class="col-md-6">

                                {!! app('captcha')->display() !!}

                                @if ($errors->has('g-recaptcha-response'))

                                    <span class="help-block">

                                        <strong>{{ $errors->first('g-recaptcha-response') }}</strong>

                                    </span>

                                @endif

                            </div>

                        </div>

   

                        <div class="form-group">

                            <div class="col-md-6 col-md-offset-4">

                                <br/>

                                <button type="submit" class="btn btn-primary">

                                    <i class="fa fa-btn fa-user"></i>Register

                                </button>

                            </div>

                        </div>

                    </form>

                </div>

            </div>

        </div>

    </div>

</div>

   

</body>

</html>

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

<!DOCTYPE html>

<html>

<head>

<title>W3Adda - Laravel 5.7 Google Recaptcha Integration</title>

{!! NoCaptcha::renderJs() !!}

</head>

<body>

<h3 style="text-align: center;">W3Adda - Laravel 5.7 Google Recaptcha Integration</h3>

{!! csrf_field() !!}

<div class="form-group{{ $errors->has('name') ? ' has-error' : '' }}">

@if ($errors->has('name'))

<strong>{{ $errors->first('name') }}</strong>

</span>

@endif

</div>

<div class="form-group{{ $errors->has('email') ? ' has-error' : '' }}">

<label class="col-md-4 control-label">E-Mail Address</label>

@if ($errors->has('email'))

<strong>{{ $errors->first('email') }}</strong>

</span>

@endif

</div>

<div class="form-group{{ $errors->has('password') ? ' has-error' : '' }}">

<label class="col-md-4 control-label">Password</label>

@if ($errors->has('password'))

<strong>{{ $errors->first('password') }}</strong>

</span>

@endif

</div>

<div class="form-group{{ $errors->has('password_confirmation') ? ' has-error' : '' }}">

<label class="col-md-4 control-label">Confirm Password</label>

@if ($errors->has('password_confirmation'))

<strong>{{ $errors->first('password_confirmation') }}</strong>

</span>

@endif

</div>

<div class="form-group{{ $errors->has('g-recaptcha-response') ? ' has-error' : '' }}">

<label class="col-md-4 control-label">Captcha</label>

{!! app('captcha')->display() !!}

@if ($errors->has('g-recaptcha-response'))

<strong>{{ $errors->first('g-recaptcha-response') }}</strong>

</span>

@endif

</div>

<br/>

<i class="fa fa-btn fa-user"></i>Register

</button>

</div>

</form>

</div>

</body>

</html>

Set Routes

After this, we need to add following two routes in “routes/web.php” to display register form and to post the form data. Lets open “routes/web.php” file and add following route.

routes/web.php

Route::get('recaptchacreate', 'RecaptchaController@create');
Route::post('store', 'RecaptchaController@store');

1 2	Route::get('recaptchacreate', 'RecaptchaController@create'); Route::post('store', 'RecaptchaController@store');

Now we are ready to run our example so lets start the development server using following artisan command –

php artisan serve

1	php artisan serve

Now, open the following URL in browser to see the output –

http://localhost:8000/larablog/recaptchacreate

Output:-

laravel_5_7_google_recaptcha_integration_3

Laravel 5.8 Facebook Login with Socialite

Leave a reply

As we all know that users are not much interested in filling up long registration form to register with any application. Allowing users to login with their social media accounts is quick and powerful way to get registered/verified users for your laravel application. Allowing users to login with their social media accounts makes registration/login process much easier, it also encourages more users to register for your application. In this step by step tutorial, you will learn to integrate Facebook login with your laravel application.

Install Laravel 5.8

First of all we need to create a fresh laravel project, download and install Laravel 5.8 using the below command

composer create-project --prefer-dist laravel/laravel socialLogin

1	composer create-project --prefer-dist laravel/laravel socialLogin

Configure Database In .env file

Now, lets create a MySQL database and connect it with laravel application. After creating database we need to set database credential in application’s .env file.

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=laraSocial
DB_USERNAME=root
DB_PASSWORD=

DB_CONNECTION=mysql

DB_HOST=127.0.0.1

DB_PORT=3306

DB_DATABASE=laraSocial

DB_USERNAME=root

DB_PASSWORD=

Generate Application Key

Open terminal and switch to the project directory and run the following command to generate application key and configure cache.

php artisan key:generate

1	php artisan key:generate

php artisan config:cache

1	php artisan config:cache

Set Default String Length

Locate the file “app/Providers/AppServiceProvider”, and add following line of code to the top of the file

use Illuminate\Support\Facades\Schema;

1	use Illuminate\Support\Facades\Schema;

and inside the boot method set a default string length as given below –

Schema::defaultStringLength(191);

1	Schema::defaultStringLength(191);

So this is how “app/Providers/AppServiceProvider” file looks like –

<?php
namespace App\Providers;
use Illuminate\Support\ServiceProvider;
use Illuminate\Support\Facades\Schema;

class AppServiceProvider extends ServiceProvider
{
 public function boot() {
 //
 Schema::defaultStringLength(191);
}
 public function register()
 {
 //
 }
}

<?php

namespace App\Providers;

use Illuminate\Support\ServiceProvider;

use Illuminate\Support\Facades\Schema;

class AppServiceProvider extends ServiceProvider

{

public function boot() {

Schema::defaultStringLength(191);

}

public function register()

{

}

Install Socialite Package via Composer

composer require laravel/socialite

1	composer require laravel/socialite

After Installing ‘socialite’ package, we need to add service provider and alias in config/app.php file as following.

config/app.php

'providers' => [
      // Other service providers…
  Laravel\Socialite\SocialiteServiceProvider::class,
 ],

'aliases' => [
 // Other aliases…
 'Socialite' => Laravel\Socialite\Facades\Socialite::class,
 ],

'providers' => [

// Other service providers…

Laravel\Socialite\SocialiteServiceProvider::class,

'aliases' => [

// Other aliases…

'Socialite' => Laravel\Socialite\Facades\Socialite::class,

Go to Facebook’s developers site https://developers.facebook.com/ and log in with your Facebook account. There in Facebook developers Dashboard you have option to Create App. Lets create a Facebook Login App simply providing App Name and Contact Email.

Set Redirect URL

After creating the facebook app, go to setting->advanced and set redirect url like below –

Then, go to Facebook Login -> Settings and scroll down to “Valid OAuth Redirect URL” and set your callback URL like below –

Get Facebook App Id and Secret Key

After creating app, go to Settings -> Basic and get your newly created App ID and App Secret.

Configure Laravel Socialite

Open your application .env files and set FB_CLIENT_ID, FB_CLIENT_SECRET and FB_CALLBACK_URL like below –

.env

FB_CLIENT_ID=xxxxxxxxx
FB_CLIENT_SECRET=xxxxxxx
FB_CALLBACK_URL=http://localhost:8000/auth/facebook/callback

FB_CLIENT_ID=xxxxxxxxx

FB_CLIENT_SECRET=xxxxxxx

FB_CALLBACK_URL=http://localhost:8000/auth/facebook/callback

Here, Your App Secret becomes client_secret, and App ID becomes your client_id. Now, open config/service.php file and set client id and client secret with call back url like below –

config/service.php

return [
	....
    'facebook' => [
        'client_id' => env('FB_CLIENT_ID'),
        'client_secret' => env('FB_CLIENT_SECRET'),
        'redirect' => env('FB_CALLBACK_URL'),
    ],
]

return [

....

'facebook' => [

'client_id' => env('FB_CLIENT_ID'),

'client_secret' => env('FB_CLIENT_SECRET'),

'redirect' => env('FB_CALLBACK_URL'),

]

Migrations and User Model

app/database/xxxx_xx_xx_xxxxxx_create_users_table.php

<?php

use Illuminate\Support\Facades\Schema;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Database\Migrations\Migration;

class CreateUsersTable extends Migration
{
    /**
     * Run the migrations.
     *
     * @return void
     */
    public function up()
    {
        Schema::create('users', function (Blueprint $table) {
            $table->bigIncrements('id');
            $table->string('name');
            $table->string('email')->nullable();
            $table->timestamp('email_verified_at')->nullable();
            $table->string('password', 60)->nullable();
            $table->string('provider');
            $table->string('provider_id');
            $table->rememberToken();
            $table->timestamps();
        });
    }

    /**
     * Reverse the migrations.
     *
     * @return void
     */
    public function down()
    {
        Schema::dropIfExists('users');
    }
}

<?php

use Illuminate\Support\Facades\Schema;

use Illuminate\Database\Schema\Blueprint;

use Illuminate\Database\Migrations\Migration;

class CreateUsersTable extends Migration

{

/**

* Run the migrations.

* @return void

public function up()

{

Schema::create('users', function (Blueprint $table) {

$table->bigIncrements('id');

$table->string('name');

$table->string('email')->nullable();

$table->timestamp('email_verified_at')->nullable();

$table->string('password', 60)->nullable();

$table->string('provider');

$table->string('provider_id');

$table->rememberToken();

$table->timestamps();

});

}

/**

* Reverse the migrations.

* @return void

public function down()

{

Schema::dropIfExists('users');

}

After you added columns provider and provider_id to user table set the email and password field to nullable, run the migration using following command.

php artisan migrate

1	php artisan migrate

After this, go to app/User.php and add provider and provider_id to fillable attribute in the User Model.

protected $fillable = [
'name', 'email', 'password', 'provider', 'provider_id'
];

protected $fillable = [

'name', 'email', 'password', 'provider', 'provider_id'

];

Authentication Scaffolding

Laravel comes with in-built basic authentication system, use the below command to generate default authentication scaffolding –

php artisan make:auth

1	php artisan make:auth

This command will generate required Controller files, views and add routes in our web.php routes file that are required for basic authentication system.

Set Authentication Routes

Now, open app/routes/web.php file and add following two routes for redirecting the user to the OAuth provider and to handle the callback from provider.

app/routes/web.php

Route::get('auth/{provider}', 'SocialController@redirect');
Route::get('auth/{provider}/callback', 'SocialController@callback');

1 2	Route::get('auth/{provider}', 'SocialController@redirect'); Route::get('auth/{provider}/callback', 'SocialController@callback');

Create Authentication Controllers

Next, we have to create a controller to handle facebook login. Create a controller named SocialController using command given below –

php artisan make:controller SocialController

1	php artisan make:controller SocialController

When controller is created successfully go to app/controllers/SocialController.php and put the below code.

app/controllers/SocialController.php

<?php

namespace App\Http\Controllers;
use Illuminate\Http\Request;
use Validator,Redirect,Response,File;
use Socialite;
use App\User;
class SocialController extends Controller
{
	public function redirect($provider)
	{
		return Socialite::driver($provider)->redirect();
	}

	public function callback($provider)
	{
		$uInfo = Socialite::driver($provider)->user(); 
		$user = $this->findOrCreate($uInfo,$provider); 
		auth()->login($user); 
		return redirect()->to('/home');
	}

	function findOrCreate($uInfo,$provider){
		$user = User::where('provider_id', $uInfo->id)->first();
		if (!$user) {
			$user = User::create([
			 'name'     => $uInfo->name,
			 'email'    => $uInfo->email,
			 'provider' => $provider,
			 'provider_id' => $uInfo->id
			]);
		}
		return $user;
	}
}

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

use Validator,Redirect,Response,File;

use Socialite;

use App\User;

class SocialController extends Controller

{

public function redirect($provider)

{

return Socialite::driver($provider)->redirect();

}

public function callback($provider)

{

$uInfo = Socialite::driver($provider)->user();

$user = $this->findOrCreate($uInfo,$provider);

auth()->login($user);

return redirect()->to('/home');

}

function findOrCreate($uInfo,$provider){

$user = User::where('provider_id', $uInfo->id)->first();

if (!$user) {

$user = User::create([

'name' => $uInfo->name,

'email' => $uInfo->email,

'provider' => $provider,

'provider_id' => $uInfo->id

]);

}

return $user;

}

In this controller, we have following two methods –

redirect() :- to redirect the user to Facebook

callback() :- to handle callback from Facebook

No, open resources/views/auth/login.blade.php file and add the following code below the closing tag for <div class=”form-group”>. This will append a facebook login button just below the default login form.

resources/views/auth/login.blade.php

<hr>
<div class="form-group row mb-0">
 <div class="col-md-8 offset-md-4">
    <a href="{{ url('/auth/facebook') }}" class="btn btn-primary"><i class="fa fa-facebook"></i> Facebook</a>
</div>
</div>

<hr>

<a href="{{ url('/auth/facebook') }}" class="btn btn-primary"><i class="fa fa-facebook"></i> Facebook</a>

</div>

Restart Development Server

Restart the development server using following artisan command –

php artisan serve

1	php artisan serve

Now, visit the following URL in browser to see the output –

http://localhost:8000/

Output:-

Now, visit the login page to test the facebook login –

http://localhost:8000/login

When you click “Facebook” button, you will be redirected/requested to login with facebook. After you successfully login you will be registered and logged in to your application and you will be redirected to user dashboard.

Laravel 5.8 User Registration And Login System

Leave a reply

Laravel comes with an built-in authentication system, that includes out of the box user registration, login, logout, forgot password and remember me functionality. It saves us a lot of time building a custom login and registration system starting from scratch. In this step by step tutorial, we will guide you through building user registration and login using laravel’s built-in authentication package.

Before starting with tutorial, we are assuming that you already have a fresh installation of a Laravel 5.8. If you have not installed it follow Laravel Installation Step.

Install Laravel 5.8

First of all we need to create a fresh laravel project, download and install Laravel 5.8 using the below command

composer create-project --prefer-dist laravel/laravel larablog

1	composer create-project --prefer-dist laravel/laravel larablog

Make sure you have composer installed. Now, lets switch to the project directory and start the development server using following artisan command –

php artisan serve

1	php artisan serve

Now, open the following URL in browser to see the output –

http://localhost:8000/

Output:-

laravel-5-7-crud-tutorial-with-example-2

Configure Database In .env file

Now, lets create a MySQL database and connect it with laravel application. After creating database we need to set database credential in application’s .env file.

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=lara58blog
DB_USERNAME=root
DB_PASSWORD=

DB_CONNECTION=mysql

DB_HOST=127.0.0.1

DB_PORT=3306

DB_DATABASE=lara58blog

DB_USERNAME=root

DB_PASSWORD=

Generate Laravel Application Key

Now, use the following command in terminal to generate laravel application key.

php artisan key:generate

1	php artisan key:generate

Create Database Migration

Before you run migration, open app/providers/AppServiceProvider.php file and put following two line of code in boot method as following –

Use Schema; 
public function boot(){ 
 Schema::defaultStringLength(191); 
}

Use Schema;

public function boot(){

Schema::defaultStringLength(191);

}

Now, use the below command to create required user authentication tables and model automatically.

php artisan migrate

1	php artisan migrate

Authentication Scaffolding

Now, use the below command to generate authentication scaffolding –

php artisan make:auth

1	php artisan make:auth

This command will generate required Controller files, views and add routes in our web.php routes file that are required for the authentication. If you open your route file (resources/routes/web.php) you can see the authentication route added as following –

Auth::routes();

1	Auth::routes();

The Auth::rutes() is a set of common authentication, registration and password reset routes.

$this->get('login', 'Auth\LoginController@showLoginForm')->name('login');
$this->post('login', 'Auth\LoginController@login');
$this->post('logout', 'Auth\LoginController@logout')->name('logout');

// Registration Routes
$this->get('register', 'Auth\RegisterController@showRegistrationForm')->name('register');
$this->post('register', 'Auth\RegisterController@register');
// Password Reset Routes

$this->get('password/reset', 'Auth\ForgotPasswordController@showLinkRequestForm')->name('password.request');
$this->post('password/email', 'Auth\ForgotPasswordController@sendResetLinkEmail')->name('password.email');
$this->get('password/reset/{token}', 'Auth\ResetPasswordController@showResetForm')->name('password.reset');
$this->post('password/reset', 'Auth\ResetPasswordController@reset');

$this->get('login', 'Auth\LoginController@showLoginForm')->name('login');

$this->post('login', 'Auth\LoginController@login');

$this->post('logout', 'Auth\LoginController@logout')->name('logout');

// Registration Routes

$this->get('register', 'Auth\RegisterController@showRegistrationForm')->name('register');

$this->post('register', 'Auth\RegisterController@register');

// Password Reset Routes

$this->get('password/reset', 'Auth\ForgotPasswordController@showLinkRequestForm')->name('password.request');

$this->post('password/email', 'Auth\ForgotPasswordController@sendResetLinkEmail')->name('password.email');

$this->get('password/reset/{token}', 'Auth\ResetPasswordController@showResetForm')->name('password.reset');

$this->post('password/reset', 'Auth\ResetPasswordController@reset');

Restart Development Server

Restart the development server using following artisan command –

php artisan serve

1	php artisan serve

Test Laravel 5.8 User Authentication

Now, you can see following authentication pages –

http://localhost:8000/register

laravel_user_registration_login_authentication_register

http://localhost:8000/login

laravel_user_registration_login_authentication_login

http://localhost:8000/password/reset