{"id":2018,"date":"2025-06-17T01:50:30","date_gmt":"2025-06-17T01:50:30","guid":{"rendered":"https:\/\/galid.infokand23.my.id\/laprakpweb\/?p=2018"},"modified":"2025-06-17T15:57:21","modified_gmt":"2025-06-17T15:57:21","slug":"tutorial-restful-api-menggunakan-postman-pada-laravel","status":"publish","type":"post","link":"https:\/\/galid.infokand23.my.id\/laprakpweb\/tutorial-restful-api-menggunakan-postman-pada-laravel\/","title":{"rendered":"Tutorial RESTful API menggunakan POSTMAN pada Laravel"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Pendahuluan<\/h2>\n\n\n\n<p>API (Application Programming Interface) merupakan sekumpulan aturan dan protokol yang memungkinkan<br>aplikasi berbeda platform untuk berkomunikasi dan saling terintegrasi.<\/p>\n\n\n\n<p>Kegunaan API <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Integrasi dengan layanan pihak ketiga<\/li>\n\n\n\n<li>Memisahkan frontend dan backend<\/li>\n\n\n\n<li>Mendukung multiple platform (web, mobile, desktop)<\/li>\n\n\n\n<li>Memungkinkan microservices architecture<\/li>\n<\/ul>\n\n\n\n<p>Ilustrasi penggunaan API<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"720\" height=\"476\" src=\"https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-32.png\" alt=\"\" class=\"wp-image-2019\" srcset=\"https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-32.png 720w, https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-32-300x198.png 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/><\/figure>\n\n\n\n<p>Komponen Utama API (Request dan Response) :<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Request (Permintaan)<\/li>\n<\/ol>\n\n\n\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\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li>Response (Respons)<\/li>\n<\/ol>\n\n\n\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\n\n\n<p>Ilustrasi komponen utama API<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"744\" height=\"530\" src=\"https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-33.png\" alt=\"\" class=\"wp-image-2020\" srcset=\"https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-33.png 744w, https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-33-300x214.png 300w\" sizes=\"(max-width: 744px) 100vw, 744px\" \/><\/figure>\n\n\n\n<p>Jenis-Jenis API :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Web API : Menggunakan protokol HTTP\/HTTPS<\/li>\n\n\n\n<li>REST API: Mengikuti arsitektur REST<\/li>\n\n\n\n<li>GraphQL API: Query language untuk API<\/li>\n\n\n\n<li>SOAP API: Protocol berbasis XML<\/li>\n\n\n\n<li>Library API: Interface untuk library atau framework<\/li>\n\n\n\n<li>Operating System API: Interface dengan sistem operasi<\/li>\n\n\n\n<li>Database API: Interface untuk mengakses database<\/li>\n<\/ul>\n\n\n\n<p>RESTful API<\/p>\n\n\n\n<p>REST (Representational State Transfer) adalah arsitektur untuk merancang web services. REST bukan protokol<br>atau standar, melainkan seperangkat prinsip desain.<\/p>\n\n\n\n<p>Prinsip REST (Representational State Transfer)<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Client-Server Architecture<br>Client dan server terpisah dan dapat berkembang secara independen.<\/li>\n\n\n\n<li>Stateless<br>Setiap request harus berisi semua informasi yang diperlukan server untuk memproses request tersebut.<\/li>\n\n\n\n<li>Cacheable<br>Response harus dapat di-cache untuk meningkatkan performa.<\/li>\n\n\n\n<li>Uniform Interface<br>Interface yang konsisten antara client dan server.<\/li>\n\n\n\n<li>Layered System<br>Arsitektur berlapis yang memungkinkan scalability.<\/li>\n\n\n\n<li>Code on Demand (Opsional)<br>Server dapat mengirim kode executable ke client<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Langkah Pengerjaan<\/h2>\n\n\n\n<p>Berikut adalah langkah-langkah untuk menerpakan RESTful API pada project Laravel menggunakan POSTMAN<\/p>\n\n\n\n<p>A. Set up project, Database, dan migrasi <\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>untuk langkah pertama yang harus dikerjakan adalah membuat project laravel baru, atau bisa menggunakan project laravel yang sudah ada. pada kesempatan kali ini saya akan membuat project baru, silahkan buka cmder lalu ketikkan kode ini<\/li>\n<\/ol>\n\n\n\n<pre class=\"wp-block-code\"><code>composer create-project laravel\/laravel api-project <\/code><\/pre>\n\n\n\n<p>apabila sudah dijalankan pastikan tampilan cmder menjadi seperti ini dan tunggu prosesnya selesai<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/Screenshot-193-1024x576.png\" alt=\"\" class=\"wp-image-2021\" style=\"width:852px;height:auto\" srcset=\"https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/Screenshot-193-1024x576.png 1024w, https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/Screenshot-193-300x169.png 300w, https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/Screenshot-193-768x432.png 768w, https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/Screenshot-193-1536x864.png 1536w, https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/Screenshot-193.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>apabila telah selesai, silahkan buka proyeknya di code editor yang akan digunakan<\/p>\n\n\n\n<p>2. Buat migrasi databasenya dengan menggunakan kode berikut di terminal:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>php artisan make:migration create_products_table<\/code><\/pre>\n\n\n\n<p>apabila sudah dibuat, maka buatlah kode di function up nya menjadi seperti ini<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"925\" height=\"679\" src=\"https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-34.png\" alt=\"\" class=\"wp-image-2022\" style=\"width:847px;height:auto\" srcset=\"https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-34.png 925w, https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-34-300x220.png 300w, https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-34-768x564.png 768w\" sizes=\"(max-width: 925px) 100vw, 925px\" \/><\/figure>\n\n\n\n<p>lalu jalankan lah migrasi terrsebut dengan cara mengetikkan kode ini pada terminal<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>php artisan migrate<\/code><\/pre>\n\n\n\n<p>B. Membuat model<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Ketikkan pada terminal kode berikut ini<\/li>\n<\/ol>\n\n\n\n<pre class=\"wp-block-code\"><code>php artisan make:model Product<\/code><\/pre>\n\n\n\n<p>apabila sudah dijalankan, maka isikan lah kodenya menjadi seperti ini<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-35-1024x576.png\" alt=\"\" class=\"wp-image-2023\" srcset=\"https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-35-1024x576.png 1024w, https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-35-300x169.png 300w, https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-35-768x432.png 768w, https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-35-1536x864.png 1536w, https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-35.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>C. API Routes<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Untuk langkah pertama, yang harus dilakukan karena ini adalah membuat API pertama kali, jadi diperlukan instalasi untuk API itu sendiri, langkah yang harus dikerjakan adalah mengetikkan kode ini pada terminal code editor<\/li>\n<\/ol>\n\n\n\n<pre class=\"wp-block-code\"><code>php artisan install:api<\/code><\/pre>\n\n\n\n<p>lalu apabila telah selesai, maka carilah pada file routes\/api.php dan isikan kode berikut ini<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-36-1024x576.png\" alt=\"\" class=\"wp-image-2024\" srcset=\"https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-36-1024x576.png 1024w, https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-36-300x169.png 300w, https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-36-768x432.png 768w, https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-36-1536x864.png 1536w, https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-36.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>C. API Controller<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Langkah selanjutnya adalah membuat controller bernama ProductController, buka terminal lalu jalankanlah kode berikut ini<\/li>\n<\/ol>\n\n\n\n<pre class=\"wp-block-code\"><code>php artisan make:controller ProductController --api<\/code><\/pre>\n\n\n\n<p>lalu carilah pada folder controller dengan nama file nya adalah dan buatlah kodenya menjadi seperti ini<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;?php\nnamespace App\\Http\\Controllers;\nuse Illuminate\\Http\\Request;\nclass ProductController extends Controller \n{ \n    public function index() \n    { \n        $products = Product::all(); \n        return response()-&gt;json(&#91; \n            'status' =&gt; 'success', \n            'data' =&gt; $products \n        ]); \n    } \n     \n    public function store(Request $request) \n    { \n        $validated = $request-&gt;validate(&#91; \n            'name' =&gt; 'required|string|max:255', \n            'description' =&gt; 'required|string', \n            'price' =&gt; 'required|numeric|min:0', \n            'stock' =&gt; 'required|integer|min:0' \n        ]); \n         \n        $product = Product::create($validated); \n         \n        return response()-&gt;json(&#91; \n            'status' =&gt; 'success', \n            'message' =&gt; 'Product created successfully', \n            'data' =&gt; $product \n        ], 201); \n    } \n     \n    public function show(Product $product) \n    { \n        return response()-&gt;json(&#91; \n            'status' =&gt; 'success', \n            'data' =&gt; $product \n        ]); \n    } \n     \n    public function update(Request $request, Product $product) \n    { \n        $validated = $request-&gt;validate(&#91; \n            'name' =&gt; 'sometimes|string|max:255', \n            'description' =&gt; 'sometimes|string', \n            'price' =&gt; 'sometimes|numeric|min:0', \n            'stock' =&gt; 'sometimes|integer|min:0' \n        ]); \n         \n        $product-&gt;update($validated); \n         \n        return response()-&gt;json(&#91; \n            'status' =&gt; 'success', \n            'message' =&gt; 'Product updated successfully', \n            'data' =&gt; $product \n        ]); \n    } \n     \n    public function destroy(Product $product) \n    { \n        $product-&gt;delete(); \n         \n        return response()-&gt;json(&#91; \n            'status' =&gt; 'success', \n            'message' =&gt; 'Product deleted successfully' \n        ]); \n    } \n}\n<\/code><\/pre>\n\n\n\n<p>D. API Resources (Data Transformation)<\/p>\n\n\n\n<p>API Resources (Data Transformation) berguna 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<ol class=\"wp-block-list\">\n<li>Membuat Resource<\/li>\n<\/ol>\n\n\n\n<p>ketikkan lah kode berikut ini pada terminal kode editor yang digunakan<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>php artisan make:resource ProductResource<\/code><\/pre>\n\n\n\n<p>lalu carilah file yg telah dibuat tadi pada app\/http\/resources\/ProductResource lalu buatlah kodenya menjadi seperti ini <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-37-1024x576.png\" alt=\"\" class=\"wp-image-2025\" srcset=\"https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-37-1024x576.png 1024w, https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-37-300x169.png 300w, https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-37-768x432.png 768w, https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-37-1536x864.png 1536w, https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-37.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>2. untuk menggunakan resources yang telah dibuat tersebut, carilah file controller yang tadi telah dibuat dan ubah function index() dan show()      di ProductController tersebut menjadi seperti ini :<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"599\" height=\"145\" src=\"https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-38.png\" alt=\"\" class=\"wp-image-2026\" style=\"width:715px;height:auto\" srcset=\"https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-38.png 599w, https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-38-300x73.png 300w\" sizes=\"(max-width: 599px) 100vw, 599px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"642\" height=\"134\" src=\"https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-39.png\" alt=\"\" class=\"wp-image-2027\" style=\"width:719px;height:auto\" srcset=\"https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-39.png 642w, https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-39-300x63.png 300w\" sizes=\"(max-width: 642px) 100vw, 642px\" \/><\/figure>\n\n\n\n<p>E. Validasi dan Error Handling<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Form Request Validation<\/li>\n<\/ol>\n\n\n\n<p>Masukkan lah kode berikut ini pada terminal kode editor<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>php artisan make:request StoreProductRequest<\/code><\/pre>\n\n\n\n<p>lalu cari file yang baru dibuat tersebut dan ubahlah kodenya menjadi seperti ini<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-40-1024x576.png\" alt=\"\" class=\"wp-image-2028\" srcset=\"https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-40-1024x576.png 1024w, https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-40-300x169.png 300w, https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-40-768x432.png 768w, https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-40-1536x864.png 1536w, https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-40.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>selanjutnya adalah menambahkan kode program untuk menanggani Exception, silahkan buat folder baru dengan nama Exception dan buat file Handler didalamnya, untuk lebih jelas adalah sebagai berikut app\/Exceptions\/Handler.php. silahkan masukkan kode program berikut ini :<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-41-1024x576.png\" alt=\"\" class=\"wp-image-2029\" srcset=\"https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-41-1024x576.png 1024w, https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-41-300x169.png 300w, https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-41-768x432.png 768w, https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-41-1536x864.png 1536w, https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-41.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>F. Mengakses API Products dengan Postman<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Untuk pertama tama silahkan download terlebih dahulu postman pada link berikut ini <\/li>\n<\/ol>\n\n\n\n<p>apabila sudah didownload maka silahkan atur dan set up sampai tampilan postman tersebut menjadi seperti ini <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-42-1024x576.png\" alt=\"\" class=\"wp-image-2037\" srcset=\"https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-42-1024x576.png 1024w, https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-42-300x169.png 300w, https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-42-768x432.png 768w, https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-42-1536x864.png 1536w, https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-42.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>2. silahkan buka project laravel yang sudah dibuat tadi lalu masukkan kode ini pada terminalnya<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>php artisan serve<\/code><\/pre>\n\n\n\n<p>hal ini dilakukan agar bisa mengakses API yang telah kita buat sebelumnya<\/p>\n\n\n\n<p>3. Setelah itu masuk ke aplikasi postman tadi, lalu untuk mengambil semua product nya gunakan url dan method berikut ini<\/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><\/p>\n\n\n\n<p>      Method = GET<\/p>\n\n\n\n<p>silahkan masukkan pada postman dan apabila sukses maka akan menghasilkan tampilan berikut ini <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-43-1024x576.png\" alt=\"\" class=\"wp-image-2038\" srcset=\"https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-43-1024x576.png 1024w, https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-43-300x169.png 300w, https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-43-768x432.png 768w, https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-43-1536x864.png 1536w, https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-43.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Mengapa URL yang diperlukan adalah api\/products, bukan \/products? Karena, route kita berada di api.php sehingga Laravel akan otomatin menggunakan prefix berdasarkan routes yang dibuat. Namun, jika kita masukkan API Routes tadi kedalam file web.php, maka prefix yang digunakan adalah 127.0.0.1:8000\/products.<\/p>\n\n\n\n<p>4. Kemudian, kita akan mencoba untuk menambahkan product, caranya dengan menggunakan URL berikut di Postman :<\/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><\/p>\n\n\n\n<p>     Method: POST<\/p>\n\n\n\n<p>lalu pada body di method post tersebut, pilih raw dan masukkan kode berikut ini<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>{ \n\"name\": \"Smartphone Android\", \n\"description\": \"Smartphone dengan kamera 108MP dan RAM 8GB\", \n\"price\": 4500000.00, \n\"stock\": 25 \n}<\/code><\/pre>\n\n\n\n<p>maka tampilannya akan menjadi seperti ini apabila sudah di send dan dijalankan<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-44-1024x576.png\" alt=\"\" class=\"wp-image-2041\" srcset=\"https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-44-1024x576.png 1024w, https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-44-300x169.png 300w, https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-44-768x432.png 768w, https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-44-1536x864.png 1536w, https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-44.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Jika kita ingin menerapkan handling untuk exception memasukkan data yang salah, tambahkan kode berikut di Controller\/ProductController :<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-45-1024x576.png\" alt=\"\" class=\"wp-image-2042\" srcset=\"https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-45-1024x576.png 1024w, https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-45-300x169.png 300w, https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-45-768x432.png 768w, https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-45-1536x864.png 1536w, https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-45.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>untuk menguji nya, akan kita masukkan data yang salah, sebagai contohnya adalah sebagai berikut <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>{\n    \"name\": \"\",\n    \"description\": \"Iphone 17\",\n    \"price\": 0,\n    \"stock\": 30\n}<\/code><\/pre>\n\n\n\n<p>akan menghasilkan pesan seperti ini<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-46-1024x576.png\" alt=\"\" class=\"wp-image-2043\" srcset=\"https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-46-1024x576.png 1024w, https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-46-300x169.png 300w, https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-46-768x432.png 768w, https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-46-1536x864.png 1536w, https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-46.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>      5. GET &#8211; Mengambil Product Berdasarkan ID<\/p>\n\n\n\n<p>Caranya dengan menggunakan url berikut di Postman:<\/p>\n\n\n\n<p>untuk URL nya adalah ini : URL: http:\/\/localhost:8000\/api\/products\/{id} untuk kesempatan kali ini akan digunakan Contoh: <\/p>\n\n\n\n<p>http:\/\/localhost:8000\/api\/products\/1<\/p>\n\n\n\n<p>dan untuk method nya adalah : GET<\/p>\n\n\n\n<p>hasilnya akan terlihat seperti ini apabila dijalankan pada postmant<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-47-1024x576.png\" alt=\"\" class=\"wp-image-2044\" srcset=\"https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-47-1024x576.png 1024w, https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-47-300x169.png 300w, https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-47-768x432.png 768w, https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-47-1536x864.png 1536w, https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-47.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>jika ingin menampilkan kode error yaitu kode 404 maka bisa dengan menambahkan ini pada function view di file ProductController.php<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"729\" height=\"275\" src=\"https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-48.png\" alt=\"\" class=\"wp-image-2045\" srcset=\"https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-48.png 729w, https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-48-300x113.png 300w\" sizes=\"(max-width: 729px) 100vw, 729px\" \/><\/figure>\n\n\n\n<p>maka tampilannya akan terlihat seperti ini :<\/p>\n\n\n\n<p>      6. PUT &#8211; Update Product<\/p>\n\n\n\n<p>selanjutnya adalah melakukan update data gunakan, URL berikut di Postman<\/p>\n\n\n\n<p>URL: http:\/\/localhost:8000\/api\/products\/{id}<\/p>\n\n\n\n<p>contohnya URL: http:\/\/localhost:8000\/api\/products\/{1}<\/p>\n\n\n\n<p>Method: PUT<\/p>\n\n\n\n<p>Masukkan contoh data berikut:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>{\n    \"name\": \"Laptop Gaming Updated\",\n    \"description\": \"Laptop gaming dengan spek tinggi dan SSD 1TB\",\n    \"price\": 16500000.00,\n    \"stock\": 8\n}<\/code><\/pre>\n\n\n\n<p>maka tampilannya akan terlihat seperti ini :<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-49-1024x576.png\" alt=\"\" class=\"wp-image-2046\" srcset=\"https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-49-1024x576.png 1024w, https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-49-300x169.png 300w, https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-49-768x432.png 768w, https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-49-1536x864.png 1536w, https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-49.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>      7. DELETE &#8211; Hapus Product<\/p>\n\n\n\n<p>Selanjutnya apabila ingin melakukan delete data, maka bisa dengan menggunakan ini<\/p>\n\n\n\n<p>URL: http:\/\/localhost:8000\/api\/products\/{id}<\/p>\n\n\n\n<p>contohnya: http:\/\/localhost:8000\/api\/products\/1<\/p>\n\n\n\n<p>Method: DELETE<\/p>\n\n\n\n<p>maka tampilannya akan menjadi seperti ini<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-50-1024x576.png\" alt=\"\" class=\"wp-image-2047\" srcset=\"https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-50-1024x576.png 1024w, https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-50-300x169.png 300w, https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-50-768x432.png 768w, https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-50-1536x864.png 1536w, https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-content\/uploads\/2025\/06\/image-50.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Untuk lebih jelasnya, kode kode yang digunakan dapat dilihat pada link github berikut ini<\/h4>\n\n\n\n<p><a href=\"https:\/\/github.com\/unVeroz007\/mgalida2008_PWEB\">https:\/\/github.com\/unVeroz007\/mgalida2008_PWEB<\/a><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Pendahuluan API (Application Programming Interface) merupakan sekumpulan aturan dan protokol yang memungkinkanaplikasi berbeda platform untuk berkomunikasi dan saling terintegrasi. Kegunaan API Ilustrasi penggunaan API Komponen Utama API (Request dan Response) : Ilustrasi komponen utama API Jenis-Jenis API : RESTful API REST (Representational State Transfer) adalah arsitektur untuk merancang web services. REST bukan protokolatau standar, melainkan [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[1],"tags":[],"class_list":["post-2018","post","type-post","status-publish","format-standard","hentry","category-blog"],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"MGalidA","author_link":"https:\/\/galid.infokand23.my.id\/laprakpweb\/author\/mgalida\/"},"rttpg_comment":0,"rttpg_category":"<a href=\"https:\/\/galid.infokand23.my.id\/laprakpweb\/category\/blog\/\" rel=\"category tag\">Blog<\/a>","rttpg_excerpt":"Pendahuluan API (Application Programming Interface) merupakan sekumpulan aturan dan protokol yang memungkinkanaplikasi berbeda platform untuk berkomunikasi dan saling terintegrasi. Kegunaan API Ilustrasi penggunaan API Komponen Utama API (Request dan Response) : Ilustrasi komponen utama API Jenis-Jenis API : RESTful API REST (Representational State Transfer) adalah arsitektur untuk merancang web services. REST bukan protokolatau standar, melainkan&hellip;","_links":{"self":[{"href":"https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-json\/wp\/v2\/posts\/2018","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-json\/wp\/v2\/comments?post=2018"}],"version-history":[{"count":10,"href":"https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-json\/wp\/v2\/posts\/2018\/revisions"}],"predecessor-version":[{"id":2051,"href":"https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-json\/wp\/v2\/posts\/2018\/revisions\/2051"}],"wp:attachment":[{"href":"https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-json\/wp\/v2\/media?parent=2018"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-json\/wp\/v2\/categories?post=2018"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/galid.infokand23.my.id\/laprakpweb\/wp-json\/wp\/v2\/tags?post=2018"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}