Cara Membuat Qrcode dengan Laravel

QRCode salah satu fitur yang memudahkan pembacaan kode suatu produk dalam kasus inventory. Dulu kita juga pernah menggunakan barcode pada Codeigniter. Kasus tersebut saya gunakan dalam pembuatan inventory bengkel dan aplikasi sales order lainnya.

Pada laravel, kita dapat melakukan hal yang sama dengan lebih mudah. Compose memudahkan kita untuk mendownload class yang digunakan untuk membuat QRCode tersebut. Untuk mencobanya, saya akan menjelaskan cara sederhana membuat Qrcode dengan Laravel. Mari ikuti langkah per langkah.

Awalnya tentu saja install laravel pada komputer kawan-kawan. Proses ini saya skip ya, saya pastikan kawan-kawan telah menginstall laravel pada komputer masing-masing. Pada kasus ini saya menggunakan Laravel versi 5.5, untuk laravel versi terbaru saya belum bisa pastikan berjalan dengan baik atau perlu settingan khusus. Jadi baiknya, samakan saja versi laravelnya ya agar cara membuat qrcode ini dengan laravel berhasil kita coba.

Saya menggunakan class pada website ini https://www.simplesoftware.io/docs/simple-qrcode. Dan mari kita coba saja langsung dengan mengedit composer.json pada folder laravel kawan-kawan.

Saya menambahkan kode berikut.

"simplesoftwareio/simple-qrcode": "~2"

Sehingga fullnya seperti ini.

{
    "name": "laravel/laravel",
    "description": "The Laravel Framework.",
    "keywords": ["framework", "laravel"],
    "license": "MIT",
    "type": "project",
    "require": {
        "php": ">=7.0.0",
        "fideloper/proxy": "~3.3",
        "laravel/framework": "5.5.*",
        "laravel/tinker": "~1.0",
        "simplesoftwareio/simple-qrcode": "~2"
    },
    "require-dev": {
        "filp/whoops": "~2.0",
        "fzaninotto/faker": "~1.4",
        "mockery/mockery": "~1.0",
        "phpunit/phpunit": "~6.0",
        "symfony/thanks": "^1.0"
    },
    "autoload": {
        "classmap": [
            "database/seeds",
            "database/factories"
        ],
        "psr-4": {
            "App\\": "app/"
        }
    },
    "autoload-dev": {
        "psr-4": {
            "Tests\\": "tests/"
        }
    },
    "extra": {
        "laravel": {
            "dont-discover": [
            ]
        }
    },
    "scripts": {
        "post-root-package-install": [
            "@php -r \"file_exists('.env') || copy('.env.example', '.env');\""
        ],
        "post-create-project-cmd": [
            "@php artisan key:generate"
        ],
        "post-autoload-dump": [
            "Illuminate\\Foundation\\ComposerScripts::postAutoloadDump",
            "@php artisan package:discover"
        ]
    },
    "config": {
        "preferred-install": "dist",
        "sort-packages": true,
        "optimize-autoloader": true
    }
}

Baik, setelah itu coba kita panggil perintah.

composer update

Jika lancar, berarti class kode qrcode seharusnya sudah masuk ke folder vendor berikut ini.

qrcode dengan laravel


[crp]


Baik setelah itu kita coba buat satu controller untuk menghandle proses membuat qrcode dengan laravel ini.

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

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

}

Saya membuat controller “QrcodeController.php” lalu di dalam controller tersebut saya buat satu fungsi index yang akan memanggil view yaitu view qrcode.index.

Mari kita buat view qrcode.index tersebut di dalam folder resources berikut ini.

qrcode 2 dengan laravel

Isi index.blade.php tersebut pada folder qrcode seperti kode dibawah ini.

<div class="visible-print text-center">
    {!! QrCode::size(100)->generate('123'); !!}
    <p>Scan me to return to the original page.</p>
</div>

Baik, setelah itu mari kita tambahkan route url agar kita bisa melihat apakah qrcode berhasil kita buat atau tidak.

Buka file routes/web.php. Lalu tambahkan kode seperti kode dibawah ini.

Route::get('/qrcode/index', 'QrcodeController@index');

Setelah itu, sekarang mari coba kita coba jalankan laravel ini dengan perintah.

php artisan serve

Dimana kode itu akan menjalankan laravel sehingga cara membuat qrcode dengan laravel ini berhasil.

Setelah itu arahkan ke url berikut: http://localhost:8000/qrcode/index sehingga menampilkan tampilan seperti dibawah ini.

qrcode 3 dengan laravel

Kita telah berhasil membuat qrcode dengan laravel. Kalau kawan-kawan perhatikan, qrcode ini kita tampilkan berdasarkan kode yang kita masukan pada view blade index.blade.php. Pada file itu terlihat saya memasukan kode ‘123’. Nah jika kawan-kawan ingin mengubah menjadi kode barang atau kode produk kawan-kawan, silahkan lakukan sedikit perubahan pada controller QrcodeController.php dengan cara mempassing value ke view tersebut.

Menarik ya 🙂

Ingin belajar bersama? ikuti Kursus Training Backend dengan Laravel di Bekasi biar makin banyak studi kasus yang akan kita buat sehingga pengalaman handle proyek backend laravel semakin yahud 😀

Artikel lainnya

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

%d bloggers like this: