// Contoh route di Laravel
PERTAMA BUAT MODELNYA
php artisan make:model Data
<?php
namespace App\Models;
use Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Database\Eloquent\Model;
class Data extends Model
{
use HasFactory;
protected $fillable = [
'name', 'description'
];
}
php artisan make:controller DataController
<?php
namespace App\Http\Controllers;
use App\Models\Data;
use Illuminate\Http\Request;
class DataController extends Controller
{
public function index()
{
$data = Data::all();
return response()->json($data, 200);
}
}
Selanjutnya, tentukan rute API di dalam file routes/[Link]:
<?php
use Illuminate\Http\Request;
use Illuminate\Support\Facades\Route;
use App\Http\Controllers\DataController;
Route::get('/data', [DataController::class, 'index']);
================================================================== DI
routes/[Link]
<?php
use Illuminate\Http\Request;
use Illuminate\Support\Facades\Route;
use App\Http\Controllers\DataController;
Route::middleware('auth:api')->get('/user', function (Request $request) {
return $request->user();
});
// Contoh endpoint API sederhana
Route::get('/data', [DataController::class, 'index']);
====================================================================
import 'package:http/[Link]' as http;
import 'dart:convert';
Future<List<dynamic>> fetchData() async {
var url = [Link]('[Link] // Ganti dengan URL API
Laravel Anda atau
//var response = await [Link]([Link]('[Link]
var response = await [Link](url);
if ([Link] == 200) {
// Jika permintaan sukses, ubah respons JSON menjadi list di Dart
List<dynamic> data = [Link]([Link]);
return data;
} else {
// Jika permintaan gagal, lemparkan error
throw Exception('Failed to load data');
}
}
====================================================================
import 'package:flutter/[Link]';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: Text('Flutter-Laravel Connection'),
),
body: Center(
child: FutureBuilder<List<dynamic>>(
future: fetchData(),
builder: (context, snapshot) {
if ([Link]) {
// Tampilkan data dalam daftar
return [Link](
itemCount: [Link]!.length,
itemBuilder: (context, index) {
return ListTile(
title: Text([Link]![index]['name']),
subtitle: Text([Link]![index]['description']),
);
},
);
} else if ([Link]) {
// Tangani jika ada error
return Text('Error: ${[Link]}');
}
// Menampilkan loading jika belum ada respons
return CircularProgressIndicator();
},
),
),
),
);
}
}
