Tutorial Flutter Membuat Login Menggunakan MySQL
pada kesempatan kali ini saya akan membagikan tutorial login menggunakan flutter dengan database myql, siapa sih yang ngga tau tentang login pastinya hampir semuanya tahu. jadi logika pada login ini adalah ketika si user menginputkan username / email dan password nanti akan dicek kedatabase apakah yang diinputkan sesuai dengan yang ada pada database atau tidak. jika sesuai makan akan diarahkan ke halaman dashboard, namun jika user salah menginputkan username / password maka akan muncul alert error.
Oke langsung saja ketutorial, nya. namun sebelum itu kita siapkan database dan backend nya, untuk backendnya menggunakan PHP, pastikan sudah terinstall XAMPP untuk server lokal, atau anda juga boleh menggunakan hosting.
1. Persiapan Database dan Backend
Buat database baru pada phpmyadmin, beri nama db_latihan
kemudian setelah database dibuat, selanjutnya kita perlu membuat table. beri nama tabel nya users dan strukturnya seperti dibawah ini :
nah setelah kita selesai membuat database dan tabelnya langkah selanjutnya yaitu membuat backend nya, silahkan buka text editor andalan kalian :D, disini saya menggunakan VisualStudio Code, buat folder baru di htdocs beri nama flutter didalam folder flutter ini ada 3 file php
- connect.php
- login.php
- register.php
- buat file connect.php kemudian tambahkan kode berikut
2. buat file login.php
1. Buat Project Baru
Silahkan buat project baru beri nama flutter_login
Kemudian kita import library nya di pubspec.yaml :
setelah itu buka main.dart nya sesuaikan kode berikut, untuk kode main dart berisi login dan dashboard jadi disini saya satukan kedua class tersebut :
setelah semua kode ditulis silahkan run project nya maka akan tampil seperti ini :
Selesai.. project untuk login bisa di download link berikut https://github.com/hafidalim/loginregister_flutter
Terimakasih :D