How to Generate Various QR Codes in Laravel 8 Application

Last updated on: by Digamber

This guide will take you through all the necessary steps, which will tell you how to generate various QR codes in the Laravel 8 application using the simple QR code package.

A simple QR code generator gives you the freedom to generate different types of QR Codes in the Laravel 8 app. It gives a simple QrCode wrapper, which is easy to integrate into laravel, thanks to Bacon/BaconQrCode.

You can easily install in laravel using the Composer package; it requires package services to be registered in config/app.php; after that, you can generate a variety of QR codes in laravel like simple QR codes, colored QR codes even you can proliferate the QR codes in laravel with high-end customization.

Laravel 8 Simple QR Code Generator Tutorial with Example

  • Step 1: Create Laravel Project
  • Step 2: Add Database Details
  • Step 3: Install QR Code Package
  • Step 4: Register QR Code Service
  • Step 5: Build Controller
  • Step 6: Add Route
  • Step 7: Generate QR Codes in Blade View
  • Step 8: Run Laravel App

Create Laravel Project

First, head over to the terminal and use the suggested command to install the new project. Don’t forget to get inside the project folder.

composer create-project --prefer-dist laravel/laravel laravel-demo
cd laravel-demo

Add Database Details

The .env config file helps you establish the database connection, make sure to add the database credentials in this 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

Install QR Code Package

Get into the command prompt, type the given command, and begin installing the simplesoftwareio/simple-qrcode package; it profoundly helps create various kinds of QR codes in the laravel app.

composer require simplesoftwareio/simple-qrcode

Register QR Code Service

You have to register the QR code services in to the config/app.php file, so open the file and update the providers and alias array with the given below services.

<?php

    return [

    'providers' => [
        ....
        ....
        ....                
        SimpleSoftwareIO\QrCode\QrCodeServiceProvider::class,
    ],
    
    'aliases' => [
        ....
        ....
        ....                
        'QrCode' => SimpleSoftwareIO\QrCode\Facades\QrCode::class,
    ]

Build Controller

In laravel, all the business logic goes into the controller file, and we need a controller to create one by using the given command.

php artisan make:controller QrCodeController

Next, head over to resources/views/QrCodeController.blade.php and add the provided code.

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

class QrCodeController extends Controller
{
    public function index()
    {
      return view('qrcode');
    }
}

Add Route

In the controller we defined the function to load the view file, code in the controller is run by routes, so go ahead and define the new route in routes/web.php file.

<?php

use Illuminate\Support\Facades\Route;
use App\Http\Controllers\QrCodeController;

/*
|--------------------------------------------------------------------------
| Web Routes
|--------------------------------------------------------------------------
*/

Route::get('/generate-qrcode', [QrCodeController::class, 'index']);

Generate QR Codes in Blade View

We will show you how to use the view file and generate simple and colored QR Codes in laravel.

Now, you are ready to set up a blade view file, hence create the blade view file within the views folder, after that add the provided code in the resources/views/qrcode.blade.php file.

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>Laravel Generate QR Code Examples</title>
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"/>
</head>

<body>

    <div class="container mt-4">

        <div class="card">
            <div class="card-header">
                <h2>Simple QR Code</h2>
            </div>
            <div class="card-body">
                {!! QrCode::size(300)->generate('RemoteStack') !!}
            </div>
        </div>

        <div class="card">
            <div class="card-header">
                <h2>Color QR Code</h2>
            </div>
            <div class="card-body">
                {!! QrCode::size(300)->backgroundColor(255,90,0)->generate('RemoteStack') !!}
            </div>
        </div>

    </div>
</body>
</html>

Start Application

Eventually, use the PHP artisan command to start the laravel server, also use the given url to view the app.

php artisan serve
http://127.0.0.1:8000/generate-qrcode

Create Different Barcodes in Laravel

Conclusion

The laravel 8 simple QR code tutorial, with an example, is ended. If you have understood every instruction that we shared so far, you will create QR codes in laravel without any problem. We explained the process of building basic QR codes; however, you can go further and create QR codes for MeCard, Geo Address, Website URL, Secured URL, E-mail Address, Phone Number, Text (SMS), and Wifi. We are sure you would love this package for its extended options.

Digamber

I am Digamber, a full-stack developer and fitness enthusiast. I crafted this site to bestow my coding experience and love to write on JavaScript, React, Angular, Vue, Laravel.