Tutorial Laravel dan React Js #4 Konfigurasi Rute

Belajar Laravel dan React.js untuk membangun aplikasi web full-stack yang powerful dan scalable. Laravel sebagai backend menyediakan API yang efisien, sementara React.js sebagai frontend memberikan pengalaman interaktif dan dinamis bersama lagikoding.com

✅ Telah dilihat 476 kali

Rating: 5.00 ⭐

... 12 March 2025, 15:52

API Routes


Silakan buka file api.php yang terletak didalam folder routes kemudian tambahkan rute berikut ini:

use App\Http\Controllers\TaskController;
Route::apiResource('tasks', TaskController::class);

maka secara keseluruhan akan menjadi seperti berikut ini:

<?php

use Illuminate\Http\Request;
use Illuminate\Support\Facades\Route;
use App\Http\Controllers\TaskController;

Route::get('/user', function (Request $request) {
    return $request->user();
})->middleware('auth:sanctum');

Route::apiResource('tasks', TaskController::class);


Rute `Route::apiResource('tasks', TaskController::class);` secara otomatis membuat rute RESTful untuk `TaskController` dengan metode berikut:

1. **GET `/tasks`** → Memanggil `index()` untuk mengambil semua tugas.
2. **POST `/tasks`** → Memanggil `store()` untuk membuat tugas baru.
3. **GET `/tasks/{task}`** → (Tidak digunakan di controller Anda, tetapi default dari `apiResource`)
4. **PUT/PATCH `/tasks/{task}`** → Memanggil `update()` untuk memperbarui tugas berdasarkan `id`.
5. **DELETE `/tasks/{task}`** → Memanggil `destroy()` untuk menghapus tugas berdasarkan `id`.

maka secara otomatis kita mendapatkan rute http://127.0.0.1:8000/api/tasks/ . Dengan rute ini lah nanti kita bisa mengintegrasikan Laravel API dengan React JS Sebagai front-end aplikasi. Pada materi berikutnya, kita akan belajar mencoba API yang sudah kita buat dan kita jalankan didalam aplikasi postman.

Daftar eBook