Membuat & Menampilkan Data Dari Database Ke Blade Dengan API di Laravel 9

API atau Application Programming Interface merupakan sebuah teknologi yang memungkinkan aplikasi dan sistem yang berbeda untuk berkomunikasi dan bertukar data dengan mudah dan efektif. Dalam pengembangan aplikasi web, API memegang peran yang sangat penting, terutama dalam memungkinkan integrasi antara aplikasi yang berbeda.

Salah satu framework yang populer untuk pengembangan aplikasi web adalah Laravel. Laravel menyediakan kemampuan untuk membuat dan mengintegrasikan API dengan mudah, baik itu RESTful API maupun API dengan format lainnya. Dalam blog ini, kita akan membahas tentang API di Laravel, termasuk bagaimana membuat dan mengintegrasikannya ke dalam aplikasi web Anda. Jadi, jika Anda tertarik untuk mempelajari lebih lanjut tentang API di Laravel, mari kita mulai!

Dalam dunia pengembangan web, Laravel adalah salah satu framework yang populer untuk membangun aplikasi berbasis web. Laravel menyediakan kemampuan untuk membuat dan mengintegrasikan API ke dalam aplikasi web Anda dengan mudah dan efektif. 

Berikut contoh kasus yang saya ambil adalah mengenai pemanggilan data dari database server untuk di tampilkan ke user client. Ya jadi dalam kasus ini ada 2 project laravel 1 sebagai web akses client dan 1 lagi admin backend. Disini kita akan menampilkan data karyawan dari database server ke tampilan blade yang di buka oleh user di komputer client :

   

Sekarang kita membuat controller di server untuk memberi akses ke client untuk mengatur data apa saja yang bisa di tampilkan pada komputer client saat user meng akses link API, disini saya membuat controller dengan nama ApiController,php dan tuliskan kode berikut, kalian bisa sesuaikan nama tabel dengan yang kalian punya untuk menampilkan data yang kalian inginkan nanti saat user mengakses web laravel dari client :

public function index(request $request)

    {

        $kar = karyawan::all();

        return response()->json($kar);

    } 

kode diatas berfungsi menampilkan data dari tabel "karyawan" yang di ubah menjadi json 

Selanjutnya kita membuat route API di server, kalian bisa buka file "api.php" di folder routes pada projek laravel kalian, lalu buat routenya seperti ini 

Route::get('apikaryawan',[App\Http\Controllers\ApiController::class,'index']);

Selanjutnya, dalam kasus ini link API sudah berhasil kita buat :

http://192.168.0.104/hrd/public/api/apikaryawan 

Penjelasan link di atas, ip 192.168.0.104 adalah ip komputer server yang berjalan di jaringan local

 /hrd/public/api/apikaryawan , hrd merupakan nama projek laravel di server, public adalah nama direktori index projek, api merupakan route yang harus di sertakan dan apikaryawan nama url route yang kita buat sebelumnya di file "api.php"

Selanjutnya sekarang kita pindah ke project pada komputer client untuk menampilkan data "karyawan" tadi yang sudah kita atur di server, sebelumnya kalian masuk ke rood projek laravel di komputer client kalian melalui cmd dan ketik kode berikut :

composer require guzzlehttp/guzzle

Selanjutnya kita akan mebuat controller DataApiController.php

Setelah selesai, tambahkan use GuzzleHttp\Client; pada file Controller yang akan menggunakan library GuzzleHttp\Client.

 Sekarang kita membuat fuction seperti berikut :

public function datakaryawan()

    {

        $client = new Client();

        $response = $client->request('GET', 'http://192.168.0.104/hrd/public/api/apikaryawan');

        $data = json_decode($response->getBody());

        return view('data_karyawan', compact('data'));

    }

Selanjutnya kita buat routing di file "web.php" sebagai berikut :

Route::get('/data-karyawan', [App\Http\Controllers\DataApiController::class, 'datakaryawan'])->name('datakaryawan');

Terakhir kita membuat tampilan di file blade kita, disini saya membuat file blade dengan nama "data_karyawan" dan menampilkan data ke dalam tabel sebagai berikut :

                    <div class="table-responsive">

                        <table class="table table-bordered table-responsive">

                            <thead>

                                <tr>

                                    <th>Nama Karyawan</th>

                                    <th>Divisi</th>

                                </tr>

                            </thead>

                            <tbody>

                                @foreach($data as $dt)

                                <tr>

                                    <td>{{ $dt->nama }} </td>

                                    <td>{{ $dt->divisi }}</td>

                                </tr>

                                @endforeach

                            </tbody>

                        </table>

                     </div>

Selanjutnya kalian bisa mencoba apakah APi telah berjalan dengan baik dengan cara akses project laravel client kalian untuk melihat data karyawan tersebut dan pastikan komputer server dalam kondisi menyala agar Link API dapat di akses.

Oke teman teman sekian dlu mengenai "Membuat & Menampilkan Data Dari Database Ke Blade Dengan API di Laravel 9" semoga tutorial cara kita aja ini berguna dan bermanfaat, selanjutnya kita akan mencoba praktek API dengan kasus yang berbeda.

Sampai jumpa lagi,