Cara Membuat Login Sederhana Menggunakan CodeIgniter

Cara Membuat Login Sederhana Menggunakan CodeIgniter - Hi Blogger Lovers !! kali ini saya akan memberikan tutorial bagaimana Cara Membuat Login Sederhana Menggunakan CodeIgniter disini saya menggunakan MVC yaitu Model, View, Controller. yuk mari kita simak di bawah ini...

Persiapan membuat login sederhana menggunakan codeigniter

Hal pertama yang harus dilakukan adalah kita membuat database dahulu..

disini saya memberi nama database codeigniter dengan nama table login_session dengan 4 field, seperti contoh di bawah ini...

Hal kedua mari kita download codeigniter dulu disini,

disini saya sendiri menggunakan codeigniter versi 3.0.6.

setelah download codeigniter, kita buat folder di htdocs,

disini saya beri nama folder tutorialzr, setelah kita buat folder...

ekstrak codeigniter tersebut di dalam folder yang tadi di buat, seperti dibawah ini...

Hal ketiga langkah selanjutnya, adalah:

Aktifkan library database
Aktifkan library session
Set encryption key sessionn codeigniter
Aktifkan helper url

Aktifkan library ‘database’ dan ‘session’ di file autoload codeigniter. dan aktifkan juga helper ‘url’. kenapa kita harus mengaktifkan library databasee? karena kita akan menggunakan fungs-fungsi database yang telah di sediakan oleh codeigniter. dan kenapa kita harus mengaktifkan library session? karena kita akan memerlukan session di loginn. agar bisa mendeteksi apakah si admin atau user sudah login atau belum. kalau belum login maka tidak kita perbolehkan untuk mengakses halaman admin. berarti nanti kita buat admin harus login dahulu baru bisa mengakses halaman admin. jika tidak, admin akan di alihkan ke halaman login.

tutorialzr/application/config/autoload.php

isikan database di autoload library. 

$autoload['libraries'] = array('database','session');

aktifkan juga helper url.

$autoload['helper'] = array('form','url');

Seperti point di atas tadi. karena kita menggunakan session di codeigniter. maka kita harus mengisikan dulu encryption key session nya. ada di tutorialzr/application/config/config.php

$config['encryption_key'] = 'tutorialzrlogincodeigniter'; 

tutorialzr/application/config/config.php 

Hal keempat untuk alamat url. ada di tutorialzr/application/config/config.php

$config['base_url'] = 'http://localhost/tutorialzr'; 

Menghubungkan CodeIgniter dengan MySql 

Hal kelima tutorialzr/application/config/database.php

'hostname' => 'localhost',
'username' => 'login','password' => 'RwcttjY9BzvTF9Bz','database' => 'codeigniter','dbdriver' => 'mysqli',

Membuat Controller baru di CodeIgniter 
Hal keenam kita buat Controller baru dengan nama auth.php di tutorialzr/application/controllers

<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');
class Auth extends CI_Controller {
 public function indexx() {
  $this->load->view('index');
 }

class Auth extends CI_Controller {
 public function indexx() {
  $this->load->view('index');
 }

 public function cek_login() {
  $data = array('username' => $this->input->post('username', TRUE),
      'password' => md5($this->input->post('password', TRUE))
   );
  $this->load->model('model_user'); // load model_user
  $hasil = $this->model_user->cek_user($data);
  if ($hasil->num_rows() == 1) {
   foreach ($hasil->result() as $sess) {
    $sess_data['logged_in'] = 'Sudah Logginn';
    $sess_data['uid'] = $sess->uid;
    $sess_data['username'] = $sess->username;
    $sess_data['level'] = $sess->level;
    $this->session->set_userdata($sess_data);
   }

   if ($this->session->userdata('level')=='admin') {
    redirect('admin/c_admin');
   }
   elseif ($this->session->userdata('level')=='member') {
    redirect('member/c_member');
   }  
  }
  else {
   echo "<script>alert('Gagal login: Cek username, password!');history.go(-1);</script>";
  }
 }
}
?>

Hal ketujuh kita buat folder Controller baru di tutorialzr/application/controllers dengan nama admin lalu buat file di c_admin di dalam folder admin

<?php
class C_admin extends CI_Controller {
 public function __construct() {
  parent::__construct();
  if ($this->session->userdata('username')=="") {
   redirect('auth');
  }
  $this->load->helper('text');
 }

 public function index() {
  $data['username'] = $this->session->userdata('username');
  $this->load->view('admin/index', $data);
 }

 public function logout() {
  $this->session->unset_userdata('username');
  $this->session->unset_userdata('level');
  session_destroy();
  redirect('auth');
 }
}
?>

Hal kedelapan lakukan seperti diatas, kita buat folder Controller baru di tutorialzr/application/controllers dengan nama member lalu buat file di c_member di dalam folder member

<?php
class C_member extends CI_Controller {
 public function __construct() {
  parent::__construct();
  if ($this->session->userdata('username')=="") {
   redirect('auth');
  }

  $this->load->helper('text');
 }

 public function index() {
  $data['username'] = $this->session->userdata('username');
  $this->load->view('member/index', $data);
 }

 public function logout() {
  $this->session->unset_userdata('username');
  $this->session->unset_userdata('level');
  session_destroy();
  redirect('auth');
 }
}
?>

Hal kesembilan disini kita masih bahas di controller, didalam controller ada sebuah file dengan nama Welcome.php setelah kita menemukannya kita buka file Welcome.php lalu kita edit sedikit di dalam filenya

<?php
defined('BASEPATH') OR exit('No direct script access allowed');
class Welcome extends CI_Controller {
 public function index()
 {
  $this->load->view('index');
 }
}

Membuat Models Baru

Hal kesepuluh kita buat file baru dengan nama model_user di tutorialzr/application/models

<?php  if ( ! defined('BASEPATH')) exit('No direct script access allowed');
 class Model_user extends CI_Model {
  public function cek_user($data) {
   $query = $this->db->get_where('login_session', $data);
   return $query;
  }
 }
?>

Membuat View Baru

Hal kesebelas kita buat file baru dengan nama index.php di tutorialzr/application/views

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Cara Membuat Login Sederhana Menggunakan CodeIgniter | TUTORIALZR</title>
</head>

<body>
<?php echo form_open("auth/cek_login"); ?>
  <p>Username : <br>
  <input type="text" name="username">
  </p>
  <p>Password : <br>
  <input type="password" name="password"></p>
  <p><button type="submit">Submit</button></p>
  <?php echo form_close(); ?>
</body>
</html>

Hal keduabelas disini kita masih membahas tutorialzr/application/views, disini kita buat folder baru dengan nama admin lalu kita buat file index.php 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>TUTORIALZR | Admin</title>
</head>
<body>
<h1>Haii selamat datang, anda login sebagai <?php echo $username; ?></h1> <a href="<?php echo site_url('admin/c_admin/logout'); ?>">Logout</a>
</body>
</html>

Hal ketigabelas lakukan seperti di atas, kita buat folder baru dengan nama member lalu kita buat file index.php 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>TUTORIALZR | Member</title>
</head>
<body>
<h1>Haii selamat datang dihalaman <b>member</b>, anda login sebagai <?php echo $username; ?></h1> <a href="<?php echo site_url('admin/c_admin/logout'); ?>">Logout</a>
</body>
</html>

Screenshot hasil :

*Jika ada pertanyaan silahkan sampaikan melalui form komentar, dan jika suka dengan artikel ini silahkan dengan klik like, share, atau join fans page untuk mengetahui artikel lainnya.

Demikianlah "Cara Membuat Login Sederhana Menggunakan CodeIgniter".