Category Archives: Laravel

Laravel Tutorials

Laravel 8 Install Bootstrap Example Tutorial

In this Laravel 8 Install Bootstrap Example Tutorial I will show you how to install bootstrap 4 in laravel 8. I will also show you how to install bootstrap auth scaffolding in laravel. In this tutorial you will learn to integrate bootstrap 4 and auth scaffolding in laravel 8. In this article I will share example to install and use bootstrap 4 in laravel.

Laravel 8 Install Bootstrap Example Tutorial

In this step by step laravel 8 install bootstrap 4 tutorial. I will demonstrate you to install bootstrap 4 in laravel 8. Please follow the instruction given below:

Install Laravel/UI

Now, switch the laravel project directory and run the following composer command to install laravel/ui package. Laravel UI is an official library that offers selective or predefined UI components. The laravel/ui package comes with the login and registration scaffolding for React, Vue, jQuery, and Bootstrap layouts.

Run the following composer command to install Laravel/UI.

composer require laravel/ui

1	composer require laravel/ui

Install Bootstrap 4 In laravel 8

Run following artisan command to install Bootstrap in your Laravel project.

php artisan ui bootstrap

1	php artisan ui bootstrap

Install Bootstrap Auth Scaffolding

Use the following artisan command to Install the auth scaffoldings with Bootstrap.

php artisan ui bootstrap --auth

1	php artisan ui bootstrap --auth

Now, you have successfully installed bootstrap in your laravel 8 project, you can see your resource directory js folder.

Install Bootstrap Packages

Now, you need to install the bootstrap package and the related frontend dependencies such as jquery from npm using the following command:

npm install

1	npm install

Run NPM

Now, run the below command for asset compilation.

npm run dev

1	npm run dev

The above command compiles CSS and JavaScript files from resources/js and resources/sass folder to the public folder.

How to use Bootstrap in Laravel Blade Template

Now, you can use the bootstrap js and CSS in laravel blade template as following:

<!doctype html>

<html>

<head>
    <!-- Scripts -->
    <script src="{{ asset('js/app.js') }}" defer></script>
    <!-- Styles -->
    <link href="{{ asset('css/app.css') }}" rel="stylesheet">
</head>
<body>
    <h1>This is example.</h1>
</body>
</html>

<!doctype html>

<html>

<head>

</head>

<body>

<h1>This is example.</h1>

</body>

</html>

Laravel 8 Install Vue JS Example Tutorial

In this Laravel 8 Install Vue JS Example Tutorial I will show you how to install vue js in laravel 8 application. In this tutorial you will learn to integrate vue js and vue js auth in laravel 8 application. In this article I will share example on how to install vue js in laravel 8 application. We will implement a laravel 8 vue js example application. In this tutorial we will understand how to install and setup laravel 8 with vue js. In this example we will also install vue js with laravel and also laravel 8 vue auth using laravel ui.

Install Laravel 8

First, open Terminal and run the following command to create a fresh Laravel project:

composer create-project --prefer-dist laravel/laravel blog-vue

1	composer create-project --prefer-dist laravel/laravel blog-vue

Install Laravel UI

Install Laravel UI package for starting with Laravel 8 with Vue JS. So if you want to start with Laravel 8 with Vue, run the below command:

composer require laravel/ui

1	composer require laravel/ui

Install Vue

php artisan ui vue

1	php artisan ui vue

Install Vue with Auth

php artisan ui vue --auth

1	php artisan ui vue --auth

now, you need to install npm and run it. so let’s run bellow command:

Install Required Packages

I assume that you already have the Node and NPM installed on your development machine. If not, then use the following instruction:

To Install NPM, Run the following command:

npm install

1	npm install

Now run NPM, use the following command:

npm run dev

1	npm run dev

Laravel 8 Install React Example Tutorial

In this Laravel 8 Install React Example Tutorial I will show you how to install react with react auth in laravel application. In this tutorial you will learn to integrate react ui and react auth in laravel 8 application. We will implement a laravel 8 react example application. In this tutorial we will understand how to install and setup laravel 8 with react js. In this example we will also install react with laravel and also laravel 8 react auth using laravel ui.

Laravel 8 Install React Example Tutorial

In this step by step Laravel 8 Install React Example Tutorial . I will demonstrate you to install react ui and react auth in laravel 8. Please follow the instruction given below:

Install Laravel 8

First, open Terminal and run the following command to create a fresh Laravel project:

composer create-project laravel/laravel blog-react

1	composer create-project laravel/laravel blog-react

Install Laravel UI

Install Laravel UI package for starting with Laravel 8 with React JS. So if you want to start with Laravel 8 with React, run the below command:

composer require laravel/ui

1	composer require laravel/ui

Install React

php artisan ui react

1	php artisan ui react

Install React with Auth

php artisan ui react --auth

1	php artisan ui react --auth

now, you need to install npm and run it. so let’s run bellow command:

Install Required Packages

I assume that you already have the Node and NPM installed on your development machine. If not, then use the following instruction:

To Install NPM, Run the following command:

npm install

1	npm install

Now run NPM, use the following command:

npm run dev

1	npm run dev

How to Create Custom Error Page in Laravel 8

In this How to Create Custom Error Page in Laravel 8 tutorial I’ll show you how to create custom error page for 404 and 500 error in laravel. In this tutorial you will learn to create custom error page in laravel 8. In this step by step tutorial I’ll demonstrate the process to create custom 404 and 500 error page in laravel 8. You will also learn to customize default 404 and 500 error page in laravel.

How to Create Custom Error Page in Laravel 8

In this tutorial we will be creating custom error page for 404 and 500 erro. Please Follow the instruction given below to create custom 404, 500 error pages in laravel:

Custom Error Pages in Laravel 8

Create 404 View File
Create 500 View File

Laravel Create Custom 404 View File

In this step we will be creating custom 404 error page. Lets go to resources/views directory and create a folder named errors. Then inside the errors folder, we will create a file called 404.blade.php.

resources/views/errors/404.blade.php

<!DOCTYPE html>
<html>
<head>
    <title>Page Not Found</title>
</head>
<body>
This is the custom 404 error page.
</body>
</html>

<!DOCTYPE html>

<html>

<head>

<title>Page Not Found</title>

</head>

<body>

This is the custom 404 error page.

</body>

</html>

Laravel Create Custom 500 View File

In this step we will be creating custom 500 error page. Lets Go to resources/views directory and create a folder named errors. Then inside the errors folder, we will create a file called 500.blade.php.

resources/views/errors/500.blade.php

<!DOCTYPE html>
<html>
<head>
    <title>Page Not Found</title>
</head>
<body>
This is the custom 500 error page.
</body>
</html>

<!DOCTYPE html>

<html>

<head>

<title>Page Not Found</title>

</head>

<body>

This is the custom 500 error page.

</body>

</html>

Laravel 8 Multi Auth (Authentication) Tutorial

In this Laravel 8 Multi Auth (Authentication) Tutorial I’ll show you how to create multi auth login in laravel. In this tutorial you will learn to create multi auth login system using middleware in laravel 8. In this article I’ll share example of Multiple authentication system multiple users can log in in one application according to their roles.

When we want create separate user login or separate user/admin panel for users with different privileges or access rights in same application. With multi auth system we can allow different user to access different panel in application. In this example we will create a middleware for checking the user’s role. It is an admin or normal user. We will create middleware name admin and configuration in the kernal.php file and also in the route file.

Laravel 8 Multi Auth (Authentication) Tutorial

In this step by step tutorial you will learn about Multi Auth login in laravel. I will also demonstrate you to create laravel multi auth login using custom middleware. Please follow the instruction given below:

Step 1: Install Laravel 8

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

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

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

Step 2: Database Configuration

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=here your database name(blog)
DB_USERNAME=here database username(root)
DB_PASSWORD=here database password(root)

DB_CONNECTION=mysql

DB_HOST=127.0.0.1

DB_PORT=3306

DB_DATABASE=here your database name(blog)

DB_USERNAME=here database username(root)

DB_PASSWORD=here database password(root)

Step 3: Update Migration and Model

Now we will add new column “is_admin” in users table and model.

database/migrations/000_create_users_table.php

<?php
   
use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;
   
class CreateUsersTable extends Migration
{
    /**
     * Run the migrations.
     *
     * @return void
     */
    public function up()
    {
        Schema::create('users', function (Blueprint $table) {
            $table->id();
            $table->string('name');
            $table->string('email');
            $table->timestamp('email_verified_at')->nullable();
            $table->boolean('is_admin')->nullable();
            $table->string('password');
            $table->rememberToken();
            $table->timestamps();
        });
    }
  
    /**
     * Reverse the migrations.
     *
     * @return void
     */
    public function down()
    {
        Schema::dropIfExists('users');
    }
}

<?php

use Illuminate\Database\Migrations\Migration;

use Illuminate\Database\Schema\Blueprint;

use Illuminate\Support\Facades\Schema;

class CreateUsersTable extends Migration

{

/**

* Run the migrations.

* @return void

public function up()

{

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

$table->id();

$table->string('name');

$table->string('email');

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

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

$table->string('password');

$table->rememberToken();

$table->timestamps();

});

}

/**

* Reverse the migrations.

* @return void

public function down()

{

Schema::dropIfExists('users');

}

app/Models/User.php

<?php
  
namespace App\Models;
  
use Illuminate\Contracts\Auth\MustVerifyEmail;
use Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Foundation\Auth\User as Authenticatable;
use Illuminate\Notifications\Notifiable;
  
class User extends Authenticatable
{
    use HasFactory, Notifiable;
  
    /**
     * The attributes that are mass assignable.
     *
     * @var array
     */
    protected $fillable = [
        'name', 'email', 'password', 'is_admin'
    ];
  
    /**
     * The attributes that should be hidden for arrays.
     *
     * @var array
     */
    protected $hidden = [
        'password', 'remember_token',
    ];
  
    /**
     * The attributes that should be cast to native types.
     *
     * @var array
     */
    protected $casts = [
        'email_verified_at' => 'datetime',
    ];
}

<?php

namespace App\Models;

use Illuminate\Contracts\Auth\MustVerifyEmail;

use Illuminate\Database\Eloquent\Factories\HasFactory;

use Illuminate\Foundation\Auth\User as Authenticatable;

use Illuminate\Notifications\Notifiable;

class User extends Authenticatable

{

use HasFactory, Notifiable;

/**

* The attributes that are mass assignable.

* @var array

protected $fillable = [

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

];

/**

* The attributes that should be hidden for arrays.

* @var array

protected $hidden = [

'password', 'remember_token',

];

/**

* The attributes that should be cast to native types.

* @var array

protected $casts = [

'email_verified_at' => 'datetime',

];

}

Now, run following command to migrate database schema.

php artisan migrate

1	php artisan migrate

Step 4: Create Auth using scaffold

Now, we will generate laravel auth scaffold to create login, register and dashboard.

Laravel 8 UI Package

composer require laravel/ui

1	composer require laravel/ui

Generate auth

php artisan ui bootstrap --auth 

npm install

npm run dev

php artisan ui bootstrap --auth

npm install

npm run dev

Step 5: Create IsAdmin Middleware

php artisan make:middleware IsAdmin

1	php artisan make:middleware IsAdmin

app/Http/middleware/IsAdmin.php

<?php
  
namespace App\Http\Middleware;
  
use Closure;
   
class IsAdmin
{
    /**
     * Handle an incoming request.
     *
     * @param  \Illuminate\Http\Request  $request
     * @param  \Closure  $next
     * @return mixed
     */
    public function handle($request, Closure $next)
    {
        if(auth()->user()->is_admin == 1){
            return $next($request);
        }
   
        return redirect(‘home’)->with(‘error’,"You don't have admin access.");
    }
}

<?php

namespace App\Http\Middleware;

use Closure;

class IsAdmin

{

/**

* Handle an incoming request.

* @param \Illuminate\Http\Request $request

* @param \Closure $next

* @return mixed

public function handle($request, Closure $next)

{

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

return $next($request);

}

return redirect(‘home’)->with(‘error’,"You don't have admin access.");

}

app/Http/Kernel.php

....
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,
    'is_admin' => \App\Http\Middleware\IsAdmin::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,

'is_admin' => \App\Http\Middleware\IsAdmin::class,

];

....

Step 6: Create Route

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

routes/web.php

<?php
  
use Illuminate\Support\Facades\Route;
  
use App\Http\Controllers\HomeController;
  
/*
|--------------------------------------------------------------------------
| Web Routes
|--------------------------------------------------------------------------
|
| Here is where you can register web routes for your application. These
| routes are loaded by the RouteServiceProvider within a group which
| contains the "web" middleware group. Now create something great!
|
*/
Route::get('admin/home', [HomeController::class, 'adminHome'])->name('admin.home')->middleware('is_admin');

<?php

use Illuminate\Support\Facades\Route;

use App\Http\Controllers\HomeController;

|--------------------------------------------------------------------------

| Web Routes

|--------------------------------------------------------------------------

| Here is where you can register web routes for your application. These

| routes are loaded by the RouteServiceProvider within a group which

| contains the "web" middleware group. Now create something great!

Route::get('admin/home', [HomeController::class, 'adminHome'])->name('admin.home')->middleware('is_admin');

Step 7: Add Method on Controller

Now add adminHome() method for admin route in HomeController.

app/Http/Controllers/HomeController.php

<?php
   
namespace App\Http\Controllers;
  
use Illuminate\Http\Request;
   
class HomeController extends Controller
{
    /**
     * Create a new controller instance.
     *
     * @return void
     */
    public function __construct()
    {
        $this->middleware('auth');
    }
  
    /**
     * Show the application dashboard.
     *
     * @return \Illuminate\Contracts\Support\Renderable
     */
    public function index()
    {
        return view('home');
    }
  
    /**
     * Show the application dashboard.
     *
     * @return \Illuminate\Contracts\Support\Renderable
     */
    public function adminHome()
    {
        return view('adminHome');
    }
    
}

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

class HomeController extends Controller

{

/**

* Create a new controller instance.

* @return void

public function __construct()

{

$this->middleware('auth');

}

/**

* Show the application dashboard.

* @return \Illuminate\Contracts\Support\Renderable

public function index()

{

return view('home');

}

/**

* Show the application dashboard.

* @return \Illuminate\Contracts\Support\Renderable

public function adminHome()

{

return view('adminHome');

}

Step 8: Create Blade file

In this step we will create a new blade file for admin and update for user’s blade file as well.

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">
                    You are normal user.
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@extends('layouts.app')

@section('content')

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

You are normal user.

</div>

@endsection

resources/views/adminHome.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">
                    You are Admin.
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@extends('layouts.app')

@section('content')

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

You are Admin.

</div>

@endsection

Step 9: Update on LoginController

Now, we will change the LoginController so at the time login we redirect user according to user role. Normal user redirect to home route and for admin user redirect to admin route.app/Http/Controllers/Auth/LoginController.php

<?php
  
namespace App\Http\Controllers\Auth;
   
use App\Http\Controllers\Controller;
use Illuminate\Foundation\Auth\AuthenticatesUsers;
use Illuminate\Http\Request;
   
class LoginController extends Controller
{
    /*
    |--------------------------------------------------------------------------
    | Login Controller
    |--------------------------------------------------------------------------
    |
    | This controller handles authenticating users for the application and
    | redirecting them to your home screen. The controller uses a trait
    | to conveniently provide its functionality to your applications.
    |
    */
  
    use AuthenticatesUsers;
  
    /**
     * Where to redirect users after login.
     *
     * @var string
     */
    protected $redirectTo = '/home';
   
    /**
     * Create a new controller instance.
     *
     * @return void
     */
    public function __construct()
    {
        $this->middleware('guest')->except('logout');
    }
   
    public function login(Request $request)
    {   
        $input = $request->all();
   
        $this->validate($request, [
            'email' => 'required|email',
            'password' => 'required',
        ]);
   
        if(auth()->attempt(array('email' => $input['email'], 'password' => $input['password'])))
        {
            if (auth()->user()->is_admin == 1) {
                return redirect()->route('admin.home');
            }else{
                return redirect()->route('home');
            }
        }else{
            return redirect()->route('login')
                ->with('error','Email-Address And Password Are Wrong.');
        }
          
    }
}

<?php

namespace App\Http\Controllers\Auth;

use App\Http\Controllers\Controller;

use Illuminate\Foundation\Auth\AuthenticatesUsers;

use Illuminate\Http\Request;

class LoginController extends Controller

{

|--------------------------------------------------------------------------

| Login Controller

|--------------------------------------------------------------------------

| This controller handles authenticating users for the application and

| redirecting them to your home screen. The controller uses a trait

| to conveniently provide its functionality to your applications.

use AuthenticatesUsers;

/**

* Where to redirect users after login.

* @var string

protected $redirectTo = '/home';

/**

* Create a new controller instance.

* @return void

public function __construct()

{

$this->middleware('guest')->except('logout');

}

public function login(Request $request)

{

$input = $request->all();

$this->validate($request, [

'email' => 'required|email',

'password' => 'required',

]);

if(auth()->attempt(array('email' => $input['email'], 'password' => $input['password'])))

{

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

return redirect()->route('admin.home');

}else{

return redirect()->route('home');

}

}else{

return redirect()->route('login')

->with('error','Email-Address And Password Are Wrong.');

}

Step 10: Create Seeder

php artisan make:seeder CreateUsersSeeder

1	php artisan make:seeder CreateUsersSeeder

database/seeds/CreateUsersSeeder.php

<?php
  
use Illuminate\Database\Seeder;
use App\Models\User;
   
class CreateUsersSeeder extends Seeder
{
    /**
     * Run the database seeds.
     *
     * @return void
     */
    public function run()
    {
        $user = [
            [
               'name'=>'Admin',
               'email'=>'admin@w3adda.com',
                'is_admin'=>'1',
               'password'=> bcrypt('123456'),
            ],
            [
               'name'=>'User',
               'email'=>'user@w3adda.com',
                'is_admin'=>'0',
               'password'=> bcrypt('123456'),
            ],
        ];
  
        foreach ($user as $key => $value) {
            User::create($value);
        }
    }
}

<?php

use Illuminate\Database\Seeder;

use App\Models\User;

class CreateUsersSeeder extends Seeder

{

/**

* Run the database seeds.

* @return void

public function run()

{

$user = [

[

'name'=>'Admin',

'email'=>'admin@w3adda.com',

'is_admin'=>'1',

'password'=> bcrypt('123456'),

[

'name'=>'User',

'email'=>'user@w3adda.com',

'is_admin'=>'0',

'password'=> bcrypt('123456'),

];

foreach ($user as $key => $value) {

User::create($value);

}

Run the seeder

php artisan db:seed --class=CreateUsersSeeder

1	php artisan db:seed --class=CreateUsersSeeder

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

Laravel 8 Resize Image Before Upload Example

In this Laravel 8 Resize Image Before Upload Example tutorial, I’ll show you how to resize image before upload in laravel. In this tutorial you will learn to resize image before upload in laravel using Intervention Image Package. In this article I’ll demonstrate to resize and upload image in laravel Intervention Image Package. In this example will store resized image in the folder and later save it into database.

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.

Laravel 8 Resize Image Before Upload Example

In this step by step guide we will be using Intervention Image Package to resize the image before uploading.

Step 1: Install Laravel 8

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

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

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

Step 2: Install Intervention Image 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

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

config/app.php

return [
    ......
    $provides => [
        ......
        ......,
        Intervention\Image\ImageServiceProvider::class
    ],
    $aliases => [
        .....
        .....,
        'Image' => Intervention\Image\Facades\Image::class
    ]
]

return [

......

$provides => [

......

......,

Intervention\Image\ImageServiceProvider::class

$aliases => [

.....

.....,

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

]

Step 3: Create Routes

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

routes/web.php

<?php
  
use Illuminate\Support\Facades\Route;
  
use App\Http\Controllers\ImageController;
  
/*
|--------------------------------------------------------------------------
| Web Routes
|--------------------------------------------------------------------------
|
| Here is where you can register web routes for your application. These
| routes are loaded by the RouteServiceProvider within a group which
| contains the "web" middleware group. Now create something great!
|
*/
  
Route::get('resizeImage', [ImageController::class, 'resizeImage']);
Route::post('resizeImagePost', [ImageController::class, 'resizeImagePost'])->name('resizeImagePost');

<?php

use Illuminate\Support\Facades\Route;

use App\Http\Controllers\ImageController;

|--------------------------------------------------------------------------

| Web Routes

|--------------------------------------------------------------------------

| Here is where you can register web routes for your application. These

| routes are loaded by the RouteServiceProvider within a group which

| contains the "web" middleware group. Now create something great!

Route::get('resizeImage', [ImageController::class, 'resizeImage']);

Route::post('resizeImagePost', [ImageController::class, 'resizeImagePost'])->name('resizeImagePost');

Step 4: Create Controller File

Now, lets 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\Http\Requests;
use Image;
  
class ImageController extends Controller
{
  
    /**
     * Show the form for creating a new resource.
     *
     * @return \Illuminate\Http\Response
     */
    public function resizeImage()
    {
        return view('resizeImage');
    }
  
    /**
     * Show the form for creating a new resource.
     *
     * @return \Illuminate\Http\Response
     */
    public function resizeImagePost(Request $request)
    {
        $this->validate($request, [
            'title' => 'required',
            'image' => 'required|image|mimes:jpeg,png,jpg,gif,svg|max:2048',
        ]);
  
        $image = $request->file('image');
        $input['imagename'] = time().'.'.$image->extension();
     
        $destinationPath = public_path('/thumbnail');
        $img = Image::make($image->path());
        $img->resize(100, 100, function ($constraint) {
            $constraint->aspectRatio();
        })->save($destinationPath.'/'.$input['imagename']);
   
        $destinationPath = public_path('/images');
        $image->move($destinationPath, $input['imagename']);
   
        return back()
            ->with('success','Image Upload successful')
            ->with('imageName',$input['imagename']);
    }
   
}

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

use App\Http\Requests;

use Image;

class ImageController extends Controller

{

/**

* Show the form for creating a new resource.

* @return \Illuminate\Http\Response

public function resizeImage()

{

return view('resizeImage');

}

/**

* Show the form for creating a new resource.

* @return \Illuminate\Http\Response

public function resizeImagePost(Request $request)

{

$this->validate($request, [

'title' => 'required',

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

]);

$image = $request->file('image');

$input['imagename'] = time().'.'.$image->extension();

$destinationPath = public_path('/thumbnail');

$img = Image::make($image->path());

$img->resize(100, 100, function ($constraint) {

$constraint->aspectRatio();

})->save($destinationPath.'/'.$input['imagename']);

$destinationPath = public_path('/images');

$image->move($destinationPath, $input['imagename']);

return back()

->with('success','Image Upload successful')

->with('imageName',$input['imagename']);

}

Step 5: View File and Create Upload directory

In this step, we will create view/blade file. Lets create a blade file “resizeImage.blade.php” in “resources/views/” directory and put the following code in it respectively.

resources/views/resizeImage.blade.php

<!DOCTYPE html>
<html>
<head>
    <title>Laravel Resize Image Tutorial</title>
    <link rel="stylesheet" href="http://demo.w3adda.com/plugin/bootstrap-3.min.css">
</head>
<body>
  
<div class="container">
    <h1>Laravel Resize Image Tutorial</h1>
    @if (count($errors) > 0)
        <div class="alert alert-danger">
            <strong>Whoops!</strong> There were some problems with your input.<br><br>
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif
         
    @if ($message = Session::get('success'))
    <div class="alert alert-success alert-block">
        <button type="button" class="close" data-dismiss="alert">×</button>    
        <strong>{{ $message }}</strong>
    </div>
    <div class="row">
        <div class="col-md-4">
            <strong>Original Image:</strong>
            <br/>
            <img src="/images/{{ Session::get('imageName') }}" />
        </div>
        <div class="col-md-4">
            <strong>Thumbnail Image:</strong>
            <br/>
            <img src="/thumbnail/{{ Session::get('imageName') }}" />
        </div>
    </div>
    @endif
         
    <form action="{{ route('resizeImagePost') }}" method="post" enctype="multipart/form-data">
        @csrf
        <div class="row">
            <div class="col-md-4">
                <br/>
                <input type="text" name="title" class="form-control" placeholder="Add Title">
            </div>
            <div class="col-md-12">
                <br/>
                <input type="file" name="image" class="image">
            </div>
            <div class="col-md-12">
                <br/>
                <button type="submit" class="btn btn-success">Upload Image</button>
            </div>
        </div>
    </form>
</div>
  
</body>
</html>

<!DOCTYPE html>

<html>

<head>

<title>Laravel Resize Image Tutorial</title>

</head>

<body>

<h1>Laravel Resize Image Tutorial</h1>

@if (count($errors) > 0)

<strong>Whoops!</strong> There were some problems with your input.<br><br>

<ul>

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

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

@endforeach

</ul>

</div>

@endif

@if ($message = Session::get('success'))

<strong>{{ $message }}</strong>

</div>

<strong>Original Image:</strong>

<br/>

</div>

<strong>Thumbnail Image:</strong>

<br/>

</div>

@endif

@csrf

<br/>

</div>

<br/>

</div>

<br/>

<button type="submit" class="btn btn-success">Upload Image</button>

</div>

</form>

</div>

</body>

</html>

Run Development Server

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/resizeImage

1	http://localhost:8000/resizeImage

How to use Model Events in Laravel 8

In this How to use Model Events in Laravel 8 tutorial I will show you how laravel model event works and how to use model event. In this tutorial you will learn to use model events in laravel 8 application. You will also learn about model events in laravel 8. In this article example of eloquent model events laravel 8. I will also provide you a list of laravel eloquent model events and each model event have it’s own function. In laravel each of the eloquent model events have it’s own function.

creating: Call Before Create Record.
created: Call After Created Record.
updating: Call Before Update Record.
updated: Class After Updated Record.
deleting: Call Before Delete Record.
deleted: Call After Deleted Record.
retrieved: Call Retrieve Data from Database.
saving: Call Before Creating or Updating Record.
saved: Call After Created or Updated Record.
restoring: Call Before Restore Record.
restored: Call After Restore Record.
replicating: Call on replicate Record.

How to use Model Events in Laravel 8

In this step by step tutorial I will show you how to use Model Events in Laravel 8. Please follow the instruction given below:

Create Product Model with events

First of all we will create a product model with events. Lets open create and open product model file and put the following code in it:

app/Models/Product.php

<?php
  
namespace App\Models;
  
use Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Database\Eloquent\Model;
use Log;
use Str;
   
class Product extends Model
{
    use HasFactory;
  
    protected $fillable = [
        'name', 'slug', 'detail'
    ];
  
    /**
     * Write code on Method
     *
     * @return response()
     */
    public static function boot() {
  
        parent::boot();
  
        /**
         * Write code on Method
         *
         * @return response()
         */
        static::creating(function($item) {            
            Log::info('Creating event call: '.$item); 
  
            $item->slug = Str::slug($item->name);
        });
  
        /** 
         * Write code on Method
         *
         * @return response()
         */
        static::created(function($item) {           
            /*
                Write Logic Here
            */ 
  
            Log::info('Created event call: '.$item);
        });
  
        /**
         * Write code on Method
         *
         * @return response()
         */
        static::updating(function($item) {            
            Log::info('Updating event call: '.$item); 
  
            $item->slug = Str::slug($item->name);
        });
  
        /**
         * Write code on Method
         *
         * @return response()
         */
        static::updated(function($item) {  
            /*
                Write Logic Here
            */    
  
            Log::info('Updated event call: '.$item);
        });
  
        /**
         * Write code on Method
         *
         * @return response()
         */
        static::deleted(function($item) {            
            Log::info('Deleted event call: '.$item); 
        });
    }
}

<?php

namespace App\Models;

use Illuminate\Database\Eloquent\Factories\HasFactory;

use Illuminate\Database\Eloquent\Model;

use Log;

use Str;

class Product extends Model

{

use HasFactory;

protected $fillable = [

'name', 'slug', 'detail'

];

/**

* Write code on Method

* @return response()

public static function boot() {

parent::boot();

/**

* Write code on Method

* @return response()

static::creating(function($item) {

Log::info('Creating event call: '.$item);

$item->slug = Str::slug($item->name);

});

/**

* Write code on Method

* @return response()

static::created(function($item) {

Write Logic Here

Log::info('Created event call: '.$item);

});

/**

* Write code on Method

* @return response()

static::updating(function($item) {

Log::info('Updating event call: '.$item);

$item->slug = Str::slug($item->name);

});

/**

* Write code on Method

* @return response()

static::updated(function($item) {

Write Logic Here

Log::info('Updated event call: '.$item);

});

/**

* Write code on Method

* @return response()

static::deleted(function($item) {

Log::info('Deleted event call: '.$item);

});

}

Creating and Created Event

app/Http/Controllers/ProductController.php

<?php
  
namespace App\Http\Controllers;
  
use App\Models\Product;
use Illuminate\Http\Request;
  
class ProductController extends Controller
{
    /**
     * Display a listing of the resource.
     *
     * @return \Illuminate\Http\Response
     */
    public function index()
    {
        Product::create([
            'name' => 'silver',
            'detail' => 'This is silver'
        ]);
  
        dd('done');
    }
}

<?php

namespace App\Http\Controllers;

use App\Models\Product;

use Illuminate\Http\Request;

class ProductController extends Controller

{

/**

* Display a listing of the resource.

* @return \Illuminate\Http\Response

public function index()

{

Product::create([

'name' => 'silver',

'detail' => 'This is silver'

]);

dd('done');

}

Please view the log file to check output

Updating and Updated Event

app/Http/Controllers/ProductController.php

<?php
  
namespace App\Http\Controllers;
  
use App\Models\Product;
use Illuminate\Http\Request;
  
class ProductController extends Controller
{
    /**
     * Display a listing of the resource.
     *
     * @return \Illuminate\Http\Response
     */
    public function index()
    {
        Product::find(5)->update([
            'name' => 'silver updated',
            'detail' => 'This is silver'
        ]);
   
        dd('done');
    }
}

<?php

namespace App\Http\Controllers;

use App\Models\Product;

use Illuminate\Http\Request;

class ProductController extends Controller

{

/**

* Display a listing of the resource.

* @return \Illuminate\Http\Response

public function index()

{

Product::find(5)->update([

'name' => 'silver updated',

'detail' => 'This is silver'

]);

dd('done');

}

Please view the log file to check output

Delete Record: Deleted Event

app/Http/Controllers/ProductController.php

<?php
  
namespace App\Http\Controllers;
  
use App\Models\Product;
use Illuminate\Http\Request;
  
class ProductController extends Controller
{
    /**
     * Display a listing of the resource.
     *
     * @return \Illuminate\Http\Response
     */
    public function index()
    {
        Product::find(5)->delete();
   
        dd('done');
    }
}

<?php

namespace App\Http\Controllers;

use App\Models\Product;

use Illuminate\Http\Request;

class ProductController extends Controller

{

/**

* Display a listing of the resource.

* @return \Illuminate\Http\Response

public function index()

{

Product::find(5)->delete();

dd('done');

}

Please view the log file to check output

Laravel 8 Factory Tinker Example Tutorial

In this Laravel 8 Factory Tinker Example Tutorial I will show you how to generate and insert dummy or fake records in your database table using laravel factory tinker in laravel 8 application.In this tutorial you will learn how to generate fake records in laravel using laravel factory tinker. You will also learn how to use laravel factory tinker. With Laravel factory tinker, you can generate bulk amount of records and insert into the database. In this tutorial you will also learn to use PHP Faker library in laravel to generate fake data. PHP Faker is a powerful PHP library that helps you to generate fake data for while developing new application.

In Laravel 8 we will be using “laravel/tinker” composer package to generate dummy records. Laravel 8 comes with “laravel/tinker” package. In database/factories folder you can add your different factory for different model.

Laravel 8 Factory Tinker Example Tutorial

In this step by step tutorial I will demonstrate you how to generate and insert dummy or fake records in your database table using laravel factory tinker. Please follow the instruction given below:

Install Laravel 8

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

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

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

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=lara8blog
DB_USERNAME=root
DB_PASSWORD=

DB_CONNECTION=mysql

DB_HOST=127.0.0.1

DB_PORT=3306

DB_DATABASE=lara8blog

DB_USERNAME=root

DB_PASSWORD=

Generate Model & Run Migration

Now, in this step we will create model and migration file. Please run the following command:

php artisan make:model Product -m

1	php artisan make:model Product -m

Once above command is executed there will be a migration file created inside database/migrations/ directory, just open migration file and update the function up() method as following:

<?php


use Illuminate\Database\Migrations\Migration;

use Illuminate\Database\Schema\Blueprint;

use Illuminate\Support\Facades\Schema;


class CreateProductsTable extends Migration

{

    /**

     * Run the migrations.

     *

     * @return void

     */

    public function up()

    {

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

            $table->id();

            $table->string('name');

            $table->text('detail');

            $table->timestamps();

        });

    }


    /**

     * Reverse the migrations.

     *

     * @return void

     */

    public function down()

    {

        Schema::dropIfExists('products');

    }

}

<?php

use Illuminate\Database\Migrations\Migration;

use Illuminate\Database\Schema\Blueprint;

use Illuminate\Support\Facades\Schema;

class CreateProductsTable extends Migration

{

/**

* Run the migrations.

* @return void

public function up()

{

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

$table->id();

$table->string('name');

$table->text('detail');

$table->timestamps();

});

}

/**

* Reverse the migrations.

* @return void

public function down()

{

Schema::dropIfExists('products');

}

Now, go to app/Product.php and open Product model file and put the below code.

app/Models/Product.php

<?php


namespace App\Models;


use Illuminate\Database\Eloquent\Factories\HasFactory;

use Illuminate\Database\Eloquent\Model;


class Product extends Model

{

    use HasFactory;


    /**

     * The attributes that are mass assignable.

     *

     * @var array

     */

    protected $fillable = [

        'name', 'detail'

    ];

}

<?php

namespace App\Models;

use Illuminate\Database\Eloquent\Factories\HasFactory;

use Illuminate\Database\Eloquent\Model;

class Product extends Model

{

use HasFactory;

/**

* The attributes that are mass assignable.

* @var array

protected $fillable = [

'name', 'detail'

];

}

Create Custom Factory:

In this step you need to create a custom factory class using following artisan command:

php artisan make:factory ProductFactory --model=Product

1	php artisan make:factory ProductFactory --model=Product

Now open database\factories\ProductFactory.php file and put the following code in it:

database\factories\ProductFactory.php

<?php
  
namespace Database\Factories;
  
use App\Models\Product;
use Illuminate\Database\Eloquent\Factories\Factory;
use Illuminate\Support\Str;
  
class ProductFactory extends Factory
{
    /**
     * The name of the factory's corresponding model.
     *
     * @var string
     */
    protected $model = Product::class;
  
    /**
     * Define the model's default state.
     *
     * @return array
     */
    public function definition()
    {
        return [
            'name' => $this->faker->name,
            'slug' => Str::slug($this->faker->name),
            'detail' => $this->faker->text,
        ];
    }
}

<?php

namespace Database\Factories;

use App\Models\Product;

use Illuminate\Database\Eloquent\Factories\Factory;

use Illuminate\Support\Str;

class ProductFactory extends Factory

{

/**

* The name of the factory's corresponding model.

* @var string

protected $model = Product::class;

/**

* Define the model's default state.

* @return array

public function definition()

{

return [

'name' => $this->faker->name,

'slug' => Str::slug($this->faker->name),

'detail' => $this->faker->text,

];

}

Now, run following command in termina:

composer dump-autoload

1	composer dump-autoload

Generate Dummy Records with Factory Tinker

FInally we will be creating test data and seed them into the Product table. Use the following command:

php artisan tinker
Product::factory()->count(500)->create()

1 2	php artisan tinker Product::factory()->count(500)->create()

Laravel 8 Firebase Web Push Notification Example

In this Laravel Firebase Web Push Notification Example tutorial, I’ll show you how to integrate and send web push notification using Firebase in laravel 8 application. In this tutorial you will learn integrate Firebase and send web push notification using Firebase in laravel project. In this article I will share example to integrate Firebase web push notification in laravel.

Laravel 8 Firebase Web Push Notification Example

In this step by step tutorial I will demonstrate you the process to integrate Firebase and to send web push notification in laravel. Please follow the instruction given below:

Step 1: Create Firebase Project and App

First of all you need to visit Firebase Console and create a project. then you have to create web app on that project. Then copy firebase configuration details.

Step 2: Install Laravel

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

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

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

Step 3: Create Auth using scaffold

Now, we will create auth scaffold using following command:

Laravel UI Package

composer require laravel/ui

1	composer require laravel/ui

Generate auth

php artisan ui bootstrap --auth 
npm install
npm run dev

php artisan ui bootstrap --auth

npm install

npm run dev

Step 4: Create Migration and Update Model

In this step we will create migration file to add “device_token” in users table. Please run the following command:

php artisan make:migration add_column_device_token

1	php artisan make:migration add_column_device_token

database/migrations/2020_10_23_144523_add_column_device_token.php

<?php
  
use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;
  
class AddColumnDeviceToken extends Migration
{
    /**
     * Run the migrations.
     *
     * @return void
     */
    public function up()
    {
        Schema::table('users', function (Blueprint $table) {
            $table->string('device_token')->nullable();
        });
    }
  
    /**
     * Reverse the migrations.
     *
     * @return void
     */
    public function down()
    {
           
    }
}

<?php

use Illuminate\Database\Migrations\Migration;

use Illuminate\Database\Schema\Blueprint;

use Illuminate\Support\Facades\Schema;

class AddColumnDeviceToken extends Migration

{

/**

* Run the migrations.

* @return void

public function up()

{

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

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

});

}

/**

* Reverse the migrations.

* @return void

public function down()

{

}

app/Models/User.php

<?php
  
namespace App\Models;
  
use Illuminate\Contracts\Auth\MustVerifyEmail;
use Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Foundation\Auth\User as Authenticatable;
use Illuminate\Notifications\Notifiable;
  
class User extends Authenticatable
{
    use HasFactory, Notifiable;
  
    /**
     * The attributes that are mass assignable.
     *
     * @var array
     */
    protected $fillable = [
        'name',
        'email',
        'password',
        'device_token'
    ];
  
    /**
     * The attributes that should be hidden for arrays.
     *
     * @var array
     */
    protected $hidden = [
        'password',
        'remember_token',
    ];
  
    /**
     * The attributes that should be cast to native types.
     *
     * @var array
     */
    protected $casts = [
        'email_verified_at' => 'datetime',
    ];
}

<?php

namespace App\Models;

use Illuminate\Contracts\Auth\MustVerifyEmail;

use Illuminate\Database\Eloquent\Factories\HasFactory;

use Illuminate\Foundation\Auth\User as Authenticatable;

use Illuminate\Notifications\Notifiable;

class User extends Authenticatable

{

use HasFactory, Notifiable;

/**

* The attributes that are mass assignable.

* @var array

protected $fillable = [

'name',

'email',

'password',

'device_token'

];

/**

* The attributes that should be hidden for arrays.

* @var array

protected $hidden = [

'password',

'remember_token',

];

/**

* The attributes that should be cast to native types.

* @var array

protected $casts = [

'email_verified_at' => 'datetime',

];

}

Now, run the migration to create database table using following artisan command:

php artisan migrate

1	php artisan migrate

Step 5: Create Route

Now we need to define routes in “routes/web.php” file. Lets open “routes/web.php” file and add the following routes in it.

routes/web.php

<?php
  
use Illuminate\Support\Facades\Route;
  
/*
|--------------------------------------------------------------------------
| Web Routes
|--------------------------------------------------------------------------
|
| Here is where you can register web routes for your application. These
| routes are loaded by the RouteServiceProvider within a group which
| contains the "web" middleware group. Now create something great!
|
*/
  
Route::get('/', function () {
    return view('welcome');
});
  
Auth::routes();
   
Route::get('/home', [App\Http\Controllers\HomeController::class, 'index'])->name('home');
Route::post('/save-token', [App\Http\Controllers\HomeController::class, 'saveToken'])->name('save-token');
Route::post('/send-notification', [App\Http\Controllers\HomeController::class, 'sendNotification'])->name('send.notification');

<?php

use Illuminate\Support\Facades\Route;

|--------------------------------------------------------------------------

| Web Routes

|--------------------------------------------------------------------------

| Here is where you can register web routes for your application. These

| routes are loaded by the RouteServiceProvider within a group which

| contains the "web" middleware group. Now create something great!

Route::get('/', function () {

return view('welcome');

});

Auth::routes();

Route::get('/home', [App\Http\Controllers\HomeController::class, 'index'])->name('home');

Route::post('/save-token', [App\Http\Controllers\HomeController::class, 'saveToken'])->name('save-token');

Route::post('/send-notification', [App\Http\Controllers\HomeController::class, 'sendNotification'])->name('send.notification');

Step 6: Add Method on Controller

Now add following methods in HomeController:

app/Http/Controllers/HomeController.php

<?php
  
namespace App\Http\Controllers;
  
use Illuminate\Http\Request;
use App\Models\User;
  
class HomeController extends Controller
{
    /**
     * Create a new controller instance.
     *
     * @return void
     */
    public function __construct()
    {
        $this->middleware('auth');
    }
  
    /**
     * Show the application dashboard.
     *
     * @return \Illuminate\Contracts\Support\Renderable
     */
    public function index()
    {
        return view('home');
    }
  
    /** 
     * Write code on Method
     *
     * @return response()
     */
    public function saveToken(Request $request)
    {
        auth()->user()->update(['device_token'=>$request->token]);
        return response()->json(['token saved successfully.']);
    }
  
    /**
     * Write code on Method
     *
     * @return response()
     */
    public function sendNotification(Request $request)
    {
        $firebaseToken = User::whereNotNull('device_token')->pluck('device_token')->all();
          
        $SERVER_API_KEY = 'XXXXXX';
  
        $data = [
            "registration_ids" => $firebaseToken,
            "notification" => [
                "title" => $request->title,
                "body" => $request->body,  
            ]
        ];
        $dataString = json_encode($data);
    
        $headers = [
            'Authorization: key=' . $SERVER_API_KEY,
            'Content-Type: application/json',
        ];
    
        $ch = curl_init();
      
        curl_setopt($ch, CURLOPT_URL, 'https://fcm.googleapis.com/fcm/send');
        curl_setopt($ch, CURLOPT_POST, true);
        curl_setopt($ch, CURLOPT_HTTPHEADER, $headers);
        curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false);
        curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
        curl_setopt($ch, CURLOPT_POSTFIELDS, $dataString);
               
        $response = curl_exec($ch);
  
        dd($response);
    }
}

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

use App\Models\User;

class HomeController extends Controller

{

/**

* Create a new controller instance.

* @return void

public function __construct()

{

$this->middleware('auth');

}

/**

* Show the application dashboard.

* @return \Illuminate\Contracts\Support\Renderable

public function index()

{

return view('home');

}

/**

* Write code on Method

* @return response()

public function saveToken(Request $request)

{

auth()->user()->update(['device_token'=>$request->token]);

return response()->json(['token saved successfully.']);

}

/**

* Write code on Method

* @return response()

public function sendNotification(Request $request)

{

$firebaseToken = User::whereNotNull('device_token')->pluck('device_token')->all();

$SERVER_API_KEY = 'XXXXXX';

$data = [

"registration_ids" => $firebaseToken,

"notification" => [

"title" => $request->title,

"body" => $request->body,

]

];

$dataString = json_encode($data);

$headers = [

'Authorization: key=' . $SERVER_API_KEY,

'Content-Type: application/json',

];

$ch = curl_init();

curl_setopt($ch, CURLOPT_URL, 'https://fcm.googleapis.com/fcm/send');

curl_setopt($ch, CURLOPT_POST, true);

curl_setopt($ch, CURLOPT_HTTPHEADER, $headers);

curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false);

curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);

curl_setopt($ch, CURLOPT_POSTFIELDS, $dataString);

$response = curl_exec($ch);

dd($response);

}

Step 7: Update Blade File

Now we have to update home.blade.php file to send notification and allow notification button.

resources/views/home.blade.php

@extends('layouts.app')
   
@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-8">
            <center>
                <button id="btn-nft-enable" onclick="initFirebaseMessagingRegistration()" class="btn btn-danger btn-xs btn-flat">Allow for Notification</button>
            </center>
            <div class="card">
                <div class="card-header">{{ __('Dashboard') }}</div>
  
                <div class="card-body">
                    @if (session('status'))
                        <div class="alert alert-success" role="alert">
                            {{ session('status') }}
                        </div>
                    @endif
  
                    <form action="{{ route('send.notification') }}" method="POST">
                        @csrf
                        <div class="form-group">
                            <label>Title</label>
                            <input type="text" class="form-control" name="title">
                        </div>
                        <div class="form-group">
                            <label>Body</label>
                            <textarea class="form-control" name="body"></textarea>
                          </div>
                        <button type="submit" class="btn btn-primary">Send Notification</button>
                    </form>
  
                </div>
            </div>
        </div>
    </div>
</div>
  
<script src="https://www.gstatic.com/firebasejs/7.23.0/firebase.js"></script>
<script>
  
    var firebaseConfig = {
        apiKey: "XXXX",
        authDomain: "XXXX.firebaseapp.com",
        databaseURL: "https://XXXX.firebaseio.com",
        projectId: "XXXX",
        storageBucket: "XXXX",
        messagingSenderId: "XXXX",
        appId: "XXXX",
        measurementId: "XXX"
    };
      
    firebase.initializeApp(firebaseConfig);
    const messaging = firebase.messaging();
  
    function initFirebaseMessagingRegistration() {
            messaging
            .requestPermission()
            .then(function () {
                return messaging.getToken()
            })
            .then(function(token) {
                console.log(token);
   
                $.ajaxSetup({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    }
                });
  
                $.ajax({
                    url: '{{ route("save-token") }}',
                    type: 'POST',
                    data: {
                        token: token
                    },
                    dataType: 'JSON',
                    success: function (response) {
                        alert('Token saved successfully.');
                    },
                    error: function (err) {
                        console.log('User Chat Token Error'+ err);
                    },
                });
  
            }).catch(function (err) {
                console.log('User Chat Token Error'+ err);
            });
     }  
      
    messaging.onMessage(function(payload) {
        const noteTitle = payload.notification.title;
        const noteOptions = {
            body: payload.notification.body,
            icon: payload.notification.icon,
        };
        new Notification(noteTitle, noteOptions);
    });
   
</script>
@endsection

100

101

@extends('layouts.app')

@section('content')

<button id="btn-nft-enable" onclick="initFirebaseMessagingRegistration()" class="btn btn-danger btn-xs btn-flat">Allow for Notification</button>

</center>

<div class="card-header">{{ __('Dashboard') }}</div>

@if (session('status'))

</div>

@endif

@csrf

<label>Title</label>

</div>

</div>

<button type="submit" class="btn btn-primary">Send Notification</button>

</form>

</div>

var firebaseConfig = {

apiKey: "XXXX",

authDomain: "XXXX.firebaseapp.com",

databaseURL: "https://XXXX.firebaseio.com",

projectId: "XXXX",

storageBucket: "XXXX",

messagingSenderId: "XXXX",

appId: "XXXX",

measurementId: "XXX"

};

firebase.initializeApp(firebaseConfig);

const messaging = firebase.messaging();

function initFirebaseMessagingRegistration() {

messaging

.requestPermission()

.then(function () {

return messaging.getToken()

})

.then(function(token) {

console.log(token);

$.ajaxSetup({

headers: {

'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')

}

});

$.ajax({

url: '{{ route("save-token") }}',

type: 'POST',

data: {

token: token

dataType: 'JSON',

success: function (response) {

alert('Token saved successfully.');

error: function (err) {

console.log('User Chat Token Error'+ err);

});

}).catch(function (err) {

console.log('User Chat Token Error'+ err);

});

}

messaging.onMessage(function(payload) {

const noteTitle = payload.notification.title;

const noteOptions = {

body: payload.notification.body,

icon: payload.notification.icon,

};

new Notification(noteTitle, noteOptions);

});

</script>

@endsection

Step 8: Create firebase-messaging-sw.js File

We have to also create firebase-messaging-sw.js in public folder and put bellow code.

public/firebase-messaging-sw.js

/*
Give the service worker access to Firebase Messaging.
Note that you can only use Firebase Messaging here, other Firebase libraries are not available in the service worker.
*/
importScripts('https://www.gstatic.com/firebasejs/7.23.0/firebase-app.js');
importScripts('https://www.gstatic.com/firebasejs/7.23.0/firebase-messaging.js');
   
/*
Initialize the Firebase app in the service worker by passing in the messagingSenderId.
* New configuration for app@pulseservice.com
*/
firebase.initializeApp({
        apiKey: "XXXX",
        authDomain: "XXXX.firebaseapp.com",
        databaseURL: "https://XXXX.firebaseio.com",
        projectId: "XXXX",
        storageBucket: "XXXX",
        messagingSenderId: "XXXX",
        appId: "XXXX",
        measurementId: "XXX"
    });
  
/*
Retrieve an instance of Firebase Messaging so that it can handle background messages.
*/
const messaging = firebase.messaging();
messaging.setBackgroundMessageHandler(function(payload) {
    console.log(
        "[firebase-messaging-sw.js] Received background message ",
        payload,
    );
    /* Customize notification here */
    const notificationTitle = "Background Message Title";
    const notificationOptions = {
        body: "Background Message body.",
        icon: "/itwonders-web-logo.png",
    };
  
    return self.registration.showNotification(
        notificationTitle,
        notificationOptions,
    );
});

Give the service worker access to Firebase Messaging.

Note that you can only use Firebase Messaging here, other Firebase libraries are not available in the service worker.

importScripts('https://www.gstatic.com/firebasejs/7.23.0/firebase-app.js');

importScripts('https://www.gstatic.com/firebasejs/7.23.0/firebase-messaging.js');

Initialize the Firebase app in the service worker by passing in the messagingSenderId.

* New configuration for app@pulseservice.com

firebase.initializeApp({

apiKey: "XXXX",

authDomain: "XXXX.firebaseapp.com",

databaseURL: "https://XXXX.firebaseio.com",

projectId: "XXXX",

storageBucket: "XXXX",

messagingSenderId: "XXXX",

appId: "XXXX",

measurementId: "XXX"

});

Retrieve an instance of Firebase Messaging so that it can handle background messages.

const messaging = firebase.messaging();

messaging.setBackgroundMessageHandler(function(payload) {

console.log(

"[firebase-messaging-sw.js] Received background message ",

payload,

);

/* Customize notification here */

const notificationTitle = "Background Message Title";

const notificationOptions = {

body: "Background Message body.",

icon: "/itwonders-web-logo.png",

};

return self.registration.showNotification(

notificationTitle,

notificationOptions,

);

});

Run Development Server

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

Laravel 8 Fullcalendar with Create|Edit|Delete Event Example

In this Laravel 8 Fullcalendar with Create, Edit and Delete Event Example tutorial I’ll show you how to display, create, edit and delete events on the calendar using fullcalendar components in laravel 8 application. In this tutorial you will learn to display events on the calendar using fullcalendar in laravel 8. In this example, we will simply create a event crud application with fullcalender so you can easily create event, edit event and delete event. in this example we will create events table with start, edit date and title column. then you can add, edit and delete that event with database.

Laravel 8 Fullcalendar with Create, Edit and Delete Event Example tutorial

In this step by step tutorial I will demonstrate you how to show dynamic event calendar using fullcalendar in laravel 8. Please follow instruction given below:

Step 1: Install Laravel 8

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

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

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

Step 2: Create Migration and Model

Now, in this step we will create migration file. Please run the following command:

php artisan make:migration create_events_table

1	php artisan make:migration create_events_table

Open migration file and update the function up() method as following:

<?php
  
use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;
  
class CreateEventsTable extends Migration
{
    /**
     * Run the migrations.
     *
     * @return void
     */
    public function up()
    {
        Schema::create('events', function (Blueprint $table) {
            $table->id();
            $table->string('title');
            $table->date('start');
            $table->date('end');
            $table->timestamps();
        });
    }  
  
    /** 
     * Reverse the migrations.
     *
     * @return void
     */
    public function down()
    {
        Schema::dropIfExists('events');
    }
}

<?php

use Illuminate\Database\Migrations\Migration;

use Illuminate\Database\Schema\Blueprint;

use Illuminate\Support\Facades\Schema;

class CreateEventsTable extends Migration

{

/**

* Run the migrations.

* @return void

public function up()

{

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

$table->id();

$table->string('title');

$table->date('start');

$table->date('end');

$table->timestamps();

});

}

/**

* Reverse the migrations.

* @return void

public function down()

{

Schema::dropIfExists('events');

}

Now, run the migration to create database table using following artisan command:

php artisan migrate

1	php artisan migrate

Now, in this step we will create and open a model file:

app/Models/Event.php

<?php
  
namespace App\Models;
  
use Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Database\Eloquent\Model;
  
class Event extends Model
{
    use HasFactory;
  
    protected $fillable = [
        'title', 'start', 'end'
    ];
}

<?php

namespace App\Models;

use Illuminate\Database\Eloquent\Factories\HasFactory;

use Illuminate\Database\Eloquent\Model;

class Event extends Model

{

use HasFactory;

protected $fillable = [

'title', 'start', 'end'

];

}

Step 3: Create Routes

Now we need to define routes in “routes/web.php” file. Lets open “routes/web.php” file and add the following routes in it.

routes/web.php

<?php
  
use Illuminate\Support\Facades\Route;
  
use App\Http\Controllers\FullCalenderController;
  
/*
|--------------------------------------------------------------------------
| Web Routes
|--------------------------------------------------------------------------
|
| Here is where you can register web routes for your application. These
| routes are loaded by the RouteServiceProvider within a group which
| contains the "web" middleware group. Now create something great!
|
*/
  
Route::get('fullcalender', [FullCalenderController::class, 'index']);
Route::post('fullcalenderAjax', [FullCalenderController::class, 'ajax']);

<?php

use Illuminate\Support\Facades\Route;

use App\Http\Controllers\FullCalenderController;

|--------------------------------------------------------------------------

| Web Routes

|--------------------------------------------------------------------------

| Here is where you can register web routes for your application. These

| routes are loaded by the RouteServiceProvider within a group which

| contains the "web" middleware group. Now create something great!

Route::get('fullcalender', [FullCalenderController::class, 'index']);

Route::post('fullcalenderAjax', [FullCalenderController::class, 'ajax']);

Step 4: Create Controller File

Now, lets create a controller named FullCalenderController using command given below –

php artisan make:controller FullCalenderController

1	php artisan make:controller FullCalenderController

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

app/Http/Controllers/FullCalenderController.php

<?php
  
namespace App\Http\Controllers;
  
use Illuminate\Http\Request;
use App\Models\Event;
  
class FullCalenderController extends Controller
{
    /**
     * Write code on Method
     *
     * @return response()
     */
    public function index(Request $request)
    {
  
        if($request->ajax()) {
       
             $data = Event::whereDate('start', '>=', $request->start)
                       ->whereDate('end',   '<=', $request->end)
                       ->get(['id', 'title', 'start', 'end']);
  
             return response()->json($data);
        }
  
        return view('fullcalender');
    }
 
    /**
     * Write code on Method
     *
     * @return response()
     */
    public function ajax(Request $request)
    {
 
        switch ($request->type) {
           case 'add':
              $event = Event::create([
                  'title' => $request->title,
                  'start' => $request->start,
                  'end' => $request->end,
              ]);
 
              return response()->json($event);
             break;
  
           case 'update':
              $event = Event::find($request->id)->update([
                  'title' => $request->title,
                  'start' => $request->start,
                  'end' => $request->end,
              ]);
 
              return response()->json($event);
             break;
  
           case 'delete':
              $event = Event::find($request->id)->delete();
  
              return response()->json($event);
             break;
             
           default:
             # code...
             break;
        }
    }
}

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

use App\Models\Event;

class FullCalenderController extends Controller

{

/**

* Write code on Method

* @return response()

public function index(Request $request)

{

if($request->ajax()) {

$data = Event::whereDate('start', '>=', $request->start)

->whereDate('end', '<=', $request->end)

->get(['id', 'title', 'start', 'end']);

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

}

return view('fullcalender');

}

/**

* Write code on Method

* @return response()

public function ajax(Request $request)

{

switch ($request->type) {

case 'add':

$event = Event::create([

'title' => $request->title,

'start' => $request->start,

'end' => $request->end,

]);

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

break;

case 'update':

$event = Event::find($request->id)->update([

'title' => $request->title,

'start' => $request->start,

'end' => $request->end,

]);

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

break;

case 'delete':

$event = Event::find($request->id)->delete();

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

break;

default:

# code...

break;

}

Step 5: Create Blade File

In this step we will create a blade file. Go to app/resources/views and create one file name fullcalendar.blade.php

resources/views/fullcalender.blade.php

<!DOCTYPE html>
<html>
<head>
    <title>Laravel Fullcalender Tutorial Tutorial</title>
    <meta name="csrf-token" content="{{ csrf_token() }}">
  
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.9.0/fullcalendar.css" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.9.0/fullcalendar.js"></script>
  
    <script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css" />
</head>
<body>
  
<div class="container">
    <h1>Laravel FullCalender Tutorial Example</h1>
    <div id='calendar'></div>
</div>
   
<script>
$(document).ready(function () {
   
var SITEURL = "{{ url('/') }}";
  
$.ajaxSetup({
    headers: {
    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    }
});
  
var calendar = $('#calendar').fullCalendar({
                    editable: true,
                    events: SITEURL + "/fullcalender",
                    displayEventTime: false,
                    editable: true,
                    eventRender: function (event, element, view) {
                        if (event.allDay === 'true') {
                                event.allDay = true;
                        } else {
                                event.allDay = false;
                        }
                    },
                    selectable: true,
                    selectHelper: true,
                    select: function (start, end, allDay) {
                        var title = prompt('Event Title:');
                        if (title) {
                            var start = $.fullCalendar.formatDate(start, "Y-MM-DD");
                            var end = $.fullCalendar.formatDate(end, "Y-MM-DD");
                            $.ajax({
                                url: SITEURL + "/fullcalenderAjax",
                                data: {
                                    title: title,
                                    start: start,
                                    end: end,
                                    type: 'add'
                                },
                                type: "POST",
                                success: function (data) {
                                    displayMessage("Event Created Successfully");
  
                                    calendar.fullCalendar('renderEvent',
                                        {
                                            id: data.id,
                                            title: title,
                                            start: start,
                                            end: end,
                                            allDay: allDay
                                        },true);
  
                                    calendar.fullCalendar('unselect');
                                }
                            });
                        }
                    },
                    eventDrop: function (event, delta) {
                        var start = $.fullCalendar.formatDate(event.start, "Y-MM-DD");
                        var end = $.fullCalendar.formatDate(event.end, "Y-MM-DD");
  
                        $.ajax({
                            url: SITEURL + '/fullcalenderAjax',
                            data: {
                                title: event.title,
                                start: start,
                                end: end,
                                id: event.id,
                                type: 'update'
                            },
                            type: "POST",
                            success: function (response) {
                                displayMessage("Event Updated Successfully");
                            }
                        });
                    },
                    eventClick: function (event) {
                        var deleteMsg = confirm("Do you really want to delete?");
                        if (deleteMsg) {
                            $.ajax({
                                type: "POST",
                                url: SITEURL + '/fullcalenderAjax',
                                data: {
                                        id: event.id,
                                        type: 'delete'
                                },
                                success: function (response) {
                                    calendar.fullCalendar('removeEvents', event.id);
                                    displayMessage("Event Deleted Successfully");
                                }
                            });
                        }
                    }
 
                });
 
});
 
function displayMessage(message) {
    toastr.success(message, 'Event');
} 
  
</script>
  
</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

<!DOCTYPE html>

<html>

<head>

<title>Laravel Fullcalender Tutorial Tutorial</title>

</head>

<body>

<h1>Laravel FullCalender Tutorial Example</h1>

</div>

$(document).ready(function () {

var SITEURL = "{{ url('/') }}";

$.ajaxSetup({

headers: {

'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')

}

});

var calendar = $('#calendar').fullCalendar({

editable: true,

events: SITEURL + "/fullcalender",

displayEventTime: false,

editable: true,

eventRender: function (event, element, view) {

if (event.allDay === 'true') {

event.allDay = true;

} else {

event.allDay = false;

}

selectable: true,

selectHelper: true,

select: function (start, end, allDay) {

var title = prompt('Event Title:');

if (title) {

var start = $.fullCalendar.formatDate(start, "Y-MM-DD");

var end = $.fullCalendar.formatDate(end, "Y-MM-DD");

$.ajax({

url: SITEURL + "/fullcalenderAjax",

data: {

title: title,

start: start,

end: end,

type: 'add'

type: "POST",

success: function (data) {

displayMessage("Event Created Successfully");

calendar.fullCalendar('renderEvent',

{

id: data.id,

title: title,

start: start,

end: end,

allDay: allDay

},true);

calendar.fullCalendar('unselect');

}

});

}

eventDrop: function (event, delta) {

var start = $.fullCalendar.formatDate(event.start, "Y-MM-DD");

var end = $.fullCalendar.formatDate(event.end, "Y-MM-DD");

$.ajax({

url: SITEURL + '/fullcalenderAjax',

data: {

title: event.title,

start: start,

end: end,

id: event.id,

type: 'update'

type: "POST",

success: function (response) {

displayMessage("Event Updated Successfully");

}

});

eventClick: function (event) {

var deleteMsg = confirm("Do you really want to delete?");

if (deleteMsg) {

$.ajax({

type: "POST",

url: SITEURL + '/fullcalenderAjax',

data: {

id: event.id,

type: 'delete'

success: function (response) {

calendar.fullCalendar('removeEvents', event.id);

displayMessage("Event Deleted Successfully");

}

});

}

});

function displayMessage(message) {

toastr.success(message, 'Event');

}

</script>

</body>

</html>

Step 6: Run Development Server

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/fullcalendar

1	http://localhost:8000/fullcalendar

Laravel 8 Sanctum API Authentication Tutorial

In this Laravel 8 Sanctum API Authentication Tutorial I will show you how to create REST API for Simple CRUD application with Sanctum authentication In laravel. In this tutorial you will learn to create rest api for simple crud operation with Sanctum authentication In laravel 8 application. In this article I will share example to create rest api with sanctum authentication in laravel. I will also show you how to install sanctum auth package in laravel. After installing and configure sanctum authentication in laravel we will create simple crud operation rest api for product application.

Laravel 8 Sanctum API Authentication Tutorial

With this tutorial you learn to create fully functional restful API with sanctum authentication in Laravel 8. We will be creating fully functional REST API along with sanctum Authentication.

Step 1: Install Laravel 8

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

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

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

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=lara8blog
DB_USERNAME=root
DB_PASSWORD=

DB_CONNECTION=mysql

DB_HOST=127.0.0.1

DB_PORT=3306

DB_DATABASE=lara8blog

DB_USERNAME=root

DB_PASSWORD=

Step 2: Use Sanctum

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

composer require laravel/sanctum

1	composer require laravel/sanctum

After installing package, we have to publish configuration file.

php artisan vendor:publish --provider="Laravel\Sanctum\SanctumServiceProvider"

1	php artisan vendor:publish --provider="Laravel\Sanctum\SanctumServiceProvider"

Now, run following command to migrate database schema along with sanctum tables in our database.

php artisan migrate

1	php artisan migrate

Now, add middleware for sanctum api.

app/Http/Kernel.php

....
  
'api' => [
    \Laravel\Sanctum\Http\Middleware\EnsureFrontendRequestsAreStateful::class,
    'throttle:api',
    \Illuminate\Routing\Middleware\SubstituteBindings::class,
],
  
....

....

'api' => [

\Laravel\Sanctum\Http\Middleware\EnsureFrontendRequestsAreStateful::class,

'throttle:api',

\Illuminate\Routing\Middleware\SubstituteBindings::class,

....

Step 3: Sanctum Configuration

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

app/Models/User.php

<?php
  
namespace App\Models;
  
use Illuminate\Contracts\Auth\MustVerifyEmail;
use Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Foundation\Auth\User as Authenticatable;
use Illuminate\Notifications\Notifiable;
use Laravel\Sanctum\HasApiTokens;
  
class User extends Authenticatable
{
    use HasFactory, Notifiable, HasApiTokens;
  
    /**
     * 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',
    ];
  
    /**
     * The attributes that should be cast to native types.
     *
     * @var array
     */
    protected $casts = [
        'email_verified_at' => 'datetime',
    ];
}

<?php

namespace App\Models;

use Illuminate\Contracts\Auth\MustVerifyEmail;

use Illuminate\Database\Eloquent\Factories\HasFactory;

use Illuminate\Foundation\Auth\User as Authenticatable;

use Illuminate\Notifications\Notifiable;

use Laravel\Sanctum\HasApiTokens;

class User extends Authenticatable

{

use HasFactory, Notifiable, HasApiTokens;

/**

* 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',

];

/**

* The attributes that should be cast to native types.

* @var array

protected $casts = [

'email_verified_at' => 'datetime',

];

}

Step 4: Add Product Table and Model

Now, in this step we will create migration file. Please run the following command:

php artisan make:migration create_products_table

1	php artisan make:migration create_products_table

Now open migration file and update the function up() method as following:

<?php


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


class CreateProductsTable extends Migration
{
    /**
     * Run the migrations.
     *
     * @return void
     */
    public function up()
    {
        Schema::create('products', function (Blueprint $table) {
            $table->id();
            $table->string('name');
            $table->text('detail');
            $table->timestamps();
        });
    }


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

<?php

use Illuminate\Support\Facades\Schema;

use Illuminate\Database\Schema\Blueprint;

use Illuminate\Database\Migrations\Migration;

class CreateProductsTable extends Migration

{

/**

* Run the migrations.

* @return void

public function up()

{

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

$table->id();

$table->string('name');

$table->text('detail');

$table->timestamps();

});

}

/**

* Reverse the migrations.

* @return void

public function down()

{

Schema::dropIfExists('products');

}

Now, run the migration to create database table using following artisan command:

php artisan migrate

1	php artisan migrate

Lets Create “products” table and then create a model file app/Models/Product.php and put following code in it:

app/Models/Product.php

<?php
  
namespace App\Models;
  
use Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Database\Eloquent\Model;
  
class Product extends Model
{
    use HasFactory;
  
    /**
     * The attributes that are mass assignable.
     *
     * @var array
     */
    protected $fillable = [
        'name', 'detail'
    ];
}

<?php

namespace App\Models;

use Illuminate\Database\Eloquent\Factories\HasFactory;

use Illuminate\Database\Eloquent\Model;

class Product extends Model

{

use HasFactory;

/**

* The attributes that are mass assignable.

* @var array

protected $fillable = [

'name', 'detail'

];

}

Step 5: Create API Routes

Now we will need to define crud operation rest api resource routes along with auth routes. Go to the routes directory and open api.php. Then put the following routes into api.php file:

routes/api.php

<?php
  
use Illuminate\Http\Request;
use Illuminate\Support\Facades\Route;
  
use App\Http\Controllers\API\RegisterController;
use App\Http\Controllers\API\ProductController;
  
/*
|--------------------------------------------------------------------------
| API Routes
|--------------------------------------------------------------------------
|
| Here is where you can register API routes for your application. These
| routes are loaded by the RouteServiceProvider within a group which
| is assigned the "api" middleware group. Enjoy building your API!
|
*/
  
Route::post('register', [RegisterController::class, 'register']);
Route::post('login', [RegisterController::class, 'login']);
     
Route::middleware('auth:sanctum')->group( function () {
    Route::resource('products', ProductController::class);
});

<?php

use Illuminate\Http\Request;

use Illuminate\Support\Facades\Route;

use App\Http\Controllers\API\RegisterController;

use App\Http\Controllers\API\ProductController;

|--------------------------------------------------------------------------

| API Routes

|--------------------------------------------------------------------------

| Here is where you can register API routes for your application. These

| routes are loaded by the RouteServiceProvider within a group which

| is assigned the "api" middleware group. Enjoy building your API!

Route::post('register', [RegisterController::class, 'register']);

Route::post('login', [RegisterController::class, 'login']);

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

Route::resource('products', ProductController::class);

});

Step 6: Create Controller Files

Now, lets create following controller files:

app/Http/Controllers/API/BaseController.php

<?php


namespace App\Http\Controllers\API;


use Illuminate\Http\Request;
use App\Http\Controllers\Controller as Controller;


class BaseController extends Controller
{
    /**
     * success response method.
     *
     * @return \Illuminate\Http\Response
     */
    public function sendResponse($result, $message)
    {
    	$response = [
            'success' => true,
            'data'    => $result,
            'message' => $message,
        ];


        return response()->json($response, 200);
    }


    /**
     * return error response.
     *
     * @return \Illuminate\Http\Response
     */
    public function sendError($error, $errorMessages = [], $code = 404)
    {
    	$response = [
            'success' => false,
            'message' => $error,
        ];


        if(!empty($errorMessages)){
            $response['data'] = $errorMessages;
        }


        return response()->json($response, $code);
    }
}

<?php

namespace App\Http\Controllers\API;

use Illuminate\Http\Request;

use App\Http\Controllers\Controller as Controller;

class BaseController extends Controller

{

/**

* success response method.

* @return \Illuminate\Http\Response

public function sendResponse($result, $message)

{

$response = [

'success' => true,

'data' => $result,

'message' => $message,

];

return response()->json($response, 200);

}

/**

* return error response.

* @return \Illuminate\Http\Response

public function sendError($error, $errorMessages = [], $code = 404)

{

$response = [

'success' => false,

'message' => $error,

];

if(!empty($errorMessages)){

$response['data'] = $errorMessages;

}

return response()->json($response, $code);

}

app/Http/Controllers/API/RegisterController.php

<?php
   
namespace App\Http\Controllers\API;
   
use Illuminate\Http\Request;
use App\Http\Controllers\API\BaseController as BaseController;
use App\Models\User;
use Illuminate\Support\Facades\Auth;
use Validator;
   
class RegisterController extends BaseController
{
    /**
     * Register api
     *
     * @return \Illuminate\Http\Response
     */
    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 $this->sendError('Validation Error.', $validator->errors());       
        }
   
        $input = $request->all();
        $input['password'] = bcrypt($input['password']);
        $user = User::create($input);
        $success['token'] =  $user->createToken('MyApp')->plainTextToken;
        $success['name'] =  $user->name;
   
        return $this->sendResponse($success, 'User register successfully.');
    }
   
    /**
     * Login api
     *
     * @return \Illuminate\Http\Response
     */
    public function login(Request $request)
    {
        if(Auth::attempt(['email' => $request->email, 'password' => $request->password])){ 
            $user = Auth::user(); 
            $success['token'] =  $user->createToken('MyApp')->plainTextToken; 
            $success['name'] =  $user->name;
   
            return $this->sendResponse($success, 'User login successfully.');
        } 
        else{ 
            return $this->sendError('Unauthorised.', ['error'=>'Unauthorised']);
        } 
    }
}

<?php

namespace App\Http\Controllers\API;

use Illuminate\Http\Request;

use App\Http\Controllers\API\BaseController as BaseController;

use App\Models\User;

use Illuminate\Support\Facades\Auth;

use Validator;

class RegisterController extends BaseController

{

/**

* Register api

* @return \Illuminate\Http\Response

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 $this->sendError('Validation Error.', $validator->errors());

}

$input = $request->all();

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

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

$success['token'] = $user->createToken('MyApp')->plainTextToken;

$success['name'] = $user->name;

return $this->sendResponse($success, 'User register successfully.');

}

/**

* Login api

* @return \Illuminate\Http\Response

public function login(Request $request)

{

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

$user = Auth::user();

$success['token'] = $user->createToken('MyApp')->plainTextToken;

$success['name'] = $user->name;

return $this->sendResponse($success, 'User login successfully.');

}

else{

return $this->sendError('Unauthorised.', ['error'=>'Unauthorised']);

}

app/Http/Controllers/API/ProductController.php

<?php
   
namespace App\Http\Controllers\API;
   
use Illuminate\Http\Request;
use App\Http\Controllers\API\BaseController as BaseController;
use App\Models\Product;
use Validator;
use App\Http\Resources\Product as ProductResource;
   
class ProductController extends BaseController
{
    /**
     * Display a listing of the resource.
     *
     * @return \Illuminate\Http\Response
     */
    public function index()
    {
        $products = Product::all();
    
        return $this->sendResponse(ProductResource::collection($products), 'Products retrieved successfully.');
    }
    /**
     * Store a newly created resource in storage.
     *
     * @param  \Illuminate\Http\Request  $request
     * @return \Illuminate\Http\Response
     */
    public function store(Request $request)
    {
        $input = $request->all();
   
        $validator = Validator::make($input, [
            'name' => 'required',
            'detail' => 'required'
        ]);
   
        if($validator->fails()){
            return $this->sendError('Validation Error.', $validator->errors());       
        }
   
        $product = Product::create($input);
   
        return $this->sendResponse(new ProductResource($product), 'Product created successfully.');
    } 
   
    /**
     * Display the specified resource.
     *
     * @param  int  $id
     * @return \Illuminate\Http\Response
     */
    public function show($id)
    {
        $product = Product::find($id);
  
        if (is_null($product)) {
            return $this->sendError('Product not found.');
        }
   
        return $this->sendResponse(new ProductResource($product), 'Product retrieved successfully.');
    }
    
    /**
     * Update the specified resource in storage.
     *
     * @param  \Illuminate\Http\Request  $request
     * @param  int  $id
     * @return \Illuminate\Http\Response
     */
    public function update(Request $request, Product $product)
    {
        $input = $request->all();
   
        $validator = Validator::make($input, [
            'name' => 'required',
            'detail' => 'required'
        ]);
   
        if($validator->fails()){
            return $this->sendError('Validation Error.', $validator->errors());       
        }
   
        $product->name = $input['name'];
        $product->detail = $input['detail'];
        $product->save();
   
        return $this->sendResponse(new ProductResource($product), 'Product updated successfully.');
    }
   
    /**
     * Remove the specified resource from storage.
     *
     * @param  int  $id
     * @return \Illuminate\Http\Response
     */
    public function destroy(Product $product)
    {
        $product->delete();
   
        return $this->sendResponse([], 'Product deleted successfully.');
    }
}

100

101

102

103

104

<?php

namespace App\Http\Controllers\API;

use Illuminate\Http\Request;

use App\Http\Controllers\API\BaseController as BaseController;

use App\Models\Product;

use Validator;

use App\Http\Resources\Product as ProductResource;

class ProductController extends BaseController

{

/**

* Display a listing of the resource.

* @return \Illuminate\Http\Response

public function index()

{

$products = Product::all();

return $this->sendResponse(ProductResource::collection($products), 'Products retrieved successfully.');

}

/**

* Store a newly created resource in storage.

* @param \Illuminate\Http\Request $request

* @return \Illuminate\Http\Response

public function store(Request $request)

{

$input = $request->all();

$validator = Validator::make($input, [

'name' => 'required',

'detail' => 'required'

]);

if($validator->fails()){

return $this->sendError('Validation Error.', $validator->errors());

}

$product = Product::create($input);

return $this->sendResponse(new ProductResource($product), 'Product created successfully.');

}

/**

* Display the specified resource.

* @param int $id

* @return \Illuminate\Http\Response

public function show($id)

{

$product = Product::find($id);

if (is_null($product)) {

return $this->sendError('Product not found.');

}

return $this->sendResponse(new ProductResource($product), 'Product retrieved successfully.');

}

/**

* Update the specified resource in storage.

* @param \Illuminate\Http\Request $request

* @param int $id

* @return \Illuminate\Http\Response

public function update(Request $request, Product $product)

{

$input = $request->all();

$validator = Validator::make($input, [

'name' => 'required',

'detail' => 'required'

]);

if($validator->fails()){

return $this->sendError('Validation Error.', $validator->errors());

}

$product->name = $input['name'];

$product->detail = $input['detail'];

$product->save();

return $this->sendResponse(new ProductResource($product), 'Product updated successfully.');

}

/**

* Remove the specified resource from storage.

* @param int $id

* @return \Illuminate\Http\Response

public function destroy(Product $product)

{

$product->delete();

return $this->sendResponse([], 'Product deleted successfully.');

}

Step 7: Create Eloquent API Resources

Now create new api resource using following artisan command:

php artisan make:resource Product

1	php artisan make:resource Product

app/Http/Resources/Product.php

<?php
  
namespace App\Http\Resources;
   
use Illuminate\Http\Resources\Json\JsonResource;
   
class Product extends JsonResource
{
    /**
     * Transform the resource into an array.
     *
     * @param  \Illuminate\Http\Request  $request
     * @return array
     */
    public function toArray($request)
    {
        return [
            'id' => $this->id,
            'name' => $this->name,
            'detail' => $this->detail,
            'created_at' => $this->created_at->format('d/m/Y'),
            'updated_at' => $this->updated_at->format('d/m/Y'),
        ];
    }
}

<?php

namespace App\Http\Resources;

use Illuminate\Http\Resources\Json\JsonResource;

class Product extends JsonResource

{

/**

* Transform the resource into an array.

* @param \Illuminate\Http\Request $request

* @return array

public function toArray($request)

{

return [

'id' => $this->id,

'name' => $this->name,

'detail' => $this->detail,

'created_at' => $this->created_at->format('d/m/Y'),

'updated_at' => $this->updated_at->format('d/m/Y'),

];

}

Run Development Server

Now we are ready to test crud operation restful api and sanctum auth api in laravel. Open command prompt and run the following command to start developement server:

php artisan serve

1	php artisan serve

make sure to use token with crud api

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

'headers' => [

'Accept' => 'application/json',

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

]

1) Register API: Verb:GET, URL:http://localhost:8000/api/register

2) Login API: Verb:GET, URL:http://localhost:8000/api/login.

3) Product List API: Verb:GET, URL:http://localhost:8000/api/products

4) Product Create API: Verb:POST, URL:http://localhost:8000/api/products

5) Product Show API: Verb:GET, URL:http://localhost:8000/api/products/{id}

6) Product Update API: Verb:PUT, URL:http://localhost:8000/api/products/{id}

7) Product Delete API: Verb:DELETE, URL:http://localhost:8000/api/products/{id}

Laravel 8 Model Observers Tutorial Example

In this Laravel 8 Model Observers Tutorial Example tutorial I will show you how model observers works and how to use model observers in larave 8. In this tutorial you will learn to use model observers in laravel 8. In this article I will help you understand how to use laravel 8 model observers. I will also show you what is observers in laravel 8. I will also share simple example of laravel 8 model observers. We will also be creating basic example of events and observers in laravel 8.

Laravel Model Observers

When you want to listen multiple events on a given model then you can use observers to group all of your listeners into a single class. Laravel Observers are simple classes with method names that reflect the Eloquent events you wish to listen for. Each of these methods receives the model as their only argument. Laravel Observers will listen event for model like create, update and delete.

In this step by step tutorial you will understand Laravel 8 Model Observers with example.

Laravel Eloquent Hook

Retrieved: after a record has been retrieved.
Creating: before a record has been created.
Created: after a record has been created.
Updating: before a record is updated.
Updated: after a record has been updated.
Saving: before a record is saved (either created orupdated).
Saved: after a record has been saved (either created orupdated).
Deleting: before a record is deleted or soft-deleted.
Deleted: after a record has been deleted or soft-deleted.
Restoring: before a soft-deleted record is going to berestored.
Restored: after a soft-deleted record has been restored.

Support we have a product model with name, slug, price and unique_id column. Now when I create one record with name an price only I want to generate slug from name and auto generate unique_id. Let’s see how to Model observers class will works:

app/Models/Product.php

<?php
  
namespace App\Models;
  
use Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Database\Eloquent\Model;
  
class Product extends Model
{
    use HasFactory;
  
    protected $fillable = [
        'name', 'price', 'slug', 'unique_id'
    ];
}

<?php

namespace App\Models;

use Illuminate\Database\Eloquent\Factories\HasFactory;

use Illuminate\Database\Eloquent\Model;

class Product extends Model

{

use HasFactory;

protected $fillable = [

'name', 'price', 'slug', 'unique_id'

];

}

Now, lets create observers class for Product model using following artisan command:

php artisan make:observer ProductObserver --model=Product

1	php artisan make:observer ProductObserver --model=Product

app/Observers/ProductObserver.php

<?php
  
namespace App\Observers;
  
use App\Models\Product;
  
class ProductObserver
{
  
    /**
     * Handle the Product "created" event.
     *
     * @param  \App\Models\Product  $product
     * @return void
     */
    public function creating(Product $product)
    {
        $product->slug = \Str::slug($product->name);
    }
  
    /**
     * Handle the Product "created" event.
     *
     * @param  \App\Models\Product  $product
     * @return void
     */
    public function created(Product $product)
    {
        $product->unique_id = 'PR-'.$product->id;
        $product->save();
    }
  
    /**
     * Handle the Product "updated" event.
     *
     * @param  \App\Models\Product  $product
     * @return void
     */
    public function updated(Product $product)
    {
          
    }
  
    /**
     * Handle the Product "deleted" event.
     *
     * @param  \App\Models\Product  $product
     * @return void
     */
    public function deleted(Product $product)
    {
          
    }
  
    /**
     * Handle the Product "restored" event.
     *
     * @param  \App\Models\Product  $product
     * @return void
     */
    public function restored(Product $product)
    {
          
    }
  
    /**
     * Handle the Product "force deleted" event.
     *
     * @param  \App\Models\Product  $product
     * @return void
     */
    public function forceDeleted(Product $product)
    {
          
    }
}

<?php

namespace App\Observers;

use App\Models\Product;

class ProductObserver

{

/**

* Handle the Product "created" event.

* @param \App\Models\Product $product

* @return void

public function creating(Product $product)

{

$product->slug = \Str::slug($product->name);

}

/**

* Handle the Product "created" event.

* @param \App\Models\Product $product

* @return void

public function created(Product $product)

{

$product->unique_id = 'PR-'.$product->id;

$product->save();

}

/**

* Handle the Product "updated" event.

* @param \App\Models\Product $product

* @return void

public function updated(Product $product)

{

}

/**

* Handle the Product "deleted" event.

* @param \App\Models\Product $product

* @return void

public function deleted(Product $product)

{

}

/**

* Handle the Product "restored" event.

* @param \App\Models\Product $product

* @return void

public function restored(Product $product)

{

}

/**

* Handle the Product "force deleted" event.

* @param \App\Models\Product $product

* @return void

public function forceDeleted(Product $product)

{

}

Now, we need to register observers class in provider.

app/Providers/EventServiceProvider.php

<?php
  
namespace App\Providers;
  
use Illuminate\Auth\Events\Registered;
use Illuminate\Auth\Listeners\SendEmailVerificationNotification;
use Illuminate\Foundation\Support\Providers\EventServiceProvider as ServiceProvider;
use Illuminate\Support\Facades\Event;
use App\Observers\ProductObserver;
use App\Models\Product;
  
class EventServiceProvider extends ServiceProvider
{
    /**
     * The event listener mappings for the application.
     *
     * @var array
     */
    protected $listen = [
        Registered::class => [
            SendEmailVerificationNotification::class,
        ],
    ];
  
    /**
     * Register any events for your application.
     *
     * @return void
     */
    public function boot()
    {
        Product::observe(ProductObserver::class);
    }
}

<?php

namespace App\Providers;

use Illuminate\Auth\Events\Registered;

use Illuminate\Auth\Listeners\SendEmailVerificationNotification;

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

use Illuminate\Support\Facades\Event;

use App\Observers\ProductObserver;

use App\Models\Product;

class EventServiceProvider extends ServiceProvider

{

/**

* The event listener mappings for the application.

* @var array

protected $listen = [

Registered::class => [

SendEmailVerificationNotification::class,

];

/**

* Register any events for your application.

* @return void

public function boot()

{

Product::observe(ProductObserver::class);

}

Create Demo Route

we need to define routes in “routes/web.php” file. Lets open “routes/web.php” file and add the following routes in it.

routes/web.php

<?php
use Illuminate\Support\Facades\Route;
use App\Http\Controllers\ProductController;
/*
|--------------------------------------------------------------------------
| Web Routes
|--------------------------------------------------------------------------
|
| Here is where you can register web routes for your application. These
| routes are loaded by the RouteServiceProvider within a group which
| contains the "web" middleware group. Now create something great!
|
*/  
Route::get('product', [ProductController::class, 'index']);

<?php

use Illuminate\Support\Facades\Route;

use App\Http\Controllers\ProductController;

|--------------------------------------------------------------------------

| Web Routes

|--------------------------------------------------------------------------

| Here is where you can register web routes for your application. These

| routes are loaded by the RouteServiceProvider within a group which

| contains the "web" middleware group. Now create something great!

Route::get('product', [ProductController::class, 'index']);

Create Controller:

Now, lets create a controller named ProductController using command given below –

php artisan make:controller <strong>ProductController</strong>

1	php artisan make:controller <strong>ProductController</strong>

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

app/Http/Controllers/ProductController.php

<?php
  
namespace App\Http\Controllers;
  
use App\Models\Product;
use Illuminate\Http\Request;
  
class ProductController extends Controller
{
    /**
     * Display a listing of the resource.
     *
     * @return \Illuminate\Http\Response
     */
    public function index()
    {  
        $product = Product::create([
            'name' => 'Platinum 1',
            'price' => 10
        ]);
        dd($product);
    }
}

<?php

namespace App\Http\Controllers;

use App\Models\Product;

use Illuminate\Http\Request;

class ProductController extends Controller

{

/**

* Display a listing of the resource.

* @return \Illuminate\Http\Response

public function index()

{

$product = Product::create([

'name' => 'Platinum 1',

'price' => 10

]);

dd($product);

}

Laravel 8 Install Bootstrap Example Tutorial

Install Laravel/UI

Install Bootstrap 4 In laravel 8

Install Bootstrap Auth Scaffolding

Install Bootstrap Packages

How to use Bootstrap in Laravel Blade Template

Install Laravel 8

Install Laravel UI

Install Vue

Install Vue with Auth

Install Required Packages

Laravel 8 Install React Example Tutorial

Install Laravel 8

Install Laravel UI

Install React

Install React with Auth

Install Required Packages

How to Create Custom Error Page in Laravel 8

Custom Error Pages in Laravel 8

Create 404 View File Create 500 View File

Laravel Create Custom 404 View File

Laravel Create Custom 500 View File

Laravel 8 Multi Auth (Authentication) Tutorial

Step 1: Install Laravel 8

Step 2: Database Configuration

Step 3: Update Migration and Model

Step 4: Create Auth using scaffold

Laravel 8 UI Package

Generate auth

Step 5: Create IsAdmin Middleware

Step 6: Create Route

Step 7: Add Method on Controller

Step 8: Create Blade file

Step 9: Update on LoginController

Step 10: Create Seeder

Run the seeder

Laravel 8 Resize Image Before Upload Example

Step 1: Install Laravel 8

Step 2: Install Intervention Image Package

Step 3: Create Routes

Step 4: Create Controller File

Step 5: View File and Create Upload directory

Run Development Server

How to use Model Events in Laravel 8

Create Product Model with events

Creating and Created Event

Updating and Updated Event

Delete Record: Deleted Event

Laravel 8 Factory Tinker Example Tutorial

Install Laravel 8

Setup Database Credentials

Generate Model & Run Migration

Create Custom Factory:

Generate Dummy Records with Factory Tinker

Laravel 8 Firebase Web Push Notification Example

Step 1: Create Firebase Project and App

Step 2: Install Laravel

Step 3: Create Auth using scaffold

Step 4: Create Migration and Update Model

Step 5: Create Route

Step 7: Update Blade File

Step 8: Create firebase-messaging-sw.js File

Run Development Server

Laravel 8 Fullcalendar with Create, Edit and Delete Event Example tutorial

Step 1: Install Laravel 8

Step 2: Create Migration and Model

Step 3: Create Routes

Step 4: Create Controller File

Step 5: Create Blade File

Step 6: Run Development Server

Laravel 8 Sanctum API Authentication Tutorial

Step 1: Install Laravel 8

Setup Database Credentials

Step 2: Use Sanctum

Step 3: Sanctum Configuration

Step 4: Add Product Table and Model

Step 5: Create API Routes

Step 6: Create Controller Files

Step 7: Create Eloquent API Resources

Run Development Server

Create 404 View File
Create 500 View File