This guide will take you through all the necessary steps, which will tell you how to generate various QR codes in the Laravel 9 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 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, coloured QR codes even you can proliferate the QR codes in laravel with high-end customization.
Laravel 9 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-democd laravel-demoAdd 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_passwordIf you are using MAMP local server in macOs; make sure to append UNIX_SOCKET and DB_SOCKET below database credentials in .env file.
UNIX_SOCKET=/Applications/MAMP/tmp/mysql/mysql.sock
DB_SOCKET=/Applications/MAMP/tmp/mysql/mysql.sockInstall 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-qrcodeRegister 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 QrCodeControllerNext, 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 servehttp://127.0.0.1:8000/generate-qrcode
Conclusion
The laravel 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.
