Halo semuanya, kembali lagi di sahretech. Pada kesempatan kali ini kita akan belajar cara membaut custom login di laravel secara cepat dan mudah. Penasaran?, mari ikuti tutorialnya di bawah ini.
Untuk mengikuti artikel kali ini, disarankan mengikuti artikel sebelumnya "cara membuat custom registrasi di laravel". Tutorial sebelumnya penting untuk dipelajari, karenan tanpa tutorial sebelumnya kita tidak dapat memiliki data user sama sekali.
| Baca Artikel Lain ✨ |
| 📰 1. Cara Paling Mudah Membuat Login Google di Flutter read more |
| 📰 2. CRUD Flutter + PHP + MySQL Part 2, Membuat Mobile App read more |
|
📰 3. Membuat Aplikasi CRUD dengan Flutter dan SQFlite read more |
Cara Membuat Custom Login di Laravel
1. Buka app/Http/Controllers/AuthController.php. Lalu tambahkan script yang ada di bawah ini. di dalam class AuthController extends Controller { .... }
public function processLogin(Request $request)
{
$credentials = $request->only('email', 'password');
if (Auth::attempt($credentials)) {
// Login berhasil
return redirect()->intended('/home');
} else {
// Login gagal
return redirect()->back()->withErrors(['message' => 'Email atau password salah']);
}
}2. Buat sebuah file baru dengan nama login.blade.php di dalam folder resources/views. Lalu tambahkan script di bawah ini.
<!-- resources/views/login.blade.php -->
<!DOCTYPE html>
<html>
<head>
<title>Login</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.0/css/bootstrap.min.css">
</head>
<body>
<div class="container">
<div class="row justify-content-center">
<div class="col-md-6">
<div class="card mt-4">
<div class="card-header">Login</div>
<div class="card-body">
<form method="POST" action="{{ url('process-login') }}">
@csrf
<div class="mb-3">
<label for="email" class="form-label">Email</label>
<input type="email" id="email" name="email" required autofocus
class="form-control">
</div>
<div class="mb-3">
<label for="password" class="form-label">Password</label>
<input type="password" id="password" name="password" required class="form-control">
</div>
<div class="mb-3">
<button type="submit" class="btn btn-primary">Login</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.0/js/bootstrap.bundle.min.js"></script>
</body>
</html>
3. Buka routes/web.php lalu tambahkan script yang ada di bawah ini. Kalian bisa menambahkan script ini di bagian paling bawah pada file web.php
//to login page
Route::get('/login', function(){ return view('login'); })->name('login');
//to process login
Route::post('/process-login', [AuthController::class, 'processLogin']);4. Masuk ke direktori project lalu buka terminal atau CMD. Lalu jalankan perintah di bawah ini untuk menjalankan perintah laravel
5. Buka browser dan ketik alamat http://127.0.0.1:8000/login lalu masukkan email dan password yang sudah ada di dalam database sebelumnya.
Catatan!, jika kalian sudah terlanjur mengikuti tutorial ini langsung ikuti saja tutorial "cara membuat custom registrasi di laravel". Karena tanpa tutorial sebelumnya, kita tidak dapat login ke dalam aplikasi. Karena belum ada satupun user ter-registrasi ke dalam database.
|
| Tampilan Halaman Login |
Di bawah ini adalah contoh gambar halaman home. Kalian tidak dapat mengakses halaman home jika belum login atau melakukan registrasi. Kalian bisa membuktikannya dengan mencoba mengakses secara langsung sebelum login menggunakan email dan password yang terdaftar di database.
|
| Halaman Home |
Ok sekian tutorial singkat kita kali ini tentang cara membuat custom login di laravel. Semoga tutorial singkat ini bermanfaat. Jika ada yang ingin ditanyakan, silahkan tanya langsung di kolom komentar di bawah ini. Sekian dan terima gaji.
No comments
Jangan lupa kasih komentar ya!. Karena komentar kalian membantu kami menyediakan informasi yang lebih baik
Tidak boleh menyertakan link atau promosi produk saat berkomentar. Komentar tidak akan ditampilkan. Hubungi 081271449921(WA) untuk dapat menyertakan link dan promosi