Laravel 8 QR Code Generator Example

    In this tutorial, we will see the laravel 8 QR code generator example. we will generate QR code using simplesoftwareio/simple-qrcode package in laravel 8. simplesoftwareio/simple-qrcode package is an easy-to-use PHP QR Code generator with first-party support for laravel 8.

    Using this simplesoftwareio/simple-qrcode package, you can generate a simple QR code, text QR code, image QR code in laravel 8. Also, you can customize as per requirements like color, size, text, height, width, etc.

    You can read more on SimpleSoftwareIO simple-qrcode and also read Official Documentation.

    So, let's see how to generate QR code in laravel 8 using simplesoftwareio/simple-qrcode.

    Step 1 : Create Laravel 8 Project

    Step 2 : Configure Database

    Step 3 : Install QR Code Package

    Step 4 : Create Controller

    Step 5 : Add Route

    Step 6 : Generate QR Codes in Blade View

    Step 7 : Run Laravel App

Step 1 : Create Laravel 8 Project

    In this step, we will create laravel 8 project using the below command.

composer create-project --prefer-dist laravel/laravel laravel_8_qr_code_example
Read Also : How to Run Specific Seeder in Laravel 8
Step 2 : Configure Database

    Now, we will set up database configuration in the .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
Step 3 : Install QR Code Package

    In the third step, we will install simplesoftwareio/simple-qrcode package using the below command.

composer require simplesoftwareio/simple-qrcode
Read Also : Vue Js Sweetalert Modal Notification Tutorial
Step 4 : Create Controller

    After installing the package, create a QRCodeController using the below command.

php artisan make:controller QRCodeController

    In QRCodeController add the below code.

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use QrCode;

class QRCodeController extends Controller
{
    public function index()
    {
      return view('qr_code');
    }
}
Step 5 : Add Route

    Now, we will add the qr-code route in the web.php file.

use App\Http\Controllers\QRCodeController;
Route::get('/qr-code', [QRCodeController::class, 'index'])->name('qr-code');
Read Also : How To Create Middleware For XSS Protection In Laravel 8
Step 6 : Generate QR Codes in Blade View

    In this step, create a qr_code blade file and add the below code in that file.

<!DOCTYPE html>
<html>
<head>
  <title>Laravel 8 QR Code Generator Example - Websolutionstuff</title>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
</head>
<body>
    <div class="container">
        <div class="row text-center mt-5">
            <div class="col-md-6">
                <h4>Simple QR Code</h4>
                {!! QrCode::size(150)->generate('websolutionstuff.com') !!}
            </div>
            <div class="col-md-6">
                <h4>Color Qr Code</h4>
                {!! QrCode::size(150)->backgroundColor(255,55,0)->generate('websolutionstuff.com') !!}
            </div>
        </div> 
    </div> 
</body>
</html>
Step 7 : Run Laravel App

    Now, run laravel project using the below command.

php artisan serve
Read Also : Laravel 8 Datatables Keeping Selected Page Number

    Now, open the below URL on your browser.

http://localhost:8000/qr-code

    You might also like :

Bình luận
Vui lòng đăng nhập để bình luận
Một số bài viết liên quan