Environtments

Sebelum membuat request baru, silakan teman-teman buat environments dengan nama folder LARAVEL-REACT, kemudian sesuaikan seperti pada table berikut:

Jadi nanti kita bisa menggunakan variable BASE_URL didalam setiap request,

Create Data Todo

Silakan buat collection baru dengan nama folder LARAVEL-REACT. Kemudian buat request baru didalamnya dengan nama request create todo. Seperti pada gambar berikut ini:

    {
        "title": "Instalasi Laravel dan React",
        "category": "Setup",
        "completed": false
    }

Silakan tambahkan beberapa data, perlu diketahui, controller yang kita buat sebelumnya, tidak mendukung array, jadi lakukan penambahan data satu persatau, bukan dalam bentuk array.

Edit Data Todo

Kita juga bisa melakukan edit data melalui endpoint berikut:

http://127.0.0.1:8000/api/tasks/{id}

Untuk id, silakan bisa disesuaikan dengan id data pada database masing-masing. Kemudian masukkan data berikut kedalam body raw dengan type data json

{
    "title": "Membuat API TaskController di Laravel - Updated",
    "category": "Backend - Updated",
    "completed": true
}

Index Data Todo

Untuk uji coba function index pada postman, ini tidak perlu menambahkan data json pada body, jadi kita cukup gunakan base url kemudian gunakan methode get saja. Maka akan terlihat sebagai berikut:

Delete Data Todo

Untuk uji coba hapus data todo list, kita bisa menggunakan endpoint http://127.0.0.1:8000/api/tasks/{id} dengan methode DELETE, untuk id silakan bisa diubah dengan id yang sesuai, untuk melihat id task, silakan cari apda methode index todo, atau bisa langsung melihatnya di database.

Ok. pada materi berikutnya, kita akan konsumsi API yang sudah kita buat kedalam React JS.