{"id":40,"date":"2025-06-17T10:59:41","date_gmt":"2025-06-17T10:59:41","guid":{"rendered":"https:\/\/nia.infokand23.my.id\/blog\/?p=40"},"modified":"2025-06-17T15:06:34","modified_gmt":"2025-06-17T15:06:34","slug":"tugas-api-laravel","status":"publish","type":"post","link":"https:\/\/nia.infokand23.my.id\/blog\/tugas-api-laravel\/","title":{"rendered":"Tugas API Laravel"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">A. Pendahuluan<\/h2>\n\n\n\n<p>API (Application Programming Interface) adalah sekumpulan aturan dan protokol yang memungkinkan berbagai aplikasi perangkat lunak untuk berkomunikasi satu sama lain. Anggap saja API sebagai &#8220;pelayan&#8221; atau &#8220;jembatan&#8221; di dunia digital. Saat Anda menggunakan sebuah aplikasi, misalnya memesan ojek online, aplikasi tersebut perlu mengakses data dari aplikasi lain, seperti peta untuk navigasi. API inilah yang memungkinkan permintaan data (seperti lokasi Anda) dikirim ke server penyedia peta dan kemudian menerima respons (berupa tampilan peta) untuk ditampilkan di aplikasi ojek online Anda. Anda sebagai pengguna tidak perlu tahu kerumitan proses di baliknya; API menangani semuanya di belakang layar.<\/p>\n\n\n\n<p>Fungsi utama API adalah untuk <strong>mengintegrasikan<\/strong> dan <strong>memfasilitasi pertukaran data<\/strong> antar platform atau aplikasi yang berbeda tanpa harus mengetahui cara kerja internal masing-masing. Dengan adanya API, pengembang tidak perlu membangun setiap fitur dari nol. Mereka dapat memanfaatkan fungsionalitas yang sudah ada dari aplikasi lain. Contohnya, pengembang aplikasi e-commerce dapat menggunakan API dari sistem pembayaran untuk memproses transaksi, sehingga mereka tidak perlu repot membuat sistem pembayaran sendiri. Hal ini mempercepat proses pengembangan, meningkatkan efisiensi, dan memungkinkan terciptanya aplikasi yang lebih kaya fitur dengan menghubungkan berbagai layanan menjadi satu kesatuan yang utuh.<\/p>\n\n\n\n<p>Untuk lebih jelasnya, coba lihat gambar berikut:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"743\" height=\"489\" src=\"https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-22.png\" alt=\"\" class=\"wp-image-41\" srcset=\"https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-22.png 743w, https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-22-300x197.png 300w\" sizes=\"auto, (max-width: 743px) 100vw, 743px\" \/><\/figure>\n\n\n\n<p>Komponen-komponen API adalah seperti berikut:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Request (Permintaan)\n<ul class=\"wp-block-list\">\n<li>URL\/Endpoint<\/li>\n\n\n\n<li>HTTP Method<\/li>\n\n\n\n<li>Headers<\/li>\n\n\n\n<li>Body\/Payload<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Response (Respons)\n<ul class=\"wp-block-list\">\n<li>Status Code<\/li>\n\n\n\n<li>Headers<\/li>\n\n\n\n<li>Body\/Data<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n<p>Berikut ini merupakan ilustrasi komponen utama API<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"754\" height=\"545\" src=\"https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-23.png\" alt=\"\" class=\"wp-image-44\" srcset=\"https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-23.png 754w, https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-23-300x217.png 300w\" sizes=\"auto, (max-width: 754px) 100vw, 754px\" \/><\/figure>\n\n\n\n<p>RESTful API adalah sebuah API yang dirancang mengikuti gaya arsitektur REST (Representational State Transfer), yang saat ini menjadi standar paling populer untuk membangun layanan web. Ini bukanlah sebuah protokol yang kaku, melainkan serangkaian prinsip dan panduan desain. Dalam konsep REST, semua informasi dianggap sebagai &#8220;sumber daya&#8221; (resource), misalnya data pengguna atau detail produk, yang dapat diakses melalui URL unik. Untuk memanipulasi sumber daya ini, RESTful API memanfaatkan metode standar HTTP yang sudah ada: GET untuk mengambil data, POST untuk membuat data baru, PUT\/PATCH untuk memperbarui data yang sudah ada, dan DELETE untuk menghapusnya. Salah satu ciri utamanya adalah bersifat stateless (tanpa status), yang berarti setiap permintaan dari client harus berisi semua informasi yang dibutuhkan server untuk memprosesnya, karena server tidak menyimpan informasi sesi dari permintaan sebelumnya. Pendekatan ini membuat API menjadi lebih sederhana, andal, dan mudah untuk diskalakan.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">B. Langkah-Langkah<\/h2>\n\n\n\n<p>Pada tutorial ini, kita akan membuat sebuah API di project laravel. Tutorial ini akan membuat project baru laravel agar dapat mudah dipahami dari awal hingga akhir. API yang dibuat akan berfungsi sebagai CRUD sederhana dengan database SQLite.<\/p>\n\n\n\n<p>Pertama-tama, buatlah sebuah project laravel terlebih dahulu menggunakan <a href=\"https:\/\/laravel.com\/docs\/12.x\/installation\" data-type=\"link\" data-id=\"https:\/\/laravel.com\/docs\/12.x\/installation\">Laravel Installer<\/a> atau composer. <\/p>\n\n\n\n<p>Setelah menginstall project laravel, kita akan membuat migrasi data. Masukkan kode berikut di terminal:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"716\" height=\"33\" src=\"https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-24.png\" alt=\"\" class=\"wp-image-49\" srcset=\"https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-24.png 716w, https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-24-300x14.png 300w\" sizes=\"auto, (max-width: 716px) 100vw, 716px\" \/><\/figure>\n\n\n\n<p>Setelah dijalankan, masukkan kode berikut ke file migrasi yang telah dibuat. Letaknya  di database\/migration:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"832\" height=\"274\" src=\"https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-25.png\" alt=\"\" class=\"wp-image-50\" srcset=\"https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-25.png 832w, https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-25-300x99.png 300w, https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-25-768x253.png 768w\" sizes=\"auto, (max-width: 832px) 100vw, 832px\" \/><\/figure>\n\n\n\n<p>Setelah dimasukkan, lakukan migrasi dengan memasukkan kode berikut di terminal:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"466\" height=\"50\" src=\"https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-26.png\" alt=\"\" class=\"wp-image-51\" srcset=\"https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-26.png 466w, https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-26-300x32.png 300w\" sizes=\"auto, (max-width: 466px) 100vw, 466px\" \/><\/figure>\n\n\n\n<p>Jika sudah, maka akan seperti berikut:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"87\" src=\"https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-27-1024x87.png\" alt=\"\" class=\"wp-image-52\" srcset=\"https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-27-1024x87.png 1024w, https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-27-300x25.png 300w, https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-27-768x65.png 768w, https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-27.png 1169w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Setelah itu, kita akan membuat model berdasarkan migrasi yang telah kita buat. Caranya dengan memasukkan kode berikut di terminal:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"286\" height=\"39\" src=\"https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-28.png\" alt=\"\" class=\"wp-image-53\"\/><\/figure>\n\n\n\n<p>Lalu, masukkan kode berikut di model Product yang yang telah dibuat:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"469\" height=\"340\" src=\"https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-29.png\" alt=\"\" class=\"wp-image-54\" srcset=\"https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-29.png 469w, https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-29-300x217.png 300w\" sizes=\"auto, (max-width: 469px) 100vw, 469px\" \/><\/figure>\n\n\n\n<p>Setelah membuat model dan migrasi, maka kita akan bangun API nya. Pertama, buat Route API nya dengan cara memasukkan kode berikut:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"488\" height=\"40\" src=\"https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-30.png\" alt=\"\" class=\"wp-image-55\" srcset=\"https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-30.png 488w, https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-30-300x25.png 300w\" sizes=\"auto, (max-width: 488px) 100vw, 488px\" \/><\/figure>\n\n\n\n<p>Kemudian, masukkan kode berikut di routes\/api.php<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"843\" height=\"44\" src=\"https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-31.png\" alt=\"\" class=\"wp-image-56\" srcset=\"https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-31.png 843w, https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-31-300x16.png 300w, https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-31-768x40.png 768w\" sizes=\"auto, (max-width: 843px) 100vw, 843px\" \/><\/figure>\n\n\n\n<p>Kedua, kita akan membuat ProductController. Caranya dengan memasukkan kode berikut:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"730\" height=\"37\" src=\"https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-33.png\" alt=\"\" class=\"wp-image-58\" srcset=\"https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-33.png 730w, https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-33-300x15.png 300w\" sizes=\"auto, (max-width: 730px) 100vw, 730px\" \/><\/figure>\n\n\n\n<p>Setelah itu, masukkan kode berikut ke controller:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"606\" height=\"469\" src=\"https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-34.png\" alt=\"\" class=\"wp-image-59\" srcset=\"https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-34.png 606w, https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-34-300x232.png 300w\" sizes=\"auto, (max-width: 606px) 100vw, 606px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"639\" height=\"444\" src=\"https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-36.png\" alt=\"\" class=\"wp-image-61\" srcset=\"https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-36.png 639w, https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-36-300x208.png 300w\" sizes=\"auto, (max-width: 639px) 100vw, 639px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"796\" height=\"435\" src=\"https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-37.png\" alt=\"\" class=\"wp-image-62\" srcset=\"https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-37.png 796w, https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-37-300x164.png 300w, https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-37-768x420.png 768w\" sizes=\"auto, (max-width: 796px) 100vw, 796px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"669\" height=\"477\" src=\"https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-38.png\" alt=\"\" class=\"wp-image-63\" srcset=\"https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-38.png 669w, https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-38-300x214.png 300w\" sizes=\"auto, (max-width: 669px) 100vw, 669px\" \/><\/figure>\n\n\n\n<p>Kemudian, kita akan membuat API Resource. Fitur yang memungkinkan untuk mentransformasi model data atau collection menjadi format JSON yang konsisten dan mudah dikustomisasi untuk API response. API Resource berfungsi sebagai layer transformasi antara model Eloquent dan JSON response yang dikirim ke client sehingga dapat digunakan untuk Mengontrol format output JSON, Menyembunyikan field sensitive, Menambahkan field computed dan Membuat response yang konsisten.<\/p>\n\n\n\n<p>Buat API Resouce dengan memasukkan kode berikut:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"643\" height=\"44\" src=\"https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-39.png\" alt=\"\" class=\"wp-image-64\" srcset=\"https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-39.png 643w, https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-39-300x21.png 300w\" sizes=\"auto, (max-width: 643px) 100vw, 643px\" \/><\/figure>\n\n\n\n<p>Kemudian, masukkan kode berikut di file ProductResource:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"727\" height=\"429\" src=\"https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-40.png\" alt=\"\" class=\"wp-image-65\" srcset=\"https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-40.png 727w, https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-40-300x177.png 300w\" sizes=\"auto, (max-width: 727px) 100vw, 727px\" \/><\/figure>\n\n\n\n<p>Untuk menggunakan resource yang telah dibuat, tambahkan kode berikut di index() controller dan show() controller:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"673\" height=\"267\" src=\"https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-41.png\" alt=\"\" class=\"wp-image-66\" srcset=\"https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-41.png 673w, https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-41-300x119.png 300w\" sizes=\"auto, (max-width: 673px) 100vw, 673px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"598\" height=\"135\" src=\"https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-42.png\" alt=\"\" class=\"wp-image-67\" srcset=\"https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-42.png 598w, https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-42-300x68.png 300w\" sizes=\"auto, (max-width: 598px) 100vw, 598px\" \/><\/figure>\n\n\n\n<p>Selanjutnya, kita akan membuat validasi dan error handling. Pertama, kita akan membuat Form Request Validation. Gunakan kode berikut di terminal:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"651\" height=\"38\" src=\"https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-43.png\" alt=\"\" class=\"wp-image-68\" srcset=\"https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-43.png 651w, https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-43-300x18.png 300w\" sizes=\"auto, (max-width: 651px) 100vw, 651px\" \/><\/figure>\n\n\n\n<p>Kemudian, masukkan kode berikut:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"542\" height=\"563\" src=\"https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-44.png\" alt=\"\" class=\"wp-image-69\" srcset=\"https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-44.png 542w, https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-44-289x300.png 289w\" sizes=\"auto, (max-width: 542px) 100vw, 542px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"585\" height=\"241\" src=\"https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-45.png\" alt=\"\" class=\"wp-image-70\" srcset=\"https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-45.png 585w, https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-45-300x124.png 300w\" sizes=\"auto, (max-width: 585px) 100vw, 585px\" \/><\/figure>\n\n\n\n<p>Lalu, tambahkan kode berikut di app\/Exceptions\/Handler.php untuk menangani Exception:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"898\" height=\"570\" src=\"https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-46.png\" alt=\"\" class=\"wp-image-71\" srcset=\"https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-46.png 898w, https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-46-300x190.png 300w, https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-46-768x487.png 768w\" sizes=\"auto, (max-width: 898px) 100vw, 898px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1018\" height=\"772\" src=\"https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-47.png\" alt=\"\" class=\"wp-image-72\" srcset=\"https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-47.png 1018w, https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-47-300x228.png 300w, https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-47-768x582.png 768w\" sizes=\"auto, (max-width: 1018px) 100vw, 1018px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"833\" height=\"389\" src=\"https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-48.png\" alt=\"\" class=\"wp-image-73\" srcset=\"https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-48.png 833w, https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-48-300x140.png 300w, https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-48-768x359.png 768w\" sizes=\"auto, (max-width: 833px) 100vw, 833px\" \/><\/figure>\n\n\n\n<p>Langkah selanjutnya yaitu mencoba menggunakan api yang telah kita buat. Caranya yaitu menggunakan aplikasi Postman. Aplikasi Postman dapat diunduh <a href=\"https:\/\/www.postman.com\/downloads\/\" data-type=\"link\" data-id=\"https:\/\/www.postman.com\/downloads\/\">disini<\/a>. Install aplikasi sesuai instruksi. <\/p>\n\n\n\n<p>Kemudian, buka web server dari laravel menggunakan kode berikut:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"473\" height=\"131\" src=\"https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-49.png\" alt=\"\" class=\"wp-image-74\" srcset=\"https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-49.png 473w, https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-49-300x83.png 300w\" sizes=\"auto, (max-width: 473px) 100vw, 473px\" \/><\/figure>\n\n\n\n<p>Selanjutnya, buka aplikasi Postman. Tampilan awal akan seperti ini:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"853\" src=\"https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-50-1024x853.png\" alt=\"\" class=\"wp-image-75\" srcset=\"https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-50-1024x853.png 1024w, https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-50-300x250.png 300w, https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-50-768x640.png 768w, https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-50.png 1120w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>1. Memanggil semua data<\/p>\n\n\n\n<p>URL: <a href=\"http:\/\/127.0.0.1:8000\/\">http:\/\/127.0.0.1:8000\/<\/a>api\/<\/p>\n\n\n\n<p>products<\/p>\n\n\n\n<p>Method: Get<\/p>\n\n\n\n<p>Hasilnya adalah sebagai berikut:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"855\" src=\"https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-51-1024x855.png\" alt=\"\" class=\"wp-image-76\" srcset=\"https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-51-1024x855.png 1024w, https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-51-300x250.png 300w, https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-51-768x641.png 768w, https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-51.png 1133w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>2. Menambahkan produk<\/p>\n\n\n\n<p>URL: <a href=\"http:\/\/127.0.0.1:8000\/api\/\">http:\/\/127.0.0.1:8000\/api\/<\/a><\/p>\n\n\n\n<p>Method: POST<\/p>\n\n\n\n<p>Contoh datanya adalah seperti berikut. Masukkan di body dengan format JSON:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>{ \n\"name\": \"IPHONE 18\", \n\"description\": \"IPHONE 18 Terbaru\", \n\"price\": 123000000.00, \n\"stock\": 25 \n}<\/code><\/pre>\n\n\n\n<p>Klik send dan hasilnya akan seperti berikut:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"857\" src=\"https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-52-1024x857.png\" alt=\"\" class=\"wp-image-77\" srcset=\"https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-52-1024x857.png 1024w, https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-52-300x251.png 300w, https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-52-768x643.png 768w, https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-52.png 1113w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Jika kita masukkan kolom yang salah atau data yang salah, maka hasilnya seperti berikut:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"868\" src=\"https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-53-1024x868.png\" alt=\"\" class=\"wp-image-78\" srcset=\"https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-53-1024x868.png 1024w, https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-53-300x254.png 300w, https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-53-768x651.png 768w, https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-53.png 1110w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Untuk menampilkan exception seperti digambar, tambahkan kode berikut di fungsi store() di controller:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"647\" height=\"370\" src=\"https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-54.png\" alt=\"\" class=\"wp-image-79\" srcset=\"https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-54.png 647w, https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-54-300x172.png 300w\" sizes=\"auto, (max-width: 647px) 100vw, 647px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"597\" height=\"242\" src=\"https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-55.png\" alt=\"\" class=\"wp-image-80\" srcset=\"https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-55.png 597w, https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-55-300x122.png 300w\" sizes=\"auto, (max-width: 597px) 100vw, 597px\" \/><\/figure>\n\n\n\n<p>3. Mencari data berdasarkan ID<br>URL: <a href=\"http:\/\/127.0.0.1:8000\/api\/products\">http:\/\/127.0.0.1:8000\/api\/products<\/a>\/1<\/p>\n\n\n\n<p>Method: GET<\/p>\n\n\n\n<p>Hasilnya adalah sebagai berikut:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"853\" src=\"https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-56-1024x853.png\" alt=\"\" class=\"wp-image-81\" srcset=\"https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-56-1024x853.png 1024w, https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-56-300x250.png 300w, https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-56-768x640.png 768w, https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-56.png 1116w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Jika ID tidak ada di database, maka akan seperti berikut:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"855\" src=\"https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-57-1024x855.png\" alt=\"\" class=\"wp-image-82\" srcset=\"https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-57-1024x855.png 1024w, https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-57-300x250.png 300w, https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-57-768x641.png 768w, https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-57.png 1112w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Untuk menampilkan exception seperti diatas, tambahkan kode berikut di fungsi show() di controller:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"696\" height=\"345\" src=\"https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-58.png\" alt=\"\" class=\"wp-image-83\" srcset=\"https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-58.png 696w, https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-58-300x149.png 300w\" sizes=\"auto, (max-width: 696px) 100vw, 696px\" \/><\/figure>\n\n\n\n<p>4. Mengupdate Data<\/p>\n\n\n\n<p>URL: <a href=\"http:\/\/127.0.0.1:8000\/api\/products\">http:\/\/127.0.0.1:8000\/api\/products<\/a>\/1<\/p>\n\n\n\n<p>Method: PUT<\/p>\n\n\n\n<p>Hasilnya adalah sebagai berikut:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"863\" src=\"https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-59-1024x863.png\" alt=\"\" class=\"wp-image-84\" srcset=\"https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-59-1024x863.png 1024w, https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-59-300x253.png 300w, https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-59-768x647.png 768w, https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-59.png 1101w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>5. Menghapus data<\/p>\n\n\n\n<p>URL: <a href=\"http:\/\/127.0.0.1:8000\/api\/products\">http:\/\/127.0.0.1:8000\/api\/products<\/a>\/1<\/p>\n\n\n\n<p>Method: DELETE<\/p>\n\n\n\n<p>Hasilnya adalah sebagai berikut:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"863\" src=\"https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-60-1024x863.png\" alt=\"\" class=\"wp-image-85\" srcset=\"https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-60-1024x863.png 1024w, https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-60-300x253.png 300w, https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-60-768x647.png 768w, https:\/\/nia.infokand23.my.id\/blog\/wp-content\/uploads\/2025\/06\/image-60.png 1113w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Link Github: <a href=\"https:\/\/github.com\/NiaRamadhani31\/Laravel-api\">https:\/\/github.com\/NiaRamadhani31\/Laravel-api<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>A. Pendahuluan API (Application Programming Interface) adalah sekumpulan aturan dan protokol yang memungkinkan berbagai aplikasi perangkat lunak untuk berkomunikasi satu sama lain. Anggap saja API sebagai &#8220;pelayan&#8221; atau &#8220;jembatan&#8221; di dunia digital. Saat Anda menggunakan sebuah aplikasi, misalnya memesan ojek online, aplikasi tersebut perlu mengakses data dari aplikasi lain, seperti peta untuk navigasi. API inilah [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-40","post","type-post","status-publish","format-standard","hentry","category-blog"],"_links":{"self":[{"href":"https:\/\/nia.infokand23.my.id\/blog\/wp-json\/wp\/v2\/posts\/40","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nia.infokand23.my.id\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nia.infokand23.my.id\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nia.infokand23.my.id\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nia.infokand23.my.id\/blog\/wp-json\/wp\/v2\/comments?post=40"}],"version-history":[{"count":5,"href":"https:\/\/nia.infokand23.my.id\/blog\/wp-json\/wp\/v2\/posts\/40\/revisions"}],"predecessor-version":[{"id":87,"href":"https:\/\/nia.infokand23.my.id\/blog\/wp-json\/wp\/v2\/posts\/40\/revisions\/87"}],"wp:attachment":[{"href":"https:\/\/nia.infokand23.my.id\/blog\/wp-json\/wp\/v2\/media?parent=40"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nia.infokand23.my.id\/blog\/wp-json\/wp\/v2\/categories?post=40"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nia.infokand23.my.id\/blog\/wp-json\/wp\/v2\/tags?post=40"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}