Category Archives: Laravel

Laravel Tutorials

Laravel 9 Backup Store On Google Drive Tutorial with Example

In this Laravel 9 Backup Store On Google Drive Tutorial with Example I will show you how to take laravel site backup in google drive. In this tutorial I will also show you how to integrate google drive in laravel 9 to store backup on google drive. In this example we will learn Google Drive integration in Laravel 8. In this example we will be using spatie/laravel-backup package to take backup in google drive.

Laravel 9 Backup Store On Google Drive Tutorial with Example

In this step by step Laravel 9 Backup Store On Google Drive Example I will demonstrate you how to integrate google drive in laravel site to take site backup. Please follow instructions given below:

Setup Google Drive Account
Install Laravel 9
Connecting App to Database
Install spatie/laravel-backup
Setup Google Drive as Filesystem in Laravel
Configure Google Drive Details
Execute Backup Command

Setup Google Drive Account

Before integrating Google Drive in laravel 9. that you have google client id and secret id, refresh token and folder id. Please follow the instruction given below. You can create Google App in Google Developer Console by following the steps given below.

Step 1 – Visit the link given below and create a new project:

https://console.developers.google.com/

1	https://console.developers.google.com/

Step 2 – Visit “Library” of google search console and search for “Google Drive API“:

Step 3 – Then enable the Google Drive API.

Step 4 – Now, Visit “Credentials” and click on the tab “OAuth Consent Screen”. Here you will get options to select user type, select “External” option, and click the “CREATE” button.

Step 5 – Please provide following details like “App Name“, “User support email” and “Email” in the Developer contact information and click Save And Continue button. For other forms “Scopes“, “Test Users” and “Summary” click on Save And Continue button and go to the dashboard. Don’t worry about the other fields.

Step 6 – Now, on OAuth consent screen, you will see that the App’s Publishing status is testing. Click the Publish App button and confirm.

Step 7 – Now, visit Credentials and click the button that says “Create Credentials” and select “OAuth Client ID“.

Step 8 – For “Application type” choose “Web Application” and give it a name. You also need to provide your “Authorized redirect URIs”.

Step 9 – Now visit the below link:

https://developers.google.com/oauthplayground

1	https://developers.google.com/oauthplayground

In the top right corner, click the settings icon, check “Use your own OAuth credentials” and paste your Client ID and Client Secret.

Step 10 – on the left, scroll to “Drive API v3”, expand it, and check each of the scopes. Click “Authorize APIs” and allow access to your account when prompted.

Step 11 – You also need to check “Auto-refresh the token before it expires” and click “Exchange authorization code for tokens“.

Step 12 – Now, complete this step and click on step 1 again and you should see your refresh token.

Step 13 – Now you need folder ID that is optional. If you set folder ID to null, in that case, it is going to store backup files in the root path of Google Drive. You can get the folder ID from the URL.

Install Laravel 9

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

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

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

Connecting App to Database

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

DB_CONNECTION=mysql

DB_HOST=127.0.0.1

DB_PORT=3306

DB_DATABASE=blog

DB_USERNAME=root

DB_PASSWORD=

Install spatie/laravel-backup

In this step run the following command to install spatie/laravel-backup package in laravel 9

composer require spatie/laravel-backup

1	composer require spatie/laravel-backup

Now, run the following command to publish this installed package:

php artisan vendor:publish --provider="Spatie\Backup\BackupServiceProvider"

1	php artisan vendor:publish --provider="Spatie\Backup\BackupServiceProvider"

Now, you need to add google in the disk option in the config/backup.php.

'disks' => [
    'google',                
    'local',             
],

'disks' => [

'google',

'local',

Setup Google Drive as Filesystem in Laravel

Now, you need to run the following command to install a Filesystem adapter for Google drive:

composer require nao-pon/flysystem-google-drive:~1.1

1	composer require nao-pon/flysystem-google-drive:~1.1

php artisan make:provider GoogleDriveServiceProvider

1	php artisan make:provider GoogleDriveServiceProvider

Now, inside the boot() method add the Google driver for the Laravel filesystem:

app/Providers/GoogleDriveServiceProvider.php

public function boot()
{
    \Storage::extend('google', function ($app, $config) {
        $client = new \Google_Client();
        $client->setClientId($config['clientId']);
        $client->setClientSecret($config['clientSecret']);
        $client->refreshToken($config['refreshToken']);
        $service = new \Google_Service_Drive($client);
        $adapter = new \Hypweb\Flysystem\GoogleDrive\GoogleDriveAdapter($service, $config['folderId']);
 
        return new \League\Flysystem\Filesystem($adapter);
    });
}

public function boot()

{

\Storage::extend('google', function ($app, $config) {

$client = new \Google_Client();

$client->setClientId($config['clientId']);

$client->setClientSecret($config['clientSecret']);

$client->refreshToken($config['refreshToken']);

$service = new \Google_Service_Drive($client);

$adapter = new \Hypweb\Flysystem\GoogleDrive\GoogleDriveAdapter($service, $config['folderId']);

return new \League\Flysystem\Filesystem($adapter);

});

}

Now, you need to register the service provider toproviders array of config/app.php.

'providers' => [
    // ...
    App\Providers\GoogleDriveServiceProvider::class,
];

'providers' => [

// ...

App\Providers\GoogleDriveServiceProvider::class,

];

Configure Google Drive Details

In this step, you need to configure Google drive app with this laravel app. Go to the config directory and open filesystem.php file and add the client id, secret and callback url:

return [
   
    // ...
     
    'disks' => [
         
        // ...
         
        'google' => [
            'driver' => 'google',
            'clientId' => env('GOOGLE_DRIVE_CLIENT_ID'),
            'clientSecret' => env('GOOGLE_DRIVE_CLIENT_SECRET'),
            'refreshToken' => env('GOOGLE_DRIVE_REFRESH_TOKEN'),
            'folderId' => env('GOOGLE_DRIVE_FOLDER_ID'),
        ],
         
        // ...
         
    ],
     
    // ...
];

return [

// ...

'disks' => [

// ...

'google' => [

'driver' => 'google',

'clientId' => env('GOOGLE_DRIVE_CLIENT_ID'),

'clientSecret' => env('GOOGLE_DRIVE_CLIENT_SECRET'),

'refreshToken' => env('GOOGLE_DRIVE_REFRESH_TOKEN'),

'folderId' => env('GOOGLE_DRIVE_FOLDER_ID'),

// ...

];

You also you need to update .env file of laravel 8 app. Please add the following Google drive credentials:

GOOGLE_DRIVE_CLIENT_ID=xxx.apps.googleusercontent.com
GOOGLE_DRIVE_CLIENT_SECRET=xxx
GOOGLE_DRIVE_REFRESH_TOKEN=xxx
GOOGLE_DRIVE_FOLDER_ID=null

GOOGLE_DRIVE_CLIENT_ID=xxx.apps.googleusercontent.com

GOOGLE_DRIVE_CLIENT_SECRET=xxx

GOOGLE_DRIVE_REFRESH_TOKEN=xxx

GOOGLE_DRIVE_FOLDER_ID=null

Execute Backup Command

In this step we are ready to take backup run the following command to check the backup file is created or not:

php artisan backup:run

1	php artisan backup:run

Laravel 9 Multiple File Upload using jQuery Ajax

In this Laravel 9 Multiple File Upload using jQuery Ajax tutorial, I’ll show you how to upload multiple files using ajax in laravel 9. In this laravel 9 multiple file upload example, I’ll show you how to validate and upload multiple files into folder and then save it into database. In this tutorial before saving multiple image into database we will validate image and then save it into directory. Before uploading the image we will validate the image. After successfully uploading multiple images into the folder and saving it in database we will display success message on the screen.

Laravel 9 Multiple File Upload using jQuery Ajax

In this step by step tutorial I’ll demonstrate how to upload multiple files using ajax in laravel 9 with validation. I’ll also show you how to upload multiple pdf, txt, csv, excel, doc files in laravel 9 application. Please follow the steps to upload multiple files in laravel 9 given below:

Install Laravel 9
Database Configuration
Build File Model & Migration
Create Ajax Multiple File Upload Routes
Make Controller using Artisan Command
Create an Ajax Form to Upload Multiple File
Ajax Code to Upload Multiple File
Start Development Server

Install Laravel 9

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

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

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

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=db name
DB_USERNAME=db user name
DB_PASSWORD=db password

DB_CONNECTION=mysql

DB_HOST=127.0.0.1

DB_PORT=3306

DB_DATABASE=db name

DB_USERNAME=db user name

DB_PASSWORD=db password

Build File Model & Migration

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

php artisan make:model File -m

1	php artisan make:model File -m

The above command will create two files:

blog/app/Models/File.php
blog/database/migrations/create_files_table.php

Open create_files_table.php file inside blog/database/migrations/ directory. Then open this file and add the following code into function up() on this file:

public function up()
{
    Schema::create('files', function (Blueprint $table) {
        $table->id();
        $table->string('name');
        $table->string('path');
        $table->timestamps();
    });
}

public function up()

{

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

$table->id();

$table->string('name');

$table->string('path');

$table->timestamps();

});

}

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

php artisan migrate

1	php artisan migrate

Create Ajax Multiple File Upload 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

use App\Http\Controllers\MultiFileUploadAjaxController;
 
Route::get('multi-file-ajax-upload', [MultiFileUploadAjaxController::class, 'index']);
 
Route::post('store-multi-file-ajax', [MultiFileUploadAjaxController::class, 'storeMultiFile']);

use App\Http\Controllers\MultiFileUploadAjaxController;

Route::get('multi-file-ajax-upload', [MultiFileUploadAjaxController::class, 'index']);

Route::post('store-multi-file-ajax', [MultiFileUploadAjaxController::class, 'storeMultiFile']);

Make Controller using Artisan Command

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

php artisan make:controller AjaxUploadMultipleImageController

1	php artisan make:controller AjaxUploadMultipleImageController

The above command will create AjaxUploadMultipleImageController.php file, which is located inside blog/app/Http/Controllers/ directory. Now, open UploadImagesController.php file and add the following code into it:

<?php
 
namespace App\Http\Controllers;
 
use Illuminate\Http\Request;
 
use App\Models\File;
 
class MultiFileUploadAjaxController extends Controller
{
    public function index()
    {
        return view('multi-file-ajax-upload');
    }
 
 
    public function storeMultiFile(Request $request)
    {
         
       $validatedData = $request->validate([
        'files' => 'required',
        'files.*' => 'mimes:csv,txt,xlx,xls,pdf'
        ]);
 
        if($request->TotalFiles > 0)
        {
                
           for ($x = 0; $x < $request->TotalFiles; $x++) 
           {
 
               if ($request->hasFile('files'.$x)) 
                {
                    $file      = $request->file('files'.$x);
 
                    $path = $file->store('public/files');
                    $name = $file->getClientOriginalName();
 
                    $insert[$x]['name'] = $name;
                    $insert[$x]['path'] = $path;
                }
           }
 
            File::insert($insert);
 
            return response()->json(['success'=>'Ajax Multiple fIle has been uploaded']);
 
          
        }
        else
        {
           return response()->json(["message" => "Please try again."]);
        }
 
    }
}

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

use App\Models\File;

class MultiFileUploadAjaxController extends Controller

{

public function index()

{

return view('multi-file-ajax-upload');

}

public function storeMultiFile(Request $request)

{

$validatedData = $request->validate([

'files' => 'required',

'files.*' => 'mimes:csv,txt,xlx,xls,pdf'

]);

if($request->TotalFiles > 0)

{

for ($x = 0; $x < $request->TotalFiles; $x++)

{

if ($request->hasFile('files'.$x))

{

$file = $request->file('files'.$x);

$path = $file->store('public/files');

$name = $file->getClientOriginalName();

$insert[$x]['name'] = $name;

$insert[$x]['path'] = $path;

}

File::insert($insert);

return response()->json(['success'=>'Ajax Multiple fIle has been uploaded']);

}

else

{

return response()->json(["message" => "Please try again."]);

}

Create an Ajax Form to Upload Multiple File

In step this we will create blade file. Go to resources/views directory. And then create a new blade view file named multi-file-ajax-upload.blade.php inside this directory. Open multi-file-ajax-upload.blade.php file and put the following code into it:

<!DOCTYPE html>
<html>
<head>
<title>Laravel 9 Ajax Multiple File Upload</title>
<meta name="csrf-token" content="{{ csrf_token() }}">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
</head>
<body>
<div class="container mt-5">
<h2 class="text-center">Multiple File Upload Using Ajax In Laravel 9</h2>
<div class="text-center">
<form id="multi-file-upload-ajax" method="POST"  action="javascript:void(0)" accept-charset="utf-8" enctype="multipart/form-data">
@csrf
<div class="row">
<div class="col-md-12">
<div class="form-group">
<input type="file" name="files[]" id="files" placeholder="Choose files" multiple >
</div>
</div>           
<div class="col-md-12">
<button type="submit" class="btn btn-primary" id="submit">Submit</button>
</div>
</div>     
</form>
</div>
</div>  
<script type="text/javascript">
$(document).ready(function (e) {
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
}
});
$('#multi-file-upload-ajax').submit(function(e) {
e.preventDefault();
var formData = new FormData(this);
let TotalFiles = $('#files')[0].files.length; //Total files
let files = $('#files')[0];
for (let i = 0; i < TotalFiles; i++) {
formData.append('files' + i, files.files[i]);
}
formData.append('TotalFiles', TotalFiles);
$.ajax({
type:'POST',
url: "{{ url('store-multi-file-ajax')}}",
data: formData,
cache:false,
contentType: false,
processData: false,
dataType: 'json',
success: (data) => {
this.reset();
alert('Files has been uploaded using jQuery ajax');
},
error: function(data){
alert(data.responseJSON.errors.files[0]);
console.log(data.responseJSON.errors);
}
});
});
});
</script>
</body>
</html>

<!DOCTYPE html>

<html>

<head>

<title>Laravel 9 Ajax Multiple File Upload</title>

</head>

<body>

<h2 class="text-center">Multiple File Upload Using Ajax In Laravel 9</h2>

@csrf

</div>

<button type="submit" class="btn btn-primary" id="submit">Submit</button>

</div>

</form>

</div>

$(document).ready(function (e) {

$.ajaxSetup({

headers: {

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

}

});

$('#multi-file-upload-ajax').submit(function(e) {

e.preventDefault();

var formData = new FormData(this);

let TotalFiles = $('#files')[0].files.length; //Total files

let files = $('#files')[0];

for (let i = 0; i < TotalFiles; i++) {

formData.append('files' + i, files.files[i]);

}

formData.append('TotalFiles', TotalFiles);

$.ajax({

type:'POST',

url: "{{ url('store-multi-file-ajax')}}",

data: formData,

cache:false,

contentType: false,

processData: false,

dataType: 'json',

success: (data) => {

this.reset();

alert('Files has been uploaded using jQuery ajax');

error: function(data){

alert(data.responseJSON.errors.files[0]);

console.log(data.responseJSON.errors);

}

});

</script>

</body>

</html>

Ajax Code to Upload Multiple File

<script type="text/javascript">
$(document).ready(function (e) {
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
}
});
$('#multi-file-upload-ajax').submit(function(e) {
e.preventDefault();
var formData = new FormData(this);
let TotalFiles = $('#files')[0].files.length; //Total files
let files = $('#files')[0];
for (let i = 0; i < TotalFiles; i++) {
formData.append('files' + i, files.files[i]);
}
formData.append('TotalFiles', TotalFiles);
$.ajax({
type:'POST',
url: "{{ url('store-multi-file-ajax')}}",
data: formData,
cache:false,
contentType: false,
processData: false,
dataType: 'json',
success: (data) => {
this.reset();
alert('Files has been uploaded using jQuery ajax');
},
error: function(data){
alert(data.responseJSON.errors.files[0]);
console.log(data.responseJSON.errors);
}
});
});
});
</script>

$(document).ready(function (e) {

$.ajaxSetup({

headers: {

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

}

});

$('#multi-file-upload-ajax').submit(function(e) {

e.preventDefault();

var formData = new FormData(this);

let TotalFiles = $('#files')[0].files.length; //Total files

let files = $('#files')[0];

for (let i = 0; i < TotalFiles; i++) {

formData.append('files' + i, files.files[i]);

}

formData.append('TotalFiles', TotalFiles);

$.ajax({

type:'POST',

url: "{{ url('store-multi-file-ajax')}}",

data: formData,

cache:false,

contentType: false,

processData: false,

dataType: 'json',

success: (data) => {

this.reset();

alert('Files has been uploaded using jQuery ajax');

error: function(data){

alert(data.responseJSON.errors.files[0]);

console.log(data.responseJSON.errors);

}

});

</script>

Start 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://127.0.0.1:8000/multi-file-ajax-upload

1	http://127.0.0.1:8000/multi-file-ajax-upload

Laravel 9 JWT Rest API Authentication Example Tutorial

In this Laravel 9 JWT Rest API Authentication Example Tutorial I’ll show you how to build the rest APIs with jwt (JSON web token) authentication in laravel 9. In this example I’ll also show you how to install jwt auth and configure jwt auth in laravel 9.

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

Laravel 9 JWT Rest API Authentication Example Tutorial

In this laravel step by step tutorial you will learn how to create REST API with Laravel 9 using JWT Token (JSON Web Token). Please follow the step given bellow:

Install Laravel 9
Database Configuration
Install JWT Auth
Registering Middleware
Run Migration
Create APIs Route
Create JWT Auth Controller
Now Test Laravel REST API in Postman

Install Laravel 9

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

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

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

Configure Database

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

.env

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

DB_CONNECTION=mysql

DB_HOST=127.0.0.1

DB_PORT=3306

DB_DATABASE=lara9blog

DB_USERNAME=root

DB_PASSWORD=

Install JWT Auth

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

composer require tymon/jwt-auth

1	composer require tymon/jwt-auth

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

config/app.php

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

'providers' => [

….

'Tymon\JWTAuth\Providers\JWTAuthServiceProvider',

'aliases' => [

….

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

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

Now, you need to generate jwt encryption keys. Use the following command to generate encryption keys needed to generate secure access tokens:

php artisan jwt:generate

1	php artisan jwt:generate

Now, open JWTGenerateCommand.php file and put the following code,

vendor/tymon/src/Commands/JWTGenerateCommand.php

public function handle() {
  
  $this->fire(); 
 
}

public function handle() {

$this->fire();

}

Registering Middleware

app/Http/Kernel.php

protected $routeMiddleware = [
 
    'auth.jwt' => 'auth.jwt' => 'Tymon\JWTAuth\Middleware\GetUserFromToken',
 
];

protected $routeMiddleware = [

'auth.jwt' => 'auth.jwt' => 'Tymon\JWTAuth\Middleware\GetUserFromToken',

];

Run Migration

Now, you need to run migration using the following command to create tables in the database :

php artisan migrate

1	php artisan migrate

Create APIs Route

Now we will create rest API auth routes. Go to the routes directory and open api.php. Then put the following routes into api.php file:

routes/api.php

use App\Http\Controllers\API\JWTAuthController;
 
Route::post('register', [JWTAuthController::class, 'register']);
Route::post('login', [JWTAuthController::class, 'login']);
  
Route::group(['middleware' => 'auth.jwt'], function () {
 
    Route::post('logout', [JWTAuthController::class, 'logout']);
  
});

use App\Http\Controllers\API\JWTAuthController;

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

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

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

Route::post('logout', [JWTAuthController::class, 'logout']);

});

Create JWT Auth Controller

In this step, we will create a controllers name JWTAuthController. Use the following command to create a controller :

php artisan make:controller Api\JWTAuthController

1	php artisan make:controller Api\JWTAuthController

After that, Create some authentication methods in JWTAuthController.php. So navigate to app/http/controllers/API directory and open JWTAuthController.php file. And, update the following methods into your JWTAuthController.php file:

<?php
 
namespace App\Http\Controllers\API;
 
use JWTAuth;
use Validator;
use App\Models\User;
use Illuminate\Http\Request;
use Tymon\JWTAuth\Exceptions\JWTException;
use Symfony\Component\HttpFoundation\Response;
 
class JwtAuthController extends Controller
{
    public $token = true;
  
    public function register(Request $request)
    {
 
         $validator = Validator::make($request->all(), 
                      [ 
                      'name' => 'required',
                      'email' => 'required|email',
                      'password' => 'required',  
                      'c_password' => 'required|same:password', 
                     ]);  
 
         if ($validator->fails()) {  
 
               return response()->json(['error'=>$validator->errors()], 401); 
 
            }   
 
 
        $user = new User();
        $user->name = $request->name;
        $user->email = $request->email;
        $user->password = bcrypt($request->password);
        $user->save();
  
        if ($this->token) {
            return $this->login($request);
        }
  
        return response()->json([
            'success' => true,
            'data' => $user
        ], Response::HTTP_OK);
    }
  
    public function login(Request $request)
    {
        $input = $request->only('email', 'password');
        $jwt_token = null;
  
        if (!$jwt_token = JWTAuth::attempt($input)) {
            return response()->json([
                'success' => false,
                'message' => 'Invalid Email or Password',
            ], Response::HTTP_UNAUTHORIZED);
        }
  
        return response()->json([
            'success' => true,
            'token' => $jwt_token,
        ]);
    }
  
    public function logout(Request $request)
    {
        $this->validate($request, [
            'token' => 'required'
        ]);
  
        try {
            JWTAuth::invalidate($request->token);
  
            return response()->json([
                'success' => true,
                'message' => 'User logged out successfully'
            ]);
        } catch (JWTException $exception) {
            return response()->json([
                'success' => false,
                'message' => 'Sorry, the user cannot be logged out'
            ], Response::HTTP_INTERNAL_SERVER_ERROR);
        }
    }
  
    public function getUser(Request $request)
    {
        $this->validate($request, [
            'token' => 'required'
        ]);
  
        $user = JWTAuth::authenticate($request->token);
  
        return response()->json(['user' => $user]);
    }
}

<?php

namespace App\Http\Controllers\API;

use JWTAuth;

use Validator;

use App\Models\User;

use Illuminate\Http\Request;

use Tymon\JWTAuth\Exceptions\JWTException;

use Symfony\Component\HttpFoundation\Response;

class JwtAuthController extends Controller

{

public $token = true;

public function register(Request $request)

{

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

[

'name' => 'required',

'email' => 'required|email',

'password' => 'required',

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

]);

if ($validator->fails()) {

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

}

$user = new User();

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

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

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

$user->save();

if ($this->token) {

return $this->login($request);

}

return response()->json([

'success' => true,

'data' => $user

], Response::HTTP_OK);

}

public function login(Request $request)

{

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

$jwt_token = null;

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

return response()->json([

'success' => false,

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

], Response::HTTP_UNAUTHORIZED);

}

return response()->json([

'success' => true,

'token' => $jwt_token,

]);

}

public function logout(Request $request)

{

$this->validate($request, [

'token' => 'required'

]);

try {

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

return response()->json([

'success' => true,

'message' => 'User logged out successfully'

]);

} catch (JWTException $exception) {

return response()->json([

'success' => false,

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

], Response::HTTP_INTERNAL_SERVER_ERROR);

}

public function getUser(Request $request)

{

$this->validate($request, [

'token' => 'required'

]);

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

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

}

Then open command prompt and run the following command to start development server:

php artisan serve

1	php artisan serve

Test Laravel 9 REST API with JWT Auth in Postman

Now, we will call above create crud and auth apis in postman app:

1 – Laravel Register Rest API :

Next Step, you will call getUser, create product, list product, edit product, and delete product APIs, In this apis need to pass the access token as headers:

Call login or register apis put $accessToken. 
 
 ‘headers’ => [
 ‘Accept’ => ‘application/json’,
 ‘Authorization’ => ‘Bearer ‘.$accessToken,
 
 ]

Call login or register apis put $accessToken.

‘headers’ => [

‘Accept’ => ‘application/json’,

‘Authorization’ => ‘Bearer ‘.$accessToken,

]

Laravel 9 Google Autocomplete Address Tutorial

In this Laravel 9 Google Autocomplete Address Example Tutorial, I’ll show you how to integrate Address or location Autocomplete using Google Autocomplete in laravel 9. In this tutorial you will learn to implement google autocomplete in laravel 9. In this article I will guide you through the integration of google autocomplete in laravel 9.

Google Autocomplete

Google autocomplete widget is used to display suggestions for places, address and location as soon as the user starts typing in the given input box.

Laravel 9 Google Autocomplete Address Tutorial

In this laravel 9 google autocomplete tutorial I’ll demonstrate you step by step process to integrate google autocomplete in laravel 9. Please follow the instructions given below:

Install Laravel 9
Get Api Key From Google
Add Route
Generate Controller by Command
Create Blade View
Run Development Server
Test This App.

Install Laravel 9

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

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

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

Get Api Key From Google

Now, we need to get Google API key to enable the communication between client and Google server. Now follow the instructions given below to get Google API Key:

Visit Google Cloud Platform.
Click on the project dropdown at the top to create the project.
Click APIs & Services > Credentials.
Now, click on Create Credentials > API key.
Copy google API and store in some text file.
Now we need to enable few services, so click on Credentials > “Enable APIs and Services”, additionally enable “Maps JavaScript API” and “Places API” services.

Add 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

use App\Http\Controllers\GoogleController;
Route::get('auto-complete', [GoogleController::class, 'index']);

1 2	use App\Http\Controllers\GoogleController; Route::get('auto-complete', [GoogleController::class, 'index']);

Generate Controller by Command

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

php artisan make:controller GoogleController

1	php artisan make:controller GoogleController

After successfully create controller go to app/controllers/GoogleController.php and put the following code :

<?php
 
namespace App\Http\Controllers;
 
use Illuminate\Http\Request;
 
class GoogleController extends Controller
{
    // ---------------- [ Load View ] ----------------
    public function index(Request $request) {
 
        return view("auto-complete");
 
    }
}

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

class GoogleController extends Controller

{

// ---------------- [ Load View ] ----------------

public function index(Request $request) {

return view("auto-complete");

}

Create Blade view

Now, we will create a blade view file. Go to app/resources/views and create one file name auto-complete.blade.php :

<!doctype html>
<html lang="en">
<head>
<title>Google Autocomplete Address Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.4.1.js" integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU="crossorigin="anonymous"></script>
</head>
<body>
<div class="container mt-5">
<div class="row">
<div class="col-xl-6 col-lg-6 col-md-8 col-sm-12 col-12 m-auto">
<div class="card shadow">
<div class="card-header bg-primary">
<h5 class="card-title text-white">Laravel Google Autocomplete Address</h5>
</div>
<div class="card-body">
<div class="form-group">
<label for="autocomplete"> Location/City/Address </label>
<input type="text" name="autocomplete" id="autocomplete" class="form-control" placeholder="Select Location">
</div>
<div class="form-group" id="lat_area">
<label for="latitude"> Latitude </label>
<input type="text" name="latitude" id="latitude" class="form-control">
</div>
<div class="form-group" id="long_area">
<label for="latitude"> Longitude </label>
<input type="text" name="longitude" id="longitude" class="form-control">
</div>
</div>
<div class="card-footer">
<button type="submit" class="btn btn-success"> Submit </button>
</div>
</div>
</div>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</body>
</html>

<!doctype html>

<head>

<title>Google Autocomplete Address Example</title>

</head>

<body>

<h5 class="card-title text-white">Laravel Google Autocomplete Address</h5>

</div>

<label for="autocomplete"> Location/City/Address </label>

</div>

<label for="latitude"> Latitude </label>

</div>

<label for="latitude"> Longitude </label>

</div>

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

</div>

</body>

</html>

Add Autocomplete Script.

{{-- javascript code --}}
<script src="https://maps.google.com/maps/api/js?key=AIzaSyDxTV3a6oL6vAaRookXxpiJhynuUpSccjY&libraries=places&callback=initAutocomplete" type="text/javascript"></script>
<script>
$(document).ready(function() {
$("#lat_area").addClass("d-none");
$("#long_area").addClass("d-none");
});
</script>
<script>
google.maps.event.addDomListener(window, 'load', initialize);
function initialize() {
var input = document.getElementById('autocomplete');
var autocomplete = new google.maps.places.Autocomplete(input);
autocomplete.addListener('place_changed', function() {
var place = autocomplete.getPlace();
$('#latitude').val(place.geometry['location'].lat());
$('#longitude').val(place.geometry['location'].lng());
// --------- show lat and long ---------------
$("#lat_area").removeClass("d-none");
$("#long_area").removeClass("d-none");
});
}
</script>

$(document).ready(function() {

$("#lat_area").addClass("d-none");

$("#long_area").addClass("d-none");

});

</script>

google.maps.event.addDomListener(window, 'load', initialize);

function initialize() {

var input = document.getElementById('autocomplete');

var autocomplete = new google.maps.places.Autocomplete(input);

autocomplete.addListener('place_changed', function() {

var place = autocomplete.getPlace();

$('#latitude').val(place.geometry['location'].lat());

$('#longitude').val(place.geometry['location'].lng());

// --------- show lat and long ---------------

$("#lat_area").removeClass("d-none");

$("#long_area").removeClass("d-none");

});

}

</script>

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/auto-complete

1	http://localhost:8000/auto-complete

Laravel 9 Datatables Column Relationship Search Tutorial

In this Laravel 9 Datatables Column Relationship Search Tutorial I will show you how to display and search column in yajra dataTables with relationship in laravel 9. In this tutorial you will learn to display and filter column in yajra dataTables with relationship. In this article I will share example to display and filter column in yajra dataTables with relationship in laravel 9.

Let suppose you have two database tables first is posts and the other one is users and you have relationship in each table. Now you want to display and filter posts title and who write these posts (author name). This would require you to use laravel yajra dataTables columns with a relationship.

Laravel 9 Datatables Column Relationship Search Tutorial

In this step by step tutorial I’ll demonstrates you to how to use a filter on dataTables columns with relationships. Please follow the instruction given below:

Install Laravel 9
Connecting App to Database
Install Yajra DataTable
Create Migration and Modal
Add route
Create Controller by Artisan Command
Create Blade File
Run Development Server

Install Laravel 9

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

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

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

Connecting App to database

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=Enter_Your_Database_Name
DB_USERNAME=Enter_Your_Database_Username
DB_PASSWORD=Enter_Your_Database_Password

DB_CONNECTION=mysql

DB_HOST=127.0.0.1

DB_PORT=3306

DB_DATABASE=Enter_Your_Database_Name

DB_USERNAME=Enter_Your_Database_Username

DB_PASSWORD=Enter_Your_Database_Password

Install Yajra DataTable

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

composer require yajra/laravel-datatables-oracle

1	composer require yajra/laravel-datatables-oracle

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

config/app.php

.....
'providers' => [
    ....
    Yajra\DataTables\DataTablesServiceProvider::class,
]
'aliases' => [
    ....
    'DataTables' => Yajra\DataTables\Facades\DataTables::class,
]
.....

.....

'providers' => [

....

Yajra\DataTables\DataTablesServiceProvider::class,

]

'aliases' => [

....

'DataTables' => Yajra\DataTables\Facades\DataTables::class,

]

.....

Now let’s create post table migration and create Post Modal using following artisan command:

php artisan make:modal Post -m

1	php artisan make:modal Post -m

his will create migration, open migration file and put the following code in it:

database/migrations/2020_05_20_070104_create_posts_table.php

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

<?php

use Illuminate\Database\Migrations\Migration;

use Illuminate\Database\Schema\Blueprint;

use Illuminate\Support\Facades\Schema;

class CreatePostsTable extends Migration

{

/**

* Run the migrations.

* @return void

public function up()

{

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

$table->id();

$table->integer('user_id');

$table->string('title');

$table->timestamps();

});

}

/**

* Reverse the migrations.

* @return void

public function down()

{

Schema::dropIfExists('posts');

}

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

php artisan migrate

1	php artisan migrate

Now update following code in your Post model file to create a posts table.

<?php
 
namespace App\Models;
 
use Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Database\Eloquent\Model;
use App\Models\User;
 
class Post extends Model
{
    use HasFactory;
     
    protected $fillable = ['title'];
 
    public function users()
    {
        return $this->belongsTo(User::class,'user_id','id');
    }
}

<?php

namespace App\Models;

use Illuminate\Database\Eloquent\Factories\HasFactory;

use Illuminate\Database\Eloquent\Model;

use App\Models\User;

class Post extends Model

{

use HasFactory;

protected $fillable = ['title'];

public function users()

{

return $this->belongsTo(User::class,'user_id','id');

}

Add 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

use App\Http\Controllers\PostController;

Route::get('posts', [PostController::class, 'index'])->name('posts.index');

use App\Http\Controllers\PostController;

Route::get('posts', [PostController::class, 'index'])->name('posts.index');

Create Controller by Artisan Command

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

php artisan make:controller PostController

1	php artisan make:controller PostController

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

app/Http/Controllers/PostController.php

<?php
namespace App\Http\Controllers;
use Illuminate\Http\Request;
use App\Models\User;
use App\Models\Post;
use DataTables;
class PostController extends Controller
{
    /**
     * Show the application dashboard.
     *
     * @return \Illuminate\Contracts\Support\Renderable
     */
    public function index(Request $request)
    {
        if ($request->ajax()) {
            $model = Post::with('users');
                return DataTables::eloquent($model)
                ->addColumn('users', function (Post $post) {
                    return $post->users->name;
                })
                ->toJson();
        }
        return view('users');
    }
}

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

use App\Models\User;

use App\Models\Post;

use DataTables;

class PostController extends Controller

{

/**

* Show the application dashboard.

* @return \Illuminate\Contracts\Support\Renderable

public function index(Request $request)

{

if ($request->ajax()) {

$model = Post::with('users');

return DataTables::eloquent($model)

->addColumn('users', function (Post $post) {

return $post->users->name;

})

->toJson();

}

return view('users');

}

Create Blade File

In this step we will create blade file. Go to resources/views directory and create new file users.blade.php. After that, put the following html and javascript code into your blade view file:

<!DOCTYPE html>
<html>
<head>
<title>Laravel 9 Datatables with Relationship Tutorial</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css" />
<link href="https://cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css" rel="stylesheet">
<link href="https://cdn.datatables.net/1.10.19/css/dataTables.bootstrap4.min.css" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>  
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.0/jquery.validate.js"></script>
<script src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
<script src="https://cdn.datatables.net/1.10.19/js/dataTables.bootstrap4.min.js"></script>
<style type="text/css">
.paginate_button{
padding: 0px !important;
}
</style>
</head>
<body>
<div class="container" style="margin-top: 100px;margin-bottom: 100px; ">
<div class="row justify-content-center">
<div class="col-md-8">
<div class="card">
<div class="card-header bg-info text-white">Laravel Datatables with Relationship Tutorial</div>
<div class="card-body">
@if (session('status'))
<div class="alert alert-success" role="alert">
{{ session('status') }}
</div>
@endif
<table class="table table-bordered data-table">
<thead>
<tr>
<th>No</th>
<th>Title</th>
<th>Auther</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$(document).ready(function() {
$('.data-table').DataTable({
processing: true,
serverSide: true,
ajax: "{{ route('posts.index') }}",
columns: [
{data: 'id', name: 'id'},
{data: 'title', name: 'title'},
{data: 'users', name: 'users.name'},
]
});
});
</script>
</body>
</html>

<!DOCTYPE html>

<html>

<head>

<title>Laravel 9 Datatables with Relationship Tutorial</title>

.paginate_button{

padding: 0px !important;

}

</style>

</head>

<body>

<div class="card-header bg-info text-white">Laravel Datatables with Relationship Tutorial</div>

@if (session('status'))

</div>

@endif

<thead>

<tr>

<th>Title</th>

<th>Auther</th>

</tr>

</thead>

<tbody>

</tbody>

</table>

</div>

$(document).ready(function() {

$('.data-table').DataTable({

processing: true,

serverSide: true,

ajax: "{{ route('posts.index') }}",

columns: [

{data: 'id', name: 'id'},

{data: 'title', name: 'title'},

{data: 'users', name: 'users.name'},

]

});

</script>

</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://127.0.0.1:8000/posts

1	http://127.0.0.1:8000/posts

Laravel 9 Custom Validation Error Messages Tutorial

In this Laravel 9 Custom Validation Error Messages Tutorial I will show you how to create custom validation message error in laravel 9 application. In this tutorial you will learn to customize default validation message and use custom validation error messages in laravel 9 forms. In this article I will share example on how to create and use validation error messages on laravel 9.

Custom Validation Error Messages In Laravel 9

In this step by step guide I will demonstrate you how to use custom validation error messages on laravel forms. Please follow the instruction given below:

Install Laravel 9
Connecting App to Database
Run Migration Command
Add Routes
Generate Controller By Command
Create the blade view
Run Development Server.

Install Laravel 9

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

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

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

Connecting App to Database,

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 here
DB_USERNAME=here database username here
DB_PASSWORD=here database password here

DB_CONNECTION=mysql

DB_HOST=127.0.0.1

DB_PORT=3306

DB_DATABASE=here your database name here

DB_USERNAME=here database username here

DB_PASSWORD=here database password here

Run Migration Command

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

php artisan migrate

1	php artisan migrate

Add 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

use App\Http\Controllers\CustomErrorController;
 
 
Route::get('form', [CustomErrorController::class, 'index']);
Route::get('store', [CustomErrorController::class, 'store']);

use App\Http\Controllers\CustomErrorController;

Route::get('form', [CustomErrorController::class, 'index']);

Route::get('store', [CustomErrorController::class, 'store']);

Generate Controller By Command.

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

php artisan make:controller CustomErrorController

1	php artisan make:controller CustomErrorController

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

app/Http/Controllers/CustomErrorController.php

namespace App\Http\Controllers;
   
use Illuminate\Http\Request;
use App\Models\User;
   
class CustomErrorController extends Controller
{
    public function create()
    {
        return view('form');
    }
   
    public function store(Request $request)
    {
        $request->validate(
            [
                'name' => 'required',
                'password' => 'required|min:5',
                'email' => 'required|email|unique:users'
            ], 
            [
                'name.required' => 'Name is required',
                'password.required' => 'Password is required'
            ]
          );
    
        $input = $request->all();
        $input['password'] = bcrypt($input['password']);
        $user = User::create($input);
     
        return back()->with('success', 'User created successfully.');
    }
}

namespace App\Http\Controllers;

use Illuminate\Http\Request;

use App\Models\User;

class CustomErrorController extends Controller

{

public function create()

{

return view('form');

}

public function store(Request $request)

{

$request->validate(

[

'name' => 'required',

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

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

[

'name.required' => 'Name is required',

'password.required' => 'Password is required'

]

);

$input = $request->all();

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

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

return back()->with('success', 'User created successfully.');

}

Create Blade View

In this step we will create blade view file. Go to resources/views folder and create a blade view file from.blade.php and update the following code into your file:

<!DOCTYPE html>
<html>
<head>
    <title>Laravel 9 Custom Validation Error Message Example Tutorial</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
</head>
<body>
    <div class="container">
   
        <h1>Laravel 9 Custom Validation Error Message Example</h1>
    
        @if(Session::has('success'))
        <div class="alert alert-success">
            {{ Session::get('success') }}
            @php
                Session::forget('success');
            @endphp
        </div>
        @endif
    
        <form method="POST" action="{{ route('store') }}">
   
            @csrf
   
            <div class="form-group">
                <label>Name:</label>
                <input type="text" name="name" class="form-control" placeholder="Name">
                @if ($errors->has('name'))
                    <span class="text-danger">{{ $errors->first('name') }}</span>
                @endif
            </div>
    
            <div class="form-group">
                <label>Password:</label>
                <input type="password" name="password" class="form-control" placeholder="Password">
                @if ($errors->has('password'))
                    <span class="text-danger">{{ $errors->first('password') }}</span>
                @endif
            </div>
     
            <div class="form-group">
                <strong>Email:</strong>
                <input type="text" name="email" class="form-control" placeholder="Email">
                @if ($errors->has('email'))
                    <span class="text-danger">{{ $errors->first('email') }}</span>
                @endif
            </div>
    
            <div class="form-group">
                <button class="btn btn-success btn-submit">Submit</button>
            </div>
        </form>
    </div>
</body>
</html>

<!DOCTYPE html>

<html>

<head>

<title>Laravel 9 Custom Validation Error Message Example Tutorial</title>

</head>

<body>

<h1>Laravel 9 Custom Validation Error Message Example</h1>

@if(Session::has('success'))

@php

Session::forget('success');

@endphp

</div>

@endif

@csrf

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

<span class="text-danger">{{ $errors->first('name') }}</span>

@endif

</div>

<label>Password:</label>

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

<span class="text-danger">{{ $errors->first('password') }}</span>

@endif

</div>

<strong>Email:</strong>

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

<span class="text-danger">{{ $errors->first('email') }}</span>

@endif

</div>

<button class="btn btn-success btn-submit">Submit</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/form

1	http://localhost:8000/form

Laravel 9 Generate PDF File using DomPDF Tutorial

In this Laravel 9 Generate PDF File using DomPDF Tutorial I will show you how to generate pdf file using DomPDF in laravel 9. In this tutorial you will learn to generate or convert a pdf file using DomPDF in laravel 9. In this example we will be using DomPDF library to generate pdf file. In this article I will show you how to install and use DomPDF package to generate pdf file in laravel 9. You will also learn to install DomPDF with laravel. Before starting with this tutorial you are required to install DomPDF package in laravel.

Laravel 9 Generate PDF File using DomPDF Tutorial

In this step by step tutorial I will demonstrate you how to install DomPDF package in laravel 9. As well as I will also show you how to generate pdf file using DomPDF package in laravel 9. Please follow the instruction given below:

Install Laravel 9
Install DomPDF Package
Register DOMPDF Package
Create PDF Routes
Create PDF Controller By Artisan Command
Create Blade View File
Run Development Server

Install Laravel 9

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

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

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

Install domPDF Package

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

composer require barryvdh/laravel-dompdf

1	composer require barryvdh/laravel-dompdf

Register DOMPDF Package

Now we will register this package in laravel application. So, Open the providers/config/app.php file and register the DOMPDF provider and aliases.

'providers' => [
    ....
    Barryvdh\DomPDF\ServiceProvider::class,
],
   
'aliases' => [
    ....
    'PDF' => Barryvdh\DomPDF\Facade::class,
]

'providers' => [

....

Barryvdh\DomPDF\ServiceProvider::class,

'aliases' => [

....

'PDF' => Barryvdh\DomPDF\Facade::class,

]

Create PDF 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

use App\Http\Controllers\PDFController;
 
Route::get('create-pdf-file', [PDFController::class, 'index'])

use App\Http\Controllers\PDFController;

Route::get('create-pdf-file', [PDFController::class, 'index'])

Create PDF Controller By Artisan Command

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

php artisan make:controller PDFController

1	php artisan make:controller PDFController

Now, go to app/http/controllers and open PDFController.php file. And put the following code into it:

<?php
   
namespace App\Http\Controllers;
   
use Illuminate\Http\Request;
 
use PDF;
   
class PDFController extends Controller
{
    /**
     * Display a listing of the resource.
     *
     * @return \Illuminate\Http\Response
     */
    public function index()
    {
        $data = [
            'title' => 'Welcome to w3adda.com',
            'date' => date('m/d/Y')
        ];
           
        $pdf = PDF::loadView('testPDF', $data);
     
        return $pdf->download('a\w3adda.pdf');
    }
}

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

use PDF;

class PDFController extends Controller

{

/**

* Display a listing of the resource.

* @return \Illuminate\Http\Response

public function index()

{

$data = [

'title' => 'Welcome to w3adda.com',

'date' => date('m/d/Y')

];

$pdf = PDF::loadView('testPDF', $data);

return $pdf->download('a\w3adda.pdf');

}

Create Blade File

Now, create blade view file for generate pdf from view. So, Go to resources/views and create testPDF.blade.php and update the following code into it:

<!DOCTYPE html>
<html>
<head>
    <title>Laravel 9 Generate PDF From View</title>
</head>
<body>
    <h1>{{ $title }}</h1>
    <p>{{ $date }}</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
    consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
    cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
    proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</body>
</html>

<!DOCTYPE html>

<html>

<head>

<title>Laravel 9 Generate PDF From View</title>

</head>

<body>

<h1>{{ $title }}</h1>

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod

tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,

quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo

consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse

cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non

proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

</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://127.0.0.1:8000/create-pdf-file

1	http://127.0.0.1:8000/create-pdf-file

Laravel 9 Flash Message Example Tutorial

In this Laravel 9 Flash Message Example Tutorial I will show you how to create or implement flash message in laravel 9 application. In this tutorial you will learn to implement flash message in laravel. While working with laravel application we come to situations where we want to show/display various flash success and error messages. In this example we will be using sweet alert js to display various type of flash messages or notifications.

Laravel 9 Flash Message Example Tutorial

In this step by step guide I will demonstrate you how you can implement success or error messages with sweet alert js in your laravel application.

Flash Messages in Laravel 9

In this tutorial we will learn to following types of flash messages

Success Flash Message
Error Flash Message
Warning Flash Message
Info Flash Message
Sweet Alert Flash Success Message
Sweet Alert Flash Error Message

1 – Success Flash Message

Below is example to display success flash message:

@if(Session::has('success'))
    <div class="alert alert-success">
        {{Session::get('success')}}
    </div>
@endif

@if(Session::has('success'))

</div>

@endif

The second thing, When you send the success message. So you can use the below code in your controller:

return Redirect::to("/")->withSuccess('Success message');

1	return Redirect::to("/")->withSuccess('Success message');

The success flash message will look like:

2 – Error Flash Message

Below is example to display error flash message:

@if(Session::has('fail'))
    <div class="alert alert-danger">
       {{Session::get('fail')}}
    </div>
@endif

@if(Session::has('fail'))

</div>

@endif

The second thing, add the below code in your controller, where you want to send the warning message:

 return Redirect::to("/")->withFail('Error message');

1	return Redirect::to("/")->withFail('Error message');

3 – Warning Flash Message

Below is example to display warning flash message:

@if(Session::has('warning'))
    <div class="alert alert-danger">
       {{Session::get('warning')}}
    </div>
@endif

@if(Session::has('warning'))

</div>

@endif

The second thing, add the below code in your controller, where you want to send the error message:

return Redirect::to("/")-->with('warning',"Don't Open this link");

1	return Redirect::to("/")-->with('warning',"Don't Open this link");

4 – Info Flash Message

Below is example to display info flash message:

@if(Session::has('info'))
    <div class="alert alert-danger">
       {{Session::get('info')}}
    </div>
@endif

@if(Session::has('info'))

</div>

@endif

The second thing, add the below code in your controller, where you want to send the info message:\

return Redirect::to("/")-->with('info',"Don't Open this link");

1	return Redirect::to("/")-->with('info',"Don't Open this link");

5 – Sweet Alert Flash Success Message

Below is example to sweet alert flash success message:

@if(Session::has('success'))
  <script type="text/javascript">
     swal({
         title:'Success!',
         text:"{{Session::get('success')}}",
         timer:5000,
         type:'success'
     }).then((value) => {
       //location.reload();
     }).catch(swal.noop);
 </script>
 @endif

@if(Session::has('success'))

swal({

title:'Success!',

text:"{{Session::get('success')}}",

timer:5000,

type:'success'

}).then((value) => {

//location.reload();

}).catch(swal.noop);

</script>

@endif

If you use the above code for a success message, this message automatically hides after 5 seconds.

6 – Sweet Alert Flash Error Message

Below is example to sweet alert flash error message:

@if(Session::has('fail'))
 <script type="text/javascript">
    swal({
        title:'Oops!',
        text:"{{Session::get('fail')}}",
        type:'error',
        timer:5000
    }).then((value) => {
      //location.reload();
    }).catch(swal.noop);
</script>
@endif

@if(Session::has('fail'))

swal({

title:'Oops!',

text:"{{Session::get('fail')}}",

type:'error',

timer:5000

}).then((value) => {

//location.reload();

}).catch(swal.noop);

</script>

@endif

If you use the above code for an error message, this message automatically hides after 5 seconds.

Laravel 9 Install Summernote Editor with Image Upload

In this Laravel 9 Install Summernote Editor with Image Upload Tutorial I will show you how to install and use Summernote with image upload in laravel 9. In this tutorial, you will learn to install Summernote with image upload in laravel 9. In this step by step guide you how to integrate Summernote editor with image upload in laravel 9. Integration of Summernote editor in laravel form is simple process. I will also show you how to integrate or enable image upload in Summernote editor.

Laravel 9 Install Summernote Editor with Image Upload

In this laravel 9 summernote with image upload integration example I will guide you through step by step to install and use summernote editor with image upload in laravel 9 application. Please follow the instruction given below:

Install Laravel 9
Connecting App to Database
Create Migration and Model File
Add Routes
Create Controller
Create Blade File
Run Development Server
Test This App

Install Laravel 9

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

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

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

Connecting App to Database

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=Enter_Your_Database_Name
DB_USERNAME=Enter_Your_Database_Username
DB_PASSWORD=Enter_Your_Database_Password

DB_CONNECTION=mysql

DB_HOST=127.0.0.1

DB_PORT=3306

DB_DATABASE=Enter_Your_Database_Name

DB_USERNAME=Enter_Your_Database_Username

DB_PASSWORD=Enter_Your_Database_Password

Create Migration and Model File

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

php artisan make:model Post -m

1	php artisan make:model Post -m

Next, go to database/migrations and open create_posts_table.php. Then put the following code into create_books_table.php file, as follow:

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

<?php

use Illuminate\Database\Migrations\Migration;

use Illuminate\Database\Schema\Blueprint;

use Illuminate\Support\Facades\Schema;

class CreatePostsTable extends Migration

{

/**

* Run the migrations.

* @return void

public function up()

{

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

$table->id();

$table->string('title');

$table->longText('description');

$table->timestamps();

});

}

/**

* Reverse the migrations.

* @return void

public function down()

{

Schema::dropIfExists('posts');

}

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

php artisan migrate

1	php artisan migrate

Now go to App directory and open Post.php model file. Then put the following code into Post.php model file, as follow:

app/Post.php

<?php
 
namespace App\Models;
 
use Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Database\Eloquent\Model;
 
class Post extends Model
{
    use HasFactory;
 
}

<?php

namespace App\Models;

use Illuminate\Database\Eloquent\Factories\HasFactory;

use Illuminate\Database\Eloquent\Model;

class Post extends Model

{

use HasFactory;

}

Add 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

use App\Http\Controllers\PostController;

Route::get('summernote-image-upload', [PostController::class, 'index']);
Route::post('post-summernote-image-upload', [PostController::class, 'store']);

use App\Http\Controllers\PostController;

Route::get('summernote-image-upload', [PostController::class, 'index']);

Route::post('post-summernote-image-upload', [PostController::class, 'store']);

Create Controller

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

php artisan make:controller PostController

1	php artisan make:controller PostController

Then, go to app/http/controllers and open PostController.php file. And update the following code into your PostController.php file, as follow:

<?php
 
namespace App\Http\Controllers;
 
use Illuminate\Http\Request;
 
use App\Models\Post;
 
class PostController extends Controller
{
    /**
     * Display a listing of the resource.
     *
     * @return \Illuminate\Http\Response
     */
    public function index()
    {
        return view('create');
    }
 
    /**
     * Store a newly created resource in storage.
     *
     * @param  \Illuminate\Http\Request  $request
     * @return \Illuminate\Http\Response
     */
   public function store(Request $request)
   {
 
       $this->validate($request, [
 
             'title' => 'required',
 
             'description' => 'required'
 
        ]);
 
    
       $description = $request->description;
 
       $dom = new \DomDocument();
 
       $dom->loadHtml($description, LIBXML_HTML_NOIMPLIED | LIBXML_HTML_NODEFDTD);    
 
       $images = $dom->getElementsByTagName('img');
 
       foreach($images as $k => $img){
 
 
           $data = $img->getAttribute('src');
 
           list($type, $data) = explode(';', $data);
 
           list(, $data)      = explode(',', $data);
 
           $data = base64_decode($data);
 
           $image_name= "/upload/" . time().$k.'.png';
 
           $path = public_path() . $image_name;
 
           file_put_contents($path, $data);
 
           $img->removeAttribute('src');
 
           $img->setAttribute('src', $image_name);
 
        }
 
 
       $description = $dom->saveHTML();
 
       $summernote = new Post;
 
       $summernote->title = $request->title;
 
       $summernote->description = $description;
 
       $summernote->save();
 
 
 
   echo "<h1>Title</h1>" , $Title;
 
   echo "<h2>Description</h2>" , $description;
 
   }
 
}

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

use App\Models\Post;

class PostController extends Controller

{

/**

* Display a listing of the resource.

* @return \Illuminate\Http\Response

public function index()

{

return view('create');

}

/**

* Store a newly created resource in storage.

* @param \Illuminate\Http\Request $request

* @return \Illuminate\Http\Response

public function store(Request $request)

{

$this->validate($request, [

'title' => 'required',

'description' => 'required'

]);

$description = $request->description;

$dom = new \DomDocument();

$dom->loadHtml($description, LIBXML_HTML_NOIMPLIED | LIBXML_HTML_NODEFDTD);

$images = $dom->getElementsByTagName('img');

foreach($images as $k => $img){

$data = $img->getAttribute('src');

list($type, $data) = explode(';', $data);

list(, $data) = explode(',', $data);

$data = base64_decode($data);

$image_name= "/upload/" . time().$k.'.png';

$path = public_path() . $image_name;

file_put_contents($path, $data);

$img->removeAttribute('src');

$img->setAttribute('src', $image_name);

}

$description = $dom->saveHTML();

$summernote = new Post;

$summernote->title = $request->title;

$summernote->description = $description;

$summernote->save();

echo "<h1>Title</h1>" , $Title;

echo "<h2>Description</h2>" , $description;

}

Create Blade File

In this step we will create blade file. Go to resources/views folder. And create a blade views create.blade.php. Then open create.blade.php file and update the following code into create.blade.php file, as follow:

<!DOCTYPE html>
<html>
<title>Laravel 9 Summernote Image Upload Example Tutorial</title>
<script type="text/javascript" src="https://code.jquery.com/jquery-1.9.1.min.js"></script> 
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" />
<script type="text/javascript" src="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<!-- include summernote css/js-->
<link href="http://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.4/summernote.css" rel="stylesheet">
<script src="http://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.4/summernote.js"></script>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-md-8 offset-2 mt-5">
<div class="card">
<div class="card-header bg-info">
<h6 class="text-white">Laravel 9 Summernote Image Upload Example</h6>
</div>
<div class="card-body">
<form method="post" action="{{ url('post-summernote-image-upload') }}" enctype="multipart/form-data">
@csrf
<div class="form-group">
<label>Title</label>
<input type="text" name="title" class="form-control"/>
</div>  
<div class="form-group">
<label><strong>Description :</strong></label>
<textarea class="summernote" name="description"></textarea>
</div>
<div class="form-group text-center">
<button type="submit" class="btn btn-success btn-sm">Save</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$(document).ready(function() {
$('.summernote').summernote({
height: 300,
});
});
</script>
</body>
</html>

<!DOCTYPE html>

<html>

<title>Laravel 9 Summernote Image Upload Example Tutorial</title>

</head>

<body>

<h6 class="text-white">Laravel 9 Summernote Image Upload Example</h6>

</div>

@csrf

<label>Title</label>

</div>

<label><strong>Description :</strong></label>

</div>

</div>

</form>

</div>

$(document).ready(function() {

$('.summernote').summernote({

height: 300,

});

</script>

</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/summernote-image-upload

1	http://localhost:8000/summernote-image-upload

Laravel 9 Google Recaptcha V3 Tutorial with Example

In this Laravel 9 Google Recaptcha V3 Tutorial with Example I will show you how to integrate google recaptcha v3 in laravel 9 application. I’ll guide you through step by step for integration of google recaptcha v3 in a laravel 9 application. We will be using ‘josiasmontag/laravel-recaptchav3’ package for laravel 9 google recaptcha v3 integration in laravel 9 application. In this tutorial, we will be creating a simple form with some basic fields along with the google recaptcha v3.

Laravel 9 Google Recaptcha V3 Integration

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

Laravel 9 Google Recaptcha V3 Tutorial with Example

Install Laravel 8
Setup Database Credentials
Install Laravel Google Recaptcha V3 Package
Set Google Site Key and Secret Key
Define Route
Create Controller
Create Blade View
Start Development Server
Conclusion

Install Laravel 9

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

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

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

Make sure you have composer installed.

Setup Database Credentials

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

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

DB_CONNECTION=mysql

DB_HOST=127.0.0.1

DB_PORT=3306

DB_DATABASE=larablog

DB_USERNAME=root

DB_PASSWORD=

Install Laravel Google Recaptcha V3 Package

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

composer require josiasmontag/laravel-recaptchav3

1	composer require josiasmontag/laravel-recaptchav3

After successfully installing package, we need to publish config file with bellow command:

php artisan vendor:publish --provider="Lunaweb\RecaptchaV3\Providers\RecaptchaV3ServiceProvider"

1	php artisan vendor:publish --provider="Lunaweb\RecaptchaV3\Providers\RecaptchaV3ServiceProvider"

Use the above command

Set Google Site Key and Secret Key

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

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

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

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

Laravel 9 Google Recaptcha V3 Tutorial with Example

Laravel 9 Google Recaptcha V3 Tutorial with Example 2

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

.env

RECAPTCHAV3_SITEKEY=[site-key]
RECAPTCHAV3_SECRET=[secret-key]

1 2	RECAPTCHAV3_SITEKEY=[site-key] RECAPTCHAV3_SECRET=[secret-key]

Set the details as above

Create Controller

Now, lets create Recaptcha Controller using following command

php artisan make:controller RecaptchaController

1	php artisan make:controller RecaptchaController

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

Controllers/RecaptchaController.php

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

class RecaptchaController extends Controller
{
    //
	public function index()
	{
		return view('recaptcha/index');
	}

	public function store(Request $request)
	{
		$request->validate([
		    'name' => 'required',
		    'email' => 'required|email',
		    'password' => 'required|min:6',
		    'g-recaptcha-response' => 'required|recaptchav3:register,0.5'
		]);

		return "success";
	}
}

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

class RecaptchaController extends Controller

{

public function index()

{

return view('recaptcha/index');

}

public function store(Request $request)

{

$request->validate([

'name' => 'required',

'email' => 'required|email',

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

'g-recaptcha-response' => 'required|recaptchav3:register,0.5'

]);

return "success";

}

Create View/Blade File

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

resources/views/recaptcha/index.blade.php

<!DOCTYPE html>

<html>

<head>

	<title>Laravel 9 Google Recaptcha V3 Integration</title>

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

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

	 {!! RecaptchaV3::initJs() !!}

</head>

<body>

  

<div class="container">

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

            <div class="panel panel-primary">

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

                <div class="panel-body">

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

                        {!! csrf_field() !!}

   

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

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

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

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

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

                                    <span class="help-block">

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

                                    </span>

                                @endif

                            </div>

                        </div>

   

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

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

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

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

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

                                    <span class="help-block">

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

                                    </span>

                                @endif

                            </div>

                        </div>

   

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

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

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

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

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

                                    <span class="help-block">

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

                                    </span>

                                @endif

                            </div>

                        </div>

   

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

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

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

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

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

                                    <span class="help-block">

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

                                    </span>

                                @endif

                            </div>

                        </div>

   

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

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

                                {!! RecaptchaV3::field('register') !!}

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

                                    <span class="help-block">

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

                                    </span>

                                @endif

                            </div>

                        </div>

   

                        <div class="form-group">

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

                                <br/>

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

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

                                </button>

                            </div>

                        </div>

                    </form>

                </div>

            </div>

        </div>

    </div>

</div>

   

</body>

</html>

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

<!DOCTYPE html>

<html>

<head>

<title>Laravel 9 Google Recaptcha V3 Integration</title>

{!! RecaptchaV3::initJs() !!}

</head>

<body>

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

{!! csrf_field() !!}

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

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

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

</span>

@endif

</div>

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

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

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

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

</span>

@endif

</div>

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

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

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

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

</span>

@endif

</div>

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

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

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

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

</span>

@endif

</div>

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

{!! RecaptchaV3::field('register') !!}

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

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

</span>

@endif

</div>

<br/>

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

</button>

</div>

</form>

</div>

</body>

</html>

Set Routes

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

routes/web.php

use App\Http\Controllers\RecaptchaController;

Route::get('recaptchacreate', [RecaptchaController::class, 'index']);
Route::post('store', [RecaptchaController::class, 'store']);

use App\Http\Controllers\RecaptchaController;

Route::get('recaptchacreate', [RecaptchaController::class, 'index']);

Route::post('store', [RecaptchaController::class, 'store']);

Start 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/recaptchacreate

1	http://localhost:8000/recaptchacreate

How to Install and Use Ckeditor in Laravel 9

In this How to Install Ckeditor in Laravel 9 tutorial I will show you how to install and use CKEditor in laravel. In this tutorial, you will learn to install CKEditor in laravel 9 using the command line. In this article I will guide you through how to install and upload images and files using CKEditor in laravel 9.

While creating forms we come to situation where we may text editor field so that we can insert and save html and other text into database. The CKEditor editor is feature rich wysiwyg html editor allows us to integrate text editor fields in html form.

How to Install Ckeditor in Laravel 9

In this step by step tutorial I will demonstrate you how to install and use CKEditor editor in laravel 9 application. Please follow the instruction given below:

Install Laravel 9
Connecting App to Database
Create Post Model & Migration
Add Fillable Property in Model
Make Route
Create Controller
Create Blade Views File
Start Development Server

Install Laravel 9

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

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

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

Connecting App to Database

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=database-name
DB_USERNAME=database-user-name
DB_PASSWORD=database-password

DB_CONNECTION=mysql

DB_HOST=127.0.0.1

DB_PORT=3306

DB_DATABASE=database-name

DB_USERNAME=database-user-name

DB_PASSWORD=database-password

Create Post Model & Migration

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

php artisan make:model Post -m

1	php artisan make:model Post -m

Now, open create_posts_table.php file inside /database/migrations/ directory. And the update the function up() with following code:

public function up()
{
    Schema::create('posts', function (Blueprint $table) {
        $table->id();
        $table->string('title');
        $table->text('body');
        $table->timestamps();
    });
}

public function up()

{

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

$table->id();

$table->string('title');

$table->text('body');

$table->timestamps();

});

}

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

php artisan migrate

1	php artisan migrate

Add Fillable Property in Model

In this step, add the fillable property in Post model, which is located inside app/models directory:

<?php
 
namespace App\Models;
 
use Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Database\Eloquent\Model;
 
class Post extends Model
{
    use HasFactory;
     
    protected $fillable = [
        "title",
        "body"
    ];
}

<?php

namespace App\Models;

use Illuminate\Database\Eloquent\Factories\HasFactory;

use Illuminate\Database\Eloquent\Model;

class Post extends Model

{

use HasFactory;

protected $fillable = [

"title",

"body"

];

}

Make 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 App\Http\Controllers\PostController;
use Illuminate\Support\Facades\Route;

Route::get('posts', [PostController::class, "index"]);
Route::get("create", [PostController::class, "create"]);
Route::post('store', [PostController::class, "store"]);

<?php

use App\Http\Controllers\PostController;

use Illuminate\Support\Facades\Route;

Route::get('posts', [PostController::class, "index"]);

Route::get("create", [PostController::class, "create"]);

Route::post('store', [PostController::class, "store"]);

Create Controller

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

php artisan make:controller PostController

1	php artisan make:controller PostController

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

app/Http/Controllers/PostController.php

<?php
 
namespace App\Http\Controllers;
 
use Illuminate\Http\Request;
use App\Models\Post;
 
class PostController extends Controller
{
     
    public function index() {
 
        $posts =  Post::orderBy("id", "desc")->paginate(5);
 
        return view("posts", compact("posts"));
    }
 
 
    // Create Post 
    public function create() {
 
        return view("create");
    }
 
 
    public function store(Request $request) {
 
        $post = [  "title"  =>  $request->title,
                    "body" => $request->body
                ];
       
        $post  =  Post::create($post);
 
        return back()->with("success", "Post has been created");
     
    }
}

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

use App\Models\Post;

class PostController extends Controller

{

public function index() {

$posts = Post::orderBy("id", "desc")->paginate(5);

return view("posts", compact("posts"));

}

// Create Post

public function create() {

return view("create");

}

public function store(Request $request) {

$post = [ "title" => $request->title,

"body" => $request->body

];

$post = Post::create($post);

return back()->with("success", "Post has been created");

}

Create Blade Views File

In this step we will create blade view file. Go to resource/views direcotry and create two files name posts.blade.php and create.blade.php file. Create a blade view file name posts.blade.php and put the following code into it:

posts.blade.php

<!doctype html>
<html lang="en">
<head>
<title> Laravel 9 Posts List For CKEditor Example </title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<style>
table td p {
word-break: break-all;
}
</style>
</head>
<body>
<div class="container mt-4">
<div class="row">
<div class="col-xl-8">
<h3 class="text-right"> Laravel 9 CKEditor Integration Example</h3>
</div>
<div class="col-xl-4 text-right">
<a href="{{url('create')}}" class="btn btn-primary"> Add Post </a>
</div>
</div>
@if(count($posts) > 0)
<div class="table-responsive mt-4">
<table class="table table-striped">
<thead>
<tr>
<th> Id </th>
<th style="width:30%;"> Title </th>
<th> Decription </th>
</tr>
</thead>
<tbody>
@foreach($posts as $post) 
<tr>
<td> {{ $post->id }} </td>
<td> {{ $post->title }} </td>
<td> {!! html_entity_decode($post->body) !!} </td>
</tr>
@endforeach
</tbody>
</table>
</div>
{{ $posts->links() }}
@endif
</div>      
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</body>
</html>

<!doctype html>

<head>

<title> Laravel 9 Posts List For CKEditor Example </title>

<style>

table td p {

word-break: break-all;

}

</style>

</head>

<body>

<h3 class="text-right"> Laravel 9 CKEditor Integration Example</h3>

</div>

</div>

@if(count($posts) > 0)

<thead>

<tr>

<th style="width:30%;"> Title </th>

<th> Decription </th>

</tr>

</thead>

<tbody>

@foreach($posts as $post)

<tr>

<td> {{ $post->title }} </td>

<td> {!! html_entity_decode($post->body) !!} </td>

</tr>

@endforeach

</tbody>

</table>

</div>

@endif

</div>

</body>

</html>

Now, create a blade view file name create.blade.php and put the following code into it:

create.blade.php

<!doctype html>
<html lang="en">
<head>
<title> Laravel 9 Install CKEditor Example </title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
{{-- CKEditor CDN --}}
<script src="https://cdn.ckeditor.com/ckeditor5/23.0.0/classic/ckeditor.js"></script>
</head>
<body>
<div class="container mt-5">
<div class="row">
<div class="col-xl-12 text-right">
<a href="{{ url('posts') }}" class="btn btn-danger"> Back </a>
</div>
</div>
<form action="{{url('store')}}" method="POST">
@csrf
<div class="row">
<div class="col-xl-8 col-lg-8 col-sm-12 col-12 m-auto">
@if(Session::has('success'))
<div class="alert alert-success alert-dismissible">
<button type="button" class="close" data-dismiss="alert">×</button>
{{ Session::get('success') }}
</div>
@elseif(Session::has('failed'))
<div class="alert alert-danger alert-dismissible">
<button type="button" class="close" data-dismiss="alert">×</button>
{{ Session::get('failed') }}
</div>
@endif
<div class="card shadow">
<div class="card-header">
<h4 class="card-title"> Laravel 8 Install CKEditor Example Tutorial </h4>
</div>
<div class="card-body">
<div class="form-group">
<label> Title </label>
<input type="text" class="form-control" name="title" placeholder="Enter the Title">
</div>
<div class="form-group">
<label> Body </label>
<textarea class="form-control" id="body" placeholder="Enter the Description" name="body"></textarea>
</div>
</div>
<div class="card-footer"> 
<button type="submit" class="btn btn-success"> Save </button>
</div>
</div>
</div>
</div>
</form>
</div>
<script>
ClassicEditor
.create( document.querySelector( '#body' ) )
.catch( error => {
console.error( error );
} );
</script>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</body>
</html>

<!doctype html>

<head>

<title> Laravel 9 Install CKEditor Example </title>

</head>

<body>

</div>

@csrf

@if(Session::has('success'))

</div>

@elseif(Session::has('failed'))

</div>

@endif

<h4 class="card-title"> Laravel 8 Install CKEditor Example Tutorial </h4>

</div>

<label> Title </label>

</div>

</div>

</div>

</form>

</div>

ClassicEditor

.create( document.querySelector( '#body' ) )

.catch( error => {

console.error( error );

} );

</script>

</body>

</html>

Note that, Don’t forget to add the following cdn file to your blade view file:

<script src="https://cdn.ckeditor.com/ckeditor5/23.0.0/classic/ckeditor.js"></script>

1	<script src="https://cdn.ckeditor.com/ckeditor5/23.0.0/classic/ckeditor.js"></script>

Start 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://127.0.0.1:8000/create

1	http://127.0.0.1:8000/create

Laravel 9 Resource Route Controller Example Tutorial

In this Laravel 9 resource route, controller example tutorial I will show you how to create a resource route, controller, API resource route, and API resource controller in laravel 9. In this tutorial you will learn to create resource route, controller, API resource route and API resource controller in laravel. You will also learn to use resource controller and routes in laravel 9. In this article I will also show you how to create resource routes and controllers using the PHP artisan make command in laravel 9.

Laravel Resource Route and Controller

With laravel resource controller and resource route you can quick and easily CRUD operation in laravel. In order to create CRUD operation for any resource you have to create resource routes and controller. First you need to create resource route and then need to create resource controller to generate method for insert, update, view and delete operation for any resource.

Laravel 9 Resource Route Controller Example Tutorial

Controller Using Artisan Command
- Create a Simple Controller
- Create a Resource Controller
- Create a Resource Controller with Model
Routes
- Create Simple Routes
- Create Resource Routes
API Controller and Routes

1:- Controller Using Artisan Command

Use the following command to create simple and resource controller in laravel 9.

Create a Simple Controller

Use the following artisan command to create simple controller in laravel:

php artisan make:controller BOOKController

1	php artisan make:controller BOOKController

The above command will create a simple controller file inside app/http/controllers directory. When you open newly created controller file it will look like:

<?php
 
namespace App\Http\Controllers;
 
use Illuminate\Http\Request;
 
 
class BOOKController extends Controller
{
 
}

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

class BOOKController extends Controller

{

}

Create a Resource Controller

Use the following artisan command to create resource controller in laravel:

php artisan make:controller CRUDController --resource

1	php artisan make:controller CRUDController --resource

The above command will create a resource controller file inside app/http/controllers directory. When you open newly created resource controller file it will look like:

<?php
 
 
namespace App\Http\Controllers;
 
 
use Illuminate\Http\Request;
 
 
class BOOKController extends Controller
{
    /**
     * Display a listing of the resource.
     *
     * @return \Illuminate\Http\Response
     */
    public function index()
    {
 
    
    }
 
 
    /**
     * Show the form for creating a new resource.
     *
     * @return \Illuminate\Http\Response
     */
    public function create()
    {
 
        
    }
 
 
    /**
     * Store a newly created resource in storage.
     *
     * @param  \Illuminate\Http\Request  $request
     * @return \Illuminate\Http\Response
     */
    public function store(Request $request)
    {
 
         
    }
 
 
    /**
     * Display the specified resource.
     *
     * @param  \App\Book  $book
     * @return \Illuminate\Http\Response
     */
    public function show(Book $book)
    {
 
         
    }
 
 
    /**
     * Show the form for editing the specified resource.
     *
     * @param  \App\Book  $book
     * @return \Illuminate\Http\Response
     */
    public function edit(Book $book)
    {
 
         
    }
 
 
    /**
     * Update the specified resource in storage.
     *
     * @param  \Illuminate\Http\Request  $request
     * @param  \App\Book  $book
     * @return \Illuminate\Http\Response
     */
    public function update(Request $request, Book $book)
    {
 
         
    }
 
 
    /**
     * Remove the specified resource from storage.
     *
     * @param  \App\Book  $book
     * @return \Illuminate\Http\Response
     */
    public function destroy(Book $book)
    {
 
         
    }
}

100

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

class BOOKController extends Controller

{

/**

* Display a listing of the resource.

* @return \Illuminate\Http\Response

public function index()

{

}

/**

* Show the form for creating a new resource.

* @return \Illuminate\Http\Response

public function create()

{

}

/**

* Store a newly created resource in storage.

* @param \Illuminate\Http\Request $request

* @return \Illuminate\Http\Response

public function store(Request $request)

{

}

/**

* Display the specified resource.

* @param \App\Book $book

* @return \Illuminate\Http\Response

public function show(Book $book)

{

}

/**

* Show the form for editing the specified resource.

* @param \App\Book $book

* @return \Illuminate\Http\Response

public function edit(Book $book)

{

}

/**

* Update the specified resource in storage.

* @param \Illuminate\Http\Request $request

* @param \App\Book $book

* @return \Illuminate\Http\Response

public function update(Request $request, Book $book)

{

}

/**

* Remove the specified resource from storage.

* @param \App\Book $book

* @return \Illuminate\Http\Response

public function destroy(Book $book)

{

}

The resource controller contains by default index (), create (), edit (), update (), destroy () method inside it.

Create a Resource Controller with Model

Use the following artisan command to create a resource controller with model file in laravel:

php artisan make:controller BOOKController --resource --model=book

1	php artisan make:controller BOOKController --resource --model=book

The above command will create resource controller along with a model file. The controller file has located inside app/http/controllers directory. And Model file is located inside app/Models directory.

<?php
 
 
namespace App\Http\Controllers;
 
use Illuminate\Http\Request;
 
Use App\Models\Book;
 
 
class BOOKController extends Controller
{
    /**
     * Display a listing of the resource.
     *
     * @return \Illuminate\Http\Response
     */
    public function index()
    {
 
    
    }
 
 
    /**
     * Show the form for creating a new resource.
     *
     * @return \Illuminate\Http\Response
     */
    public function create()
    {
 
        
    }
 
 
    /**
     * Store a newly created resource in storage.
     *
     * @param  \Illuminate\Http\Request  $request
     * @return \Illuminate\Http\Response
     */
    public function store(Request $request)
    {
 
         
    }
 
 
    /**
     * Display the specified resource.
     *
     * @param  \App\Book  $book
     * @return \Illuminate\Http\Response
     */
    public function show(Book $book)
    {
 
         
    }
 
 
    /**
     * Show the form for editing the specified resource.
     *
     * @param  \App\Book  $book
     * @return \Illuminate\Http\Response
     */
    public function edit(Book $book)
    {
 
         
    }
 
 
    /**
     * Update the specified resource in storage.
     *
     * @param  \Illuminate\Http\Request  $request
     * @param  \App\Book  $book
     * @return \Illuminate\Http\Response
     */
    public function update(Request $request, Book $book)
    {
 
         
    }
 
 
    /**
     * Remove the specified resource from storage.
     *
     * @param  \App\Book  $book
     * @return \Illuminate\Http\Response
     */
    public function destroy(Book $book)
    {
 
         
    }
}

100

101

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

Use App\Models\Book;

class BOOKController extends Controller

{

/**

* Display a listing of the resource.

* @return \Illuminate\Http\Response

public function index()

{

}

/**

* Show the form for creating a new resource.

* @return \Illuminate\Http\Response

public function create()

{

}

/**

* Store a newly created resource in storage.

* @param \Illuminate\Http\Request $request

* @return \Illuminate\Http\Response

public function store(Request $request)

{

}

/**

* Display the specified resource.

* @param \App\Book $book

* @return \Illuminate\Http\Response

public function show(Book $book)

{

}

/**

* Show the form for editing the specified resource.

* @param \App\Book $book

* @return \Illuminate\Http\Response

public function edit(Book $book)

{

}

/**

* Update the specified resource in storage.

* @param \Illuminate\Http\Request $request

* @param \App\Book $book

* @return \Illuminate\Http\Response

public function update(Request $request, Book $book)

{

}

/**

* Remove the specified resource from storage.

* @param \App\Book $book

* @return \Illuminate\Http\Response

public function destroy(Book $book)

{

}

If you open Model file, you will look like:

<?php
 
namespace App\Models;
 
use Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Database\Eloquent\Model;
 
class Crud extends Model
{
    use HasFactory;
}

<?php

namespace App\Models;

use Illuminate\Database\Eloquent\Factories\HasFactory;

use Illuminate\Database\Eloquent\Model;

class Crud extends Model

{

use HasFactory;

}

2:- Routes

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

Create Simple Routes

<?php
   
use Illuminate\Support\Facades\Route;
   
use App\Http\Controllers\BOOKController;
 
Route::get('books',['as'=>'books.index','uses'=>'BOOKController@index']);
 
Route::post('books/create',['as'=>'books.store','uses'=>'BOOKController@store']);
 
Route::get('books/edit/{id}',['as'=>'books.edit','uses'=>'BOOKController@edit']);
 
Route::patch('books/{id}',['as'=>'books.update','uses'=>'BOOKController@update']);
 
Route::delete('books/{id}',['as'=>'books.destroy','uses'=>'BOOKController@destroy']);
 
Route::get('books/{id}',['as'=>'books.view','uses'=>'BOOKController@view']);

<?php

use Illuminate\Support\Facades\Route;

use App\Http\Controllers\BOOKController;

Route::get('books',['as'=>'books.index','uses'=>'BOOKController@index']);

Route::post('books/create',['as'=>'books.store','uses'=>'BOOKController@store']);

Route::get('books/edit/{id}',['as'=>'books.edit','uses'=>'BOOKController@edit']);

Route::patch('books/{id}',['as'=>'books.update','uses'=>'BOOKController@update']);

Route::delete('books/{id}',['as'=>'books.destroy','uses'=>'BOOKController@destroy']);

Route::get('books/{id}',['as'=>'books.view','uses'=>'BOOKController@view']);

Create Resource Routes

<?php
   
use Illuminate\Support\Facades\Route;
   
use App\Http\Controllers\CRUDController;
    
/*
|--------------------------------------------------------------------------
| 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::resource('crud', CRUDController::class);

<?php

use Illuminate\Support\Facades\Route;

use App\Http\Controllers\CRUDController;

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

| 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::resource('crud', CRUDController::class);

Then open terminal and run the following command on it:

php artisan route:list

1	php artisan route:list

The following command will display resource routes methods:

+--------+-----------+-------------------+---------------+---------------------------------------------+--------------+
| Domain | Method | URI | Name | Action | Middleware |
+--------+-----------+-------------------+---------------+---------------------------------------------+--------------+
| | GET|HEAD | api/user | | Closure | api,auth:api |
| | GET|HEAD | books | books.index | App\Http\Controllers\BOOKController@index | web |
| | POST | books | books.store | App\Http\Controllers\BOOKController@store | web |
| | GET|HEAD | books/create | books.create | App\Http\Controllers\BOOKController@create | web |
| | GET|HEAD | books/{book} | books.show | App\Http\Controllers\BOOKController@show | web |
| | PUT|PATCH | books/{book} | books.update | App\Http\Controllers\BOOKController@update | web |
| | DELETE | books/{book} | books.destroy | App\Http\Controllers\BOOKController@destroy | web |
| | GET|HEAD | books/{book}/edit | books.edit | App\Http\Controllers\BOOKController@edit | web |
+--------+-----------+-------------------+---------------+---------------------------------------------+--------------+

+--------+-----------+-------------------+---------------+---------------------------------------------+--------------+

+--------+-----------+-------------------+---------------+---------------------------------------------+--------------+

| | GET|HEAD | books/{book} | books.show | App\Http\Controllers\BOOKController@show | web |

| | PUT|PATCH | books/{book} | books.update | App\Http\Controllers\BOOKController@update | web |

| | DELETE | books/{book} | books.destroy | App\Http\Controllers\BOOKController@destroy | web |

| | GET|HEAD | books/{book}/edit | books.edit | App\Http\Controllers\BOOKController@edit | web |

+--------+-----------+-------------------+---------------+---------------------------------------------+--------------+

3:- API Controller and Routes

Create Resource Controller

Use the following artisan command to create a API resource controller:

php artisan make:controller API\BOOKController- resource

1	php artisan make:controller API\BOOKController- resource

The above command will create a simple controller file inside app/http/controllers/API directory. When you open newly created resource controller file it will look like:

<?php
 
 
namespace App\Http\Controllers\API;
 
use App\Http\Controllers\Controller;
 
use Illuminate\Http\Request;
 
 
class BOOKController extends Controller
{
    /**
     * Display a listing of the resource.
     *
     * @return \Illuminate\Http\Response
     */
    public function index()
    {
 
    
    }
 
 
    /**
     * Show the form for creating a new resource.
     *
     * @return \Illuminate\Http\Response
     */
    public function create()
    {
 
        
    }
 
 
    /**
     * Store a newly created resource in storage.
     *
     * @param  \Illuminate\Http\Request  $request
     * @return \Illuminate\Http\Response
     */
    public function store(Request $request)
    {
 
         
    }
 
 
    /**
     * Display the specified resource.
     *
     * @param  \App\Book  $book
     * @return \Illuminate\Http\Response
     */
    public function show(Book $book)
    {
 
         
    }
 
 
    /**
     * Show the form for editing the specified resource.
     *
     * @param  \App\Book  $book
     * @return \Illuminate\Http\Response
     */
    public function edit(Book $book)
    {
 
         
    }
 
 
    /**
     * Update the specified resource in storage.
     *
     * @param  \Illuminate\Http\Request  $request
     * @param  \App\Book  $book
     * @return \Illuminate\Http\Response
     */
    public function update(Request $request, Book $book)
    {
 
         
    }
 
 
    /**
     * Remove the specified resource from storage.
     *
     * @param  \App\Book  $book
     * @return \Illuminate\Http\Response
     */
    public function destroy(Book $book)
    {
 
         
    }
}

100

101

<?php

namespace App\Http\Controllers\API;

use App\Http\Controllers\Controller;

use Illuminate\Http\Request;

class BOOKController extends Controller

{

/**

* Display a listing of the resource.

* @return \Illuminate\Http\Response

public function index()

{

}

/**

* Show the form for creating a new resource.

* @return \Illuminate\Http\Response

public function create()

{

}

/**

* Store a newly created resource in storage.

* @param \Illuminate\Http\Request $request

* @return \Illuminate\Http\Response

public function store(Request $request)

{

}

/**

* Display the specified resource.

* @param \App\Book $book

* @return \Illuminate\Http\Response

public function show(Book $book)

{

}

/**

* Show the form for editing the specified resource.

* @param \App\Book $book

* @return \Illuminate\Http\Response

public function edit(Book $book)

{

}

/**

* Update the specified resource in storage.

* @param \Illuminate\Http\Request $request

* @param \App\Book $book

* @return \Illuminate\Http\Response

public function update(Request $request, Book $book)

{

}

/**

* Remove the specified resource from storage.

* @param \App\Book $book

* @return \Illuminate\Http\Response

public function destroy(Book $book)

{

}

Define Resource API Route

Lets open “routes/api.php” file and add the following routes in it.

routes/api.php

use App\Http\Controllers\API\BOOKController;
 
Route::resource('book', [BOOKController::class]);

use App\Http\Controllers\API\BOOKController;

Route::resource('book', [BOOKController::class]);

Laravel 9 Backup Store On Google Drive Tutorial with Example

Setup Google Drive Account

Install Laravel 9

Connecting App to Database

Install spatie/laravel-backup

Setup Google Drive as Filesystem in Laravel

Configure Google Drive Details

Execute Backup Command

Laravel 9 Multiple File Upload using jQuery Ajax

Install Laravel 9

Database Configuration

Build File Model & Migration

Create Ajax Multiple File Upload Routes

Make Controller using Artisan Command

Create an Ajax Form to Upload Multiple File

Ajax Code to Upload Multiple File

Start Development Server

Laravel 9 JWT Rest API Authentication Example Tutorial

Install Laravel 9

Configure Database

Install JWT Auth

Registering Middleware

Run Migration

Create APIs Route

Create JWT Auth Controller

Test Laravel 9 REST API with JWT Auth in Postman

1 – Laravel Register Rest API :

2 – Login API :

Google Autocomplete

Laravel 9 Google Autocomplete Address Tutorial

Install Laravel 9

Get Api Key From Google

Add Route

Generate Controller by Command

Create Blade view

Add Autocomplete Script.

Run Development Server

Laravel 9 Datatables Column Relationship Search Tutorial

Install Laravel 9

Connecting App to database

Install Yajra DataTable

Create Migration and Modal

Add route

Create Controller by Artisan Command

Create Blade File

Run Development Server

Custom Validation Error Messages In Laravel 9

Install Laravel 9

Connecting App to Database,

Run Migration Command

Add Routes

Generate Controller By Command.

Create Blade View

Run Development Server.

Laravel 9 Generate PDF File using DomPDF Tutorial

Install Laravel 9

Install domPDF Package

Register DOMPDF Package

Create PDF Routes

Create PDF Controller By Artisan Command

Create Blade File

Run Development Server

Laravel 9 Flash Message Example Tutorial

Flash Messages in Laravel 9

1 – Success Flash Message

2 – Error Flash Message

3 – Warning Flash Message

4 – Info Flash Message

5 – Sweet Alert Flash Success Message

6 – Sweet Alert Flash Error Message

Laravel 9 Install Summernote Editor with Image Upload

Install Laravel 9

Connecting App to Database

Create Migration and Model File

Add Routes

Create Controller

Create Blade File

Run Development Server

Laravel 9 Google Recaptcha V3 Integration

Laravel 9 Google Recaptcha V3 Tutorial with Example