Ikhwan Saputera

Setiap Waktu adalah Belajar, Setiap Tempat adalah Sekolah, Setiap Orang adalah Guru

Tuesday, February 25, 2020

Generate QR Code di Laravel

Kita tahu bahwa QR Code adalah jenis barcode matrix (atau barcode dua dimensi). Kode QR dapat menampung 3248 bit atau 406 byte. Dalam tutorial ini, kita akan membuat QR Code, di Laravel.
Berikut langkah-langkahnya :

  1. Instal Laravel 
  2. Instal Paket dan Konfigurasi 
  3. Penggunaan Dasar 
  4. Buat Rute 
  5. Buat dalam File Blade 
  6. Penggunaan Lanjutan

Langkah 1: Instal Laravel


Buka folder proyek Anda (untuk xampp, buka folder htdocs) dan tulis perintah ini di terminal Anda untuk membuat proyek.

composer require belajarqrcode/simple-qrcode

Langkah 2: Instal Paket dan Konfigurasi

Kita akan menggunakan paket bernama ‘
simplesoftwareio/simple-qrcode. Mari kita gunakan komposer untuk menginstal paket ini:

composer require simplesoftwareio/simple-qrcode

Sekarang kita harus menambahkan penyedia layanan dan alias ke file konfigurasi. Buka file config / app.php dan masukkan kode seperti di bawah ini:

'providers' => [

    ....

    SimpleSoftwareIO\QrCode\QrCodeServiceProvider::class,

],

'aliases' => [

    ....

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

],

Langkah 3: Penggunaan Dasar

Kita telah berhasil menginstal QR Code di aplikasi Laravel. Mari kita lihat beberapa penggunaan dasar. Sintaks dasarnya adalah:



QrCode::size(100)->generate('MyNotePaper');

Size: We can set the size of the QR code image.

QrCode::size(300)->generate('MyNotePaper');

Color: We can also set background color.

QrCode::size(250)->backgroundColor(255,255,204)->generate('MyNotePaper');

Colorful QR Code

Langkah 4: Buat Route

Pada langkah ini, kita akan membuat rute ‘qrcode’. Salin dan tempel kode ini dalam file routes/web.php


<?php

Route::get('qrcode', function () {
    return QrCode::size(250)
        ->backgroundColor(255, 255, 204)
        ->generate('MyNotePaper');
});

Sekarang jalankan aplikasi Anda dan kunjungi URL untuk melihat QR Code. 🙂

// run application
php artisan serve
// visit the route
http://localhost/project:8000/qrcode

Langkah 5: Hasilkan di File Blade


Kita dapat dengan mudah menghasilkan QR Code di file blade. Formatnya adalah:

{!! QrCode::generate('MyNotePaper'); !!}

Mari kita lihat sebuah contoh:

Buat rute:

Route::get('qrcode_blade', function () {
    return view('qr_code');
});


Sekarang buat file blade di folder sumber daya bernama ‘qr_code_blade.php’.
qr_code_blade.php

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
    <title>Laravel QR Code Example</title>
</head>
<body>

<div class="text-center" style="margin-top: 50px;">
    <h3>Laravel QR Code Example</h3>

    {!! QrCode::size(300)->generate('MyNotePaper'); !!}

    <p>MyNotePaper</p>
</div>

</body>
</html>


Mari kita lihat hasilnya dengan mengunjungi rute dari browser:


Langkah 6: Penggunaan Lanjutan

Lihat Kode QR tanpa Menyimpan: Anda dapat menampilkan gambar PNG tanpa menyimpan file dengan memberikan string mentah dan encode dengan base64_encode.

<img src="data:image/png;base64, {!! base64_encode(QrCode::format('png')->size(100)->generate('Make me into an QrCode!')) !!} ">

Format: Biasanya menghasilkan (); fungsi mengembalikan gambar svg. Ada beberapa format juga.

QrCode :: format ('png'); // Mengembalikan gambar PNG
QrCode :: format ('eps'); // Mengembalikan gambar EPS
QrCode :: format ('svg'); // Mengembalikan gambar SVG

Pengkodean: Kami juga dapat mengatur pengodean karakter:

QrCode :: encoding ('UTF-8') -> generate ('kode QR dengan simbol khusus ♠ ♥ !!');

Margin: Tetapkan margin dengan cara ini:

QrCode :: margin (10) -> menghasilkan ('MyNotePaper');

Bitcoin: Dengan bantuan fungsi pembantu ini, kami dapat mengirim pembayaran saat dipindai.

QrCode::BTC($address, $amount);

//Sends a 0.334BTC payment to the address
QrCode::BTC('bitcoin address', 0.334);

//Sends a 0.334BTC payment to the address with some optional arguments
QrCode::size(500)->BTC('address', 0.0034, [
    'label' => 'my label',
    'message' => 'my message',
    'returnAddress' => 'https://www.returnaddress.com'
]);


Pesan Teks: Kita dapat menulis sms dalam kode QR.

QrCode::SMS($phoneNumber, $message);

// Membuat pesan teks dengan nomor yang diisi.
QrCode :: SMS ('555-555-5555');

// Membuat pesan teks dengan nomor dan pesan diisi.
QrCode :: SMS ('555-555-5555', 'Isi pesan');

Nomor Ponsel: Memanggil nomor ponsel dari kode QR yang dipindai.

QrCode :: phoneNumber ($ phoneNumber);

QrCode :: phoneNumber ('555-555-5555');
QrCode :: phoneNumber ('1-800-Laravel');

Email: Kami juga dapat secara otomatis mengisi email, subjek dan isi ketika dipindai Kode QR:

QrCode :: email ($ to, $ subject, $ body);

// Mengisi alamat to
QrCode :: email ('foo@bar.com ');

// Mengisi alamat, subjek, dan isi email.
QrCode :: email ('foo@bar.com ',' Ini adalah subjeknya. ',' Ini adalah badan pesan. ');

// Mengisi hanya subjek dan isi email.
QrCode :: email (null, 'Ini subjeknya.', 'Ini adalah badan pesan.');

Lokasi Geo: Lewati bujur dan lintang melalui kode QR:

QrCode :: geo ($ latitude, $ longitude);

QrCode :: geo (37.822214, -122.481769);

Terhubung ke WiFi: Mudah terhubung ke WiFi dari kode QR yang dipindai.

QrCode :: wiFi ([
'enkripsi' => 'WPA / WEP',
'ssid' => 'SSID jaringan',
'kata sandi' => 'Kata sandi jaringan',
'hidden' => 'Apakah jaringan itu SSID yang disembunyikan atau tidak.'
]);

// Menghubungkan ke jaringan WiFi terbuka.
QrCode :: wiFi ([
ini

No comments:

Post a Comment