Halo semuanya, kembali lagi di sahretech. Pada kesempatan kali ini kita akan belajar cara membaut custom reigstrasi di laravel secara cepat dan mudah. Penasaran?, mari ikuti tutorialnya di bawah ini.
| 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 Registrasi di Laravel
1. Install project laravel baru. Jika belum, ikuti panduan instalasi resmi di https://laravel.com/docs/installation. Untuk proses instalasi tidak saya jelaskan pada tutorial kali ini. Agar lebih cepat dan langsung ke intinya.
2. Buat database baru di dalam mysql dengan nama yang kalian inginkan, dan jangan lupa untuk mengkoneksikannya dengan mengubah setting file .env
3. Masuk ke direktori project lalu buka terminal atau CMD. Jalankan perintah di bawah ini untuk membuat tabel baru ke dalam database mysql.
Jika terjadi error saat menjalankan perintah di atas. Maka pastikan step 1 dan 2 dilakukan dengan baik dan benar. Kita tidak membahas cara instalasi dan koneksi ke database pada tutorial ini, karena agar tutorialnya ramping dan langsung to the point.
4. Masuk ke direktori project lalu buka terminal atau CMD. Jalankan perintah di bawah ini untuk membuat AuthController.php di dalam folder controllers.
5. Selanjutnya buka app/Http/Controllers/AuthController.php. Lalu ganti dengan script yang ada di bawah ini.
<?php
namespace App\Http\Controllers;
use App\Models\User;
use Illuminate\Support\Facades\Hash;
use Illuminate\Http\Request;
use Auth;
class AuthController extends Controller
{
public function processRegister(Request $request)
{
$validatedData = $request->validate([
'name' => 'required|string|max:255',
'email' => 'required|email|unique:users',
'password' => 'required|string|min:8|confirmed',
]);
$user = User::create([
'name' => $validatedData['name'],
'email' => $validatedData['email'],
'password' => Hash::make($validatedData['password']),
]);
Auth::login($user); //login process
return redirect('/home'); //to home page
}
}6. Buat sebuah file baru dengan nama register.blade.php di dalam folder resources/views. Lalu tambahkan script di bawah ini.
<!-- resources/views/register.blade.php -->
<!DOCTYPE html>
<html>
<head>
<title>Register</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">Register</div>
<div class="card-body">
<form method="POST" action="{{ url('process-register') }}">
@csrf
<div class="mb-3">
<label for="name" class="form-label">Name</label>
<input type="text" id="name" name="name" required autofocus class="form-control">
</div>
<div class="mb-3">
<label for="email" class="form-label">Email</label>
<input type="email" id="email" name="email" required 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">
<label for="password_confirmation" class="form-label">Confirm Password</label>
<input type="password" id="password_confirmation" name="password_confirmation" required class="form-control">
</div>
<div class="mb-3">
<button type="submit" class="btn btn-primary">Register</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>
7. Buat sebuah file baru dengan nama home.blade.php di dalam folder resources/views. Kemudian tambahkan script di bawah ini.
<!-- resources/views/home.blade.php -->
<!DOCTYPE html>
<html>
<head>
<title>Home</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-5">
<div class="card-header">Welcome, {{ Auth::user()->name }}</div>
<div class="card-body">
<p>Email: {{ Auth::user()->email }}</p>
<form action="{{ url('logout') }}" method="POST">
@csrf
<button type="submit" class="btn btn-danger">Logout</button>
</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>
7. Buka routes/web.php lalu ganti dengan script yang ada di bawah ini.
<?php
use Illuminate\Support\Facades\Route;
use App\Http\Controllers\AuthController;
/*
|--------------------------------------------------------------------------
| Web Routes
|--------------------------------------------------------------------------
|
| Here is where you can register web routes for your application. These
| routes are loaded by the RouteServiceProvider within a group which
| contains the "web" middleware group. Now create something great!
|
*/
Route::get('/', function () {
return view('welcome');
});
//to home page
Route::get('/home', function(){ return view('home'); })->middleware('auth');
//to register page
Route::get('/register', function(){ return view('register'); });
//to process register
Route::post('/process-register', [AuthController::class, 'processRegister']);
//logout
Route::post('/logout', function () {
Auth::logout();
return redirect('/login');
});8. Masuk ke direktori project lalu buka terminal atau CMD. Lalu jalankan perintah di bawah ini untuk menjalankan perintah laravel
9. Buka browser dan ketik alamat http://127.0.0.1:8000/register lalu isi data dan klik tombol signup. Jika berhasil maka kalian akan dialihkan ke halaman home.
|
| Halaman Registrasi |
|
| Halaman Home |
Ok sekian tutorial singkat kita kali ini tentang cara membuat custom register 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