Pada tutorial kali ini, saya akan bagikan tips ke temen-temen sekali bagaimana cara membuat barcode generator di Laravel. Seperti kegunaannya, barcode digunakan untuk mengidentifikasi identitas dari suatu barang. Jika temen-temen liat dibagian belakan kemasan produk-produk maka kalian akan temukan barcode disana.

Kali ini saya akan memberikan tutorial secara singkat bagaiamana membuatnya di Laravel. Semoga artikel ini bisa memberikan pencerahan untuk kalian yang sedang mengembangkan proyek dan membutuhkan fitur barcode disana.

Kita akan menggunakan paket dari picqer/php-barcode-generator yang tersedia di compoer untuk mengenerate barcode di aplikasi Laravel kita nantinya. Kalian bisa generate ke svg, png, jpg untuk barcodenya. Lebih jelasnya silahkan kalian ikuti langkah-langkah dibawah ini:

Preview:

Hasil Tampilan Generate Barcode

1. Menginstal Laravel 8 (Versi Terbaru)

Langkah pertama, pastikan kalian sudah menginstall project Laravel. Pada tutorial ini saya menggunakan Laravel versi 8. Untuk menginstallnya, silahkan jalankan perintah dibawah ini pada terminal/ CMD kalian.

composer create-project --prefer-dist laravel/laravel laravel_barcode

2. Menginstal Paket picqer/php-barcode-generator

Langkah kedua, silahkan kalian install paket picqer/php-barcode-generator. Kita akan menggunakan paket ini untuk menggenerate barcode. Untuk menginstallnya, silahkan buka terminal/ CMD kalian, lalu jalankan perintah dibawah ini.

composer require picqer/php-barcode-generator

3. Membuat Route

Langkah ketiga, silahkan kalian bukan routes/web.php untuk menambahkan route baru. Selanjutnya tambahkan kode program dibawah ini.

routes/web.php

<?php

Route::view('barcode', 'barcode');

4. Membuat File Blade

Langkah keempat, silahkan kalian buat satu file blade baru dan berikan nama “barcode.blade.php” kemudian tambahkan kode program dibawah ini.

resources/view/barcode.blade.php

<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">

    <title>Barcode Generator: Serambi Laravel</title>
  </head>
  <body>
  <!-- Image and text -->
    <nav class="navbar navbar-light bg-light">
    <div class="container-fluid px-5">
        <a class="navbar-brand" href="#">
        <img src="https://serambilaravel.com/wp-content/uploads/2021/01/Serambi-Laravel-Icon.png" alt="" width="30" height="30" class="d-inline-block align-top">
        <b>Serambi</b> Laravel - Catatan Koding Seputar Framework Laravel
        </a>
    </div>
    </nav>
    </br>
    </br>
    </br>
    <div class="container-fluid px-5">
        <b><h2>Scan Barcode Disini:</h2></b></br>

        <h3>Product: 0001245259636</h3>
            @php
                $generator = new Picqer\Barcode\BarcodeGeneratorHTML();
            @endphp
            
            {!! $generator->getBarcode('0001245259636', $generator::TYPE_CODE_128) !!}
            
            
            <h3>Product 2: 000005263635</h3>
            @php
                $generatorPNG = new Picqer\Barcode\BarcodeGeneratorPNG();
            @endphp
            
            <img src="data:image/png;base64,{{ base64_encode($generatorPNG->getBarcode('000005263635', $generatorPNG::TYPE_CODE_128)) }}">
    </div>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW" crossorigin="anonymous"></script>
  </body>
</html>

5. Jalankan Server

Langkah terakhir, sekarang jalankan server proyek laravel kalian dengan cara jalankan perintah dibawah ini di terminal/CMD kalian.

php artisan serve

Oke, cukup mudah bukan? Semoga tutorial singkat ini dapat membantu temen-temen semua. Jangan lupa dibagikan yaa, supaya temen-temen lainnya bisa mendapatkan manfaat dari tutorial membuat barcode di Laravel ini, Yaa… 🙂

https://blog.abdan.xyz/
Do you like Abdan Zam Zam Ramadhan's articles? Follow on social!
Comments to: Membuat Barcode Generator Di Laravel 8

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

Attach images - Only PNG, JPG, JPEG and GIF are supported.