Table of contents

laravel qr code generator

In my previous post, I'm posted about barcodes now I'm sharing about QR codes in a separate post. We know that QR codes are so important to quicker the sharing of data like website links, app links, product links, secret codes, and many others. So if you have a project in Laravel that needs to generate a QR code maybe it could help you.

 

laravel qr code generator

 

To shortcut our effort thanks to this QR code generator package by milon.

 

Okay, let's start.

 

Step 1: Laravel Installation

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

 

Then go to the project directory:

cd laravel-qrcode

 

Step 2: Database Configuration

If your Laravel project is fresh then you need to update your database credentials. Just open the .env file in your Laravel 8 project.

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=your_database_name_here
DB_USERNAME=your_database_username_here
DB_PASSWORD=your_database_password_here

 

Step 3: Install Package

Next, we will install our barcode package by milon. Run the following command below:

composer require milon/barcode

 

Step 4: Create Controller & Routes

Then run the following command to generate controller:

php artisan make:controller QRCodeController

 

And add the route below to routes\web.php

Route::get('/qrcode', 'App\Http\Controllers\QRCodeController@index')->name('home.index');

 

Then see below our QRCodeController code:

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

class QRCodeController extends Controller
{
    public function index() 
    {
        $link = "https://codeanddeploy.com/category/laravel";

        return view('barcode', [
            'link' => $link
        ]);
    }
}

 

Step 5: Add View

Then create a file barcode.blade.php to resources/views directory. See the following code below:

<!DOCTYPE html>
    <html>

    <head>
        <meta charset="utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>Laravel 8 QR Code Demo - codeanddeploy.com</title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css">
    </head>

    <body>
        <div class="container mt-5">

            <h3>SCAN QR CODE FOR MORE LARAVEL TUTORIALS.</h3>

            <br><br>

            <div class="mb-3">{!! DNS2D::getBarcodeHTML("$link", 'QRCODE') !!}</div>
        </div> 
        </div>
    </body>
</html>

 

Then run your Laravel project:

php artisan serve

 

Then view the below URL to your browser:

http://127.0.0.1:8000/qrcode

 

I hope it helps. Thanks for reading :)

Read next