http://itx.web.id/php/sistem-login-simple-md5-logout-dengan-codeigniter/
Login (dan juga Logout) hampir selalu ada dalam semua sistem /
aplikasi yang didevelop dengan bahasa pemrograman tertentu, dalam kasus
kali ini adalah PHP dengan framework CodeIgniter. Konsep dasar dari
Login adalah mencocokkan username dan password yang dimasukkan oleh user
dengan daftar username+password yang tersimpan dalam database. Dengan
alasan keamanan, biasanya password disimpan dalam database dengan
menggunakan fungsi MD5. MD5 adalah salah satu fungsi hash (satu arah)
yang cukup terkenal dalam kriptografi, biasa digunakan untuk
autentifikasi user.
Sedangkan Logout memiliki konsep dasar yang cukup sederhana, yaitu dengan men-destroy session dari user yang login tersebut.
Anyway… just let trying it
Step 1 : Konfigurasi CI (selalu dimulai dengan ini)
Sedangkan Logout memiliki konsep dasar yang cukup sederhana, yaitu dengan men-destroy session dari user yang login tersebut.
Anyway… just let trying it
Step 1 : Konfigurasi CI (selalu dimulai dengan ini)
- Buka file config.php yang berada dalam folder system-application-config-config.php
- Ubah base url, sesuaikan dengan lokasi dimana folder CI-mu
berada (tempat ekstrak-an tadi). Contoh : Folder CI anda berada
dalam folder www/cimaka ubah baris
$config['base_url']="http://example.com/";dengan
$config['base_url'] = "http://localhost/ci/"; - Setting database. Buka file database.php yang berada dalam folder yang sama dengan config.php. Ubah hostname, username, password, dan nama database. Sesuaikan dengan pengaturan mysql anda. Contoh :
$db['default']['hostname'] = "localhost";
$db['default']['username'] = "root";
$db['default']['password'] = "";
$db['default']['database'] = "db_tutorial";
- Buat database dengan nama db_tutorial (via phpmyadmin)
- Siapkan tabel dengan nama tb_user (untuk strukturnya, lihat gambar dibawah ini)
- Insertkan beberapa sample data untuk user yang akan login, sebagai contoh insertkan data seperti tabel dibawah ini. INGAT : ketika memasukkan password, pilih fungsi MD5 (lihat gambar dilingkari merah)
- Maka hasil dari insert sample data (dengan password dikenai fungsi MD5) adalah seperti gambar dibawah,
- Done with database !
- Ketikkan script berikut,
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html><head> <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"> <title>Login with CI</title> <center> <h2> <b> Login with CI </b> <h2> <form action="<?=base_url();?>login/proseslogin" method="post"> <table border="0" align="center"> <tr> <td> Username</td> <td> <input name="username" type="text"> </td> </tr> <tr> <td> Password</td> <td> <input name="password" type="password"> </td> </tr> <tr> <td> </td> <td> <input name="submit" type="submit" value="login"> </td> </tr> </table> </form> <?php if(isset($error)) echo "<b><span style='color:red;'>$error</span></b>"; if(isset($logout)) echo "<b><span style='color:red;'>$logout</span></b>"; ?> </center> </body></html>
- Simpan dengan nama login_view.php, dalam folder system-application-views
- Ketikkan script berikut,
<?php class Login extends Controller { //constructor function login() { parent::Controller(); $this->load->helper('url'); $this->load->helper('form'); $this->load->library('form_validation'); $this->load->library('session'); } //index for showing the login form function index() { $this->load->view('login_view'); } //this function will do the login process function proseslogin() { $username = $this->input->post('username'); //read the username that filled by the user $password = $this->input->post('password'); //read the password that filled by the user $passwordx = md5($password); //this is for change $password into MD5 form //the query is to matching the username+password user with username+password from database $q = $this->db->query("SELECT * FROM tb_user WHERE username='$username' AND userpass='$passwordx'"); if ($q->num_rows() == 1) { // if the query is TRUE, then save the username into session and load the welcome view $nama = $q->row()->username; $this->session->set_userdata('username',$nama); $data['welcome'] = "Welcome $nama"; $this->load->view('welcome_view', $data); } else { // query error $data['error']='!! Wrong Username or Password !!'; $this->load->view('login_view', $data); } } //to do logout process function logout() { $this->session->sess_destroy(); $data['logout'] = 'You have been logged out.'; $this->load->view('login_view', $data); } } ?> - Simpan dengan nama login.php dalam folder system-application-controllers
- Untuk keterangan dari script diatas, bisa dilihat dari script comment.
- Ketikkan script berikut,
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html><head> <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"> <title>Login with CI</title> <center> <?php if(isset($welcome)) echo "<h2><span style='color:red;'>$welcome</span></h2>"; echo "<br/>"; echo anchor("login/logout", 'Logout') ?> </center> </body></html> - Simpan dengan nama welcome_view.php dalam folder system-application-views
- Buka browser, pergi ke http://localhost/namaFolderCIkamu/login
- Akan muncul tampilan seperti dibawah,
- Masukkan username+password yang benar, yaitu yang ada didatabase (username : june, password : june)
- Maka anda akan diarahkan menuju halaman sukses login,yaitu halaman welcome seperti dibawah,
- Klik logout untuk keluar dari halaman welcome.
- Sekarang masukkan username+password salah (misal username : admin, password : admin)
- Maka akan ditampilkan warning seperti gambar dibawah.
Komentar
Posting Komentar