Membuat Halaman Registrasi
Setelah halaman login.php berhasil dibuat, kita akan buat halaman registrasi user. Buatlah new file di folder project “rumah_coding” dengan nama “registrasi.php”. disini pada tag <?php ?> kita panggil function.php. kemudian membuat alert jika ada user baru ditambahkan, kemudian membuat redirect ke halaman login.php
Tampilan Halaman regitrasi
Copy source codenya dibawah ini.
<?php
require ‘function.php’;
if (isset($_POST[“registrasi”])){
if (registrasi($_POST) > 0){
echo “<script>
alert(‘User baru telah ditambahkan!’);
</script>”;
echo “<script>
window.location = ‘login.php’;
</script>”;
} else {
echo mysqli_error($conn);
}
}
?>
<!DOCTYPE html>
<html>
<head>
<!–Import Google Icon Font –>
<link href=”https://fonts.googleapis.com/icon?family=Material+Icons” rel=”stylesheet”>
<!–Import materialize.css–>
<link type=”text/css” rel=”stylesheet” href=”css/materialize.min.css” media=”screen,projection”/>
<link type=”text/css” rel=”stylesheet” href=”css/login.css”>
<!–Let browser know website is optimized for mobile–>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″/>
</head>
<body>
<div class=”container”>
<div class=”row”>
<div class=”col m6 offset-m3 s12″>
<form action=”” method=”post”>
<div class=”card-panel hoverable grey lighten-3″>
<h5 class=”center”>Form Registrasi</h5>
<br>
<div class=”input-field”>
<input type=”text” name=”username” id=”username” required class=”validate” autofocus>
<label for=”text”>Username</label>
</div>
<div class=”input-field”>
<input type=”password” name=”password” id=”password” required class=”validate”>
<label for=”password”>Password</label>
</div>
<div class=”input-field”>
<input type=”password” name=”password2″ id=”password2″ required class=”validate”>
<label for=”password”>Konfirmasi Password</label>
</div>
<button type=”submit” name=”registrasi” class=”btn teal darken”>Daftar</button>
<span><button type=”submit” class=”btn white darken”><a href=”login.php”>Login</a></button></span>
</div>
</form>
</div>
</div>
</div>
<!–JavaScript at end of body for optimized loading–>
<script type=”text/javascript” src=”js/materialize.min.js”></script>
</body>
</html>
Setelah itu. coba akses “localhost/rumah_coding/registrasi.php”
Buatlah user baru, dengan memasukan username, password, konfirmasi password. dan klik daftar.
Pada function registrasi ini, kita menggunakan password_hash untuk mengenkripsi password. sehingga yang terinput ke dalam database adalah password hasil hash. dan ketika login, password hasil hash akan di verify. sehingga password yang diinput kedalam login akan di encrypt kemudian dicocokan dengan password hasil hash di registrasi yang ada di dalam database. jika hasil enkripsinya sama akan diverifikasi. dan proses login akan dijalankan sepenuhnya.