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 :
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
- Instal Laravel
- Instal Paket dan Konfigurasi
- Penggunaan Dasar
- Buat Rute
- Buat dalam File Blade
- 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