Arief HidayatullahSetelah mempelajari cara membuat fitur login dan logout, pada seri belajar Laravel bagian 19 ini, kita akan melanjutkan dengan membuat fitur register atau pendaftaran. Ingin tahu bagaimana prosesnya? Mari simak artikel ini!
Sebelum mengikuti panduan ini, pastikan Anda telah menginstal Laravel di Localhost dan mengikuti seri belajar Laravel dari Rumahweb. Bagi Anda yang mungkin ketinggalan seri tersebut, Anda dapat mengulang panduan kami di halaman Belajar Laravel.
Apa itu Fitur Register?
Fitur Register di Laravel adalah bagian penting dari sistem autentikasi yang memungkinkan pengguna baru mendaftar dirii ke dalam aplikasi. Dengan fitur ini, pengguna dapat mengisi formulir pendaftaran yang berisi nama, email, kata sandi, dan informasi lainnya sesuai yang disediakan sistem.
Data yang diinputkan kemudian disimpan ke database dan akan digunakan untuk proses autentikasi saat pengguna melakukan login ke aplikasi.
Membuat Fitur Register di Laravel
Berikut adalah step by step cara membuat fitur register di Laravel. Dalam panduan ini, kami menggunakan localhost dengan aplikasi Laragon.
Step 1. Membuat Controller
- Langah pertama, kita akan membuat controller dengan memanfaatkan database yang sudah kita buat pada pembahasan belajar laravel bagian 13. Untuk membuat controller, Anda dapat menjalankan perintah berikut:
php artisan make:controller RegisterController
- Langkah selanjutnya, kita akan menambahkan function di controller agar fitur regiter dapat tampil di index website kita. Berikut contoh pengisiannya:
- Setelah menambahkan function index untuk menampilkan tampilan website, selanjutnya kita akan membuat function register untuk menyimpan data yang diinputkan pengguna pada halaman pendaftaran. Data yang akan disimpan meliputi nama, email, dan kata sandi pengguna.
Step 2. Membuat tampilan register
Di langkah kedua ini, kita akan membuat tampilan register untuk menginputkan data-data yang akan disimpan ke database, guna autentikasi saat melakukan login website. Anda dapat membuat folder di path resource/view dengan nama directory register/formregister.blade.php.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Register</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div class="container d-flex justify-content-center align-items-center vh-100">
<div class="card p-4 shadow" style="width: 400px;">
<h3 class="text-center mb-4">Register</h3>
<form action="/register" method="POST" class="mb-3">
@csrf
<!-- Name -->
<div class="mb-3">
<label for="name" class="form-label">Nama</label>
<input type="text" name="name" class="form-control" id="name" required>
@error('name')
<div class="text-danger">{{ $message }}</div>
@enderror
</div>
<!-- Email -->
<div class="mb-3">
<label for="email" class="form-label">Email</label>
<input type="email" name="email" class="form-control" id="email" required>
@error('email')
<div class="text-danger">{{ $message }}</div>
@enderror
</div>
<!-- Password -->
<div class="mb-3">
<label for="password" class="form-label">Password</label>
<input type="password" name="password" class="form-control" id="password" required>
@error('password')
<div class="text-danger">{{ $message }}</div>
@enderror
</div>
<!-- Confirm Password -->
<div class="mb-3">
<label for="password_confirmation" class="form-label">Konfirmasi Password</label>
<input type="password" name="password_confirmation" class="form-control" id="password_confirmation" required>
</div>
<!-- Submit -->
<button type="submit" class="btn btn-success w-100">Register</button>
</form>
</div>
</div>
</body>
</html>
Step 3. Menambahkan route di web.php
Di dalam file routes/web.php, tambahkan route untuk menampilkan form register dan untuk memproses inputan register. Jangan lupa menambahkan controller registernya seperti berikut : use App\Http\Controllers\LoginController;
Step 4. Pengujian
Langkah terakhir, Anda dapat menjalankan Laravel dengan perintah berikut:
php artisan serveJika pembuatan form register benar, maka akan tampil halaman seperti berikut:
Untuk melakukan pengujian, silakan coba lakukan registrasi terlebih dahulu. Setelah itu, periksa database yang Anda gunakan untuk memastikan data telah tersimpan dengan benar. Jika proses registrasi berhasil, data yang Anda inputkan akan muncul di database seperti contoh berikut:
Kesimpulan
Fitur register di website memungkinkan pengguna baru untuk mendaftarkan data mereka, yang nantinya akan digunakan saat login ke sistem. Proses dimulai dengan metode GET yang menampilkan halaman formulir pendaftaran untuk diisi oleh pengguna baru.
Setelah data diisi, metode POST akan memproses dan menyimpan data tersebut ke dalam database. Fitur register ini merupakan bagian penting dari sistem autentikasi yang dapat dikembangkan lebih lanjut sesuai kebutuhan aplikasi.
Demikian seri belajar Laravel bagian 19 ini tentang cara membuat fitur register. Ikuti terus panduan belajar Laravel dari Rumahweb untuk meningkatkan skill Anda. Semoga bermanfaat.
