Membuat QR Code Pada Laravel – Halo semuanya, pada tutorial kali ini, kita akan coba membuat QR Code dengan menggunakan Libary Milon Barcode..
Membuat QR Code Pada Laravel
Dizaman sekarang, qr code itu sangat dibutuhkan, biasanya digunakan untuk memberikan identitas detail pada suatu produk atau barang, atau bahkan juga bisa digunakan untuk membuktikan keaslian dari suatu dokumen..
Misalkan sebagai contoh yaitu dokumen hasil test PCR atau Antigen, yang mana pada kertas tersebut memiliki sebuah Qr Code untuk mengarahkan kita ke suatu halaman web tertentu sebagai bukti apakah hasil tersebut asli atau tidak..
Intinya QR Code ini digunakan untuk menunjukkan informasi apa yang ada dibalik dari Barcode tersebut..
Sebagai developer, tentunya kita dituntut untuk bisa mengakomodir fitur tersebut, untungnya pada framework Laravel sudah ada Package khusus untuk meng generate QR Code, lantas bagaimana caranya? Yuk kita bahas..
Instalasi Package Milon/Barcode
Untuk langkah pertama yang perlu kita lakukan yaitu instalasi Package / Library nya, nama package nya yaitu Milon Barcode..
Package ini Compatible dengan semua versi Laravel, mulai dari versi 4, 5, 6, 7 dan 8..
Silahkan buka file composer.json nya, dan pada bagian require tambahkan seperti berikut:
Untuk Laravel 4.0, 4.1, dan 4.2, gunakan seperti berikut:
"require": { "milon/barcode": "^4.2" }
Untuk laravel 5.0 dan 5.1:
"require": { "milon/barcode": "^5.1" }
Untuk Laravel 6.* :
"require": { "milon/barcode": "^6.0" }
Untuk Laravel 7.* :
"require": { "milon/barcode": "^7.0" }
Untuk Laravel 8.* :
"require": { "milon/barcode": "^8.0" }
Setelah itu, kalian jalankan perintah berikut pada Terminal / CMD :
composer update
Selanjutnya langkah terakhir yaitu kamu perlu melakukan sedikit konfigurasi pada file config/app.php..
Provider
Pada bagian provider, tambahkan seperti berikut:
'providers' => [ // ... Milon\Barcode\BarcodeServiceProvider::class, ]
Khusus untuk laravel 4.*, didalam bagian provider pada file app/config/app.php tambahkan seperti berikut:
'providers' => array( // ... 'Milon\Barcode\BarcodeServiceProvider', )
Aliases
Kemudian masih di file yang sama, pada bagian aliases kalian tambahkan seperti berikut:
'aliases' => [ // ... 'DNS1D' => Milon\Barcode\Facades\DNS1DFacade::class, 'DNS2D' => Milon\Barcode\Facades\DNS2DFacade::class, ]
Khusus untuk Laravel 4.2, gunakan seperti berikut:
'aliases' => array( // ... 'DNS1D' => 'Milon\Barcode\Facades\DNS1DFacade', 'DNS2D' => 'Milon\Barcode\Facades\DNS2DFacade', )
Okee untuk proses instalasi dan konfigurasi nya sudah selesai, sekarang kita masuk kedalam cara penggunaan nya..
Generate QR Code
Sekarang kita akan coba generate QR Code nya..
Baca Juga : Membuat Sendiri Authentication Pada Laravel..
Sebagai contoh, saya akan menggenerate URL dari blog saya ini yaitu sangcahaya.id, maka nanti ketika QR Code tersebut di scan, mereka akan diarahkan ke blog saya ini sesuai dengan url yang ada didalam qr code tersebut..
Untuk contoh koding nya adalah seperti berikut:
$url = 'https://sangcahaya.id'; $qr = \DNS2D::getBarcodePNGPath($url, 'QRCODE');
Diatas saya memiliki sebuah variable $url yang berisi alamat dari blog tercinta saya hehe.. 😀
Kemudian kita menggenerate url tersebut kedalam qr code seperti yang pada baris ke-3 menggunakan perintah \DNS2D::getBarcodePNGPath()..
Terdapat 2 parameter, parameter pertama yaitu nilai nya, dan parameter kedua yaitu jenis barcode nya, karena kita ingin menggenerate nya ke qrcode, maka kita isi QRCODE..
Untuk jenis-jenis barcode yang lainnya, bisa kamu cek pada halaman resmi nya disini..
Kemudian untuk cara menampilkan view nya adalah sama seperti kalian menampilkan gambar, sebagai contoh:
<img src="{{ $qr }}">
Maka nanti hasilnya akan seperti berikut:
Mengatur ukuran dari QR Code nya, (Lebar dan Tinggi)..
Untuk mengatur lebar dan tinggi dari qrcode nya, kita tinggal tambahkan saja 2 parameter baru, yang berarti akan ada 4 parameter..
Sebagai contoh :
$qr = \DNS2D::getBarcodePNGPath($url, 'QRCODE', 5, 10);
Parameter ke-3 adalah untuk ukuran lebar nya, kita set ke angka 5..
Dan parameter ke-4 untuk ukuran tinggi nya, kita set ke angka 10..
Maka nanti hasilnya akan menjadi seperti berikut:
Nah angka tersebut tinggal kalian sesuaikan aja sesuai dengan kebutuhan nya masing-masing..
Sekian untuk tutorial kali ini, semoga bermanfaat yaa.. Terima Kasih..
Support Us
Jika artikel ini bermanfaat untuk kamu, membantu menyelesaikan masalah yang sedang kamu hadapi, kamu juga bisa dukung kami dengan mengunjungi halaman berikut: https://saweria.co/sangcahayaid
Terima kasih..
[…] Pada postingan sebelumnya, kita sudah pernah mempelajari tentang cara membuat qr code dengan menggunakan libary milon barcode.. Kalian bisa kunjungi tutorial nya disini.. […]