Laravel 8 QR Code Generate Example

Websolutionstuff | Jun-30-2021 | Categories : Laravel

In this post we will see Laravel 8 qr code generate example. we will generate QR Code using simple-qrcode package. so we will learn how to create QR Code in laravel 8 using simple package.

Here, we are using simple-qrcode package, This package is very simple to use and generate QR Code in laravel 8,you can also learn from official side of Simple QrCode.

so, let's start to implement laravel 8 QR Code generate example.

 

Step 1: Install Simple QRCode Package

In the first step we will install simple-qrcode package using cli. if you don't have install laravel then first install or setup laravel project. so below command and past in your terninal

composer require simplesoftwareio/simple-qrcode

 

Step 2: Setup Configuration

in app.php file add service provider and aliase.

config/app.php

'providers' => [

    SimpleSoftwareIO\QrCode\QrCodeServiceProvider::class

],

'aliases' => [

    'QrCode' => SimpleSoftwareIO\QrCode\Facades\QrCode::class

],

 

Step 3: Create Controller QRController

In this we will create QRController in App\Http\Controllers path. and code for generate QR Code

php artisan:make controller QRController

 

<?php

namespace App\Http\Controllers;
use Illuminate\Http\Request;
use SimpleSoftwareIO\QrCode\Facades\QrCode;

class QRController extends Controller

{
    public function index()
    {
    	return view('qrcode.index');
    }
    
    public function create()
    {
        QrCode::generate('https://websolutionstuff.com', '../public/QRCode.svg');
	    return redirect()->route('qrcode.index');
    }
}

 

Three formats are currently supported; png, eps, and svg. To change the format use the following code:

Note : imagick is required in order to generate a png image.

QrCode::format('png');  //Will return a png image
QrCode::format('eps');  //Will return a eps image
QrCode::format('svg');  //Will return a svg image

 

 

You can change the size of a QR Code by using the size method. Simply specify the size desired in pixels using the following syntax:

QrCode::size(100);

 

Step 4: Create Routes for QR Code Generate

Now step 4 in add routes for generate QR Code in laravel 8

use App\Http\Controllers\QRController;

Route::get('qr_code/index', [QRController::class, 'index'])->name('qrcode.index');
Route::get('qr_code/create', [QRController::class, 'create'])->name('qrcode.create');

 

Step 5: Create Blade File

In this step create balde file in resource/views/qrcode/index.blade.php path.

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>Laravel 8 QR Code Generate Example - Websolutionstuff</title>
		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

	</head>
	<body>
		<form class="text-center" action="{{route('qrcode.create')}}" method="get" accept-charset="utf-8">
			<div class="row mt-5">
				<div class="col-md-12">
					<h2>Laravel 8 QR Code Generate Example - Websolutionstuff</h2>
					<button class="btn btn-success" type="submit">Generate</button> 
					<a href="{{asset('QrCode.svg')}}" class="btn btn-primary" download>Download</a><br>
					<img class="img-thumbnail" src="{{asset('QrCode.svg')}}" width="150" height="150" style="margin-top: 20px">
				</div>
			</div>
		</form>
	</body>
</html>

 

and also you can directly generate QR Code in blade file using below code.

{!! QrCode::generate('https:www.websolutionstuff.com'); !!}


 and finally you will get output like below screen shot.

Laravel 8 QR Code Generate Example

 

Recommended Post
Featured Post
How to Disable Right Click using jQuery
How to Disable Right Click usi...

In this small post i will show you how to disable right click using jquery. Here, we will disable right click on pa...

Read More

Aug-18-2021

How To Run Python Script In Laravel 9
How To Run Python Script In La...

In this article, we will see how to run the python scripts in laravel 9. Python is a popular programming language.&...

Read More

May-07-2022

How to Multiple Image Upload in Laravel 10 API
How to Multiple Image Upload i...

Hello everyone! I'm excited to share with you how I'm enhancing my Laravel 10 API by enabling the capability to...

Read More

Dec-01-2023

Laravel 8 Datatables Keeping Selected Page Number
Laravel 8 Datatables Keeping S...

In this tutorial we will see laravel 8 datatables keeping selected page number after callback. In datatable page nu...

Read More

Dec-03-2021