Tutorial Codeigniter 3 – Membuat Halaman Login: Bagian 4 – Login, Logout dan Proteksi Halaman

Pada tutorial kali ini, Anda akan membuat:

1. Mengaktifkan fungsi login
2. Proteksi halaman dasbor sehingga hanya bisa diakses setelah login
3. Logout

Sebelum mengikuti tutorial ini, pastikan Anda telah mengikuti tutorial ini:

1. File hasil akhir Tutorial Bagian 3, silakan download di:https://drive.google.com/file/d/0B5BhV6c89_2YNFEwSzBnaGEwM2c/view?usp=sharing.
2. Membaca Tutorial Codeigniter 3 – Membuat Halaman Login: Bagian 1 – Installasi dan Konfigurasi Awal Codeigniter 3
3. Membaca Tutorial Codeigniter 3 – Membuat Halaman Login: Bagian 2 – Membuat Controller dan View Halaman Statis
4. Membaca Tutorial Codeigniter 3 – Membuat Halaman Login: Bagian 3 – Membuat Database User dan Konfigurasinya

Anda dapat mendownload hasil akhir tutorial Bagian 4 ini di: https://drive.google.com/file/d/0B5BhV6c89_2YbWM4MzJnbTJvVUU/view?usp=sharing.

Membuat Library Simple_login.php

Library Simple_login.php ini nantinya berfungsi untuk login, logout dan sekaligus proteksi halaman dasbor/administrator.

1. Buat file PHP baru di folder application/libraries
2. Simpan dengan nama Simple_login.php
3. Hapus semua kode yang ada (jika ada)
4. Lalu ketik kode ini:

   <?php if(! defined('BASEPATH')) exit('Akses langsung tidak diperbolehkan');

   class Simple_login {
    // SET SUPER GLOBAL
    var $CI = NULL;
    public function __construct() {
    $this->CI =& get_instance();
    }
    // Fungsi login
    public function login($username, $password) {
    $query = $this->CI->db->get_where('users',array('username'=>$username,'password' => $password));
    if($query->num_rows() == 1) {
    $row = $this->CI->db->query('SELECT id_user FROM users where username = "'.$username.'"');
    $admin = $row->row();
    $id = $admin->id_user;
    $this->CI->session->set_userdata('username', $username);
    $this->CI->session->set_userdata('id_login', uniqid(rand()));
    $this->CI->session->set_userdata('id', $id);
    redirect(base_url('dasbor'));
    }else{
    $this->CI->session->set_flashdata('sukses','Oops... Username/password salah');
    redirect(base_url('login'));
    }
    return false;
    }
    // Proteksi halaman
    public function cek_login() {
    if($this->CI->session->userdata('username') == '') {
    $this->CI->session->set_flashdata('sukses','Anda belum login');
    redirect(base_url('login'));
    }
    }
    // Fungsi logout
    public function logout() {
    $this->CI->session->unset_userdata('username');
    $this->CI->session->unset_userdata('id_login');
    $this->CI->session->unset_userdata('id');
    $this->CI->session->set_flashdata('sukses','Anda berhasil logout');
    redirect(base_url('login'));
    }
   }

   

5. Simpan file

Menambahkan fungsi/library Simple_login.php di autoload.php

Fungsi library Simple_login.php akan kita load otomatis saat website dibuka atau diakses.

1. Buka file autoload.php di folder login/application/config
2. Tambahkan autoload library Simple_login dengan mengubah kode ini:
   $autoload[‘libraries’] = array(‘form_validation’,’session’,’database’);
3. Lalu tambahkan sehingga menjadi
   $autoload[‘libraries’] = array(‘form_validation’,’session’,’database’,’simple_login’);
4. Simpan file

Mengaktifkan fungsi Login dan Logout

Fungsi login ini akan dihandle 3 file utama yaitu: controller Login.php, view/tampilan Login_view.php dan library Simple_login.php.

Mengubah controller Login.php

Controller Login.php ini nanti berfungsi untuk menangani fungsi login dan logout.

1. Buka controller Login.php di folder login/application/controllers
2. Setelah kode public function index() tekan Enter
3. Lalu ketik kode ini
   // Fungsi Login
   $valid = $this->form_validation;
   $username = $this->input->post(‘username’);
   $password = $this->input->post(‘password’);
   $valid->set_rules(‘username’,’Username’,’required’);
   $valid->set_rules(‘password’,’Password’,’required’);
   if($valid->run()) {
   $this->simple_login->login($username,$password, base_url(‘dasbor’), base_url(‘login’));
   }
   // End fungsi login
4. Kemudian setelah kode // Logout di sini tekan Enter
5. Lalu ketik kode ini
   public function logout() {
   $this->simple_login->logout();
   }
6. Simpan file (hasil akhir silakan lihat gambar di bawah ini)

Mengubah dan menambah Login_view.php

Login_view.php adalah tampilan atau view yang berisi formulir login dimana action dari form ini akan dihandle oleh controller Login.php yang telah kita edit sebelumya.

1. Buka file Login_view.php di folder login/application/views
2. Lalu setelah kode <h1>Login Page</h1> tekan Enter dua kali
3. Kemudian ketik kode ini

   

4. Simpan file (lihat gambar untuk lebih detailnya)

Anda telah berhasil mengaktifkan fungsi login dan logout pada controller Login.php dan view Login_view.php. Maka langkah selanjutnya adalah proteksi halaman Dasbor.

Proteksi Halaman Dasbor

Halaman dasbor nantinya akan menjadi halaman administrator website yang hanya bisa diakses jika sudah login dengan username dan password yang benar. Jika seseorang belum login dengan benar, maka ia akan dilempar ke halaman login.

Proteksi halaman ini akan kita letakkan di salah satu file di folder login/application/views/layout, yaitu file head.php yang merupakan halaman yang akan diload pertama. FIle ini akan ditambahi fungsi cek_login() yang telah didefinisikan sebelumnya di library Simple_login.php.

1. Buka file head.php di folder application/views/layout
2. Lalu pada baris pertama tekan Enter dua kali
3. Lalu ketik kode ini:
   <?php
   // Proteksi halaman
   $this->simple_login->cek_login();
   ?>
4. Simpan file (lihat gambar di bawah untuk lebih detail)

Menampilkan data orang yang login

Langkah selanjutnya adalah menampilkan data orang yang login, dengan mencetak data session username yang digunakan untuk login. Data login akan dicetak di file header.php.

1. Buka file header.php yang ada di folder login/application/views/layout
2. Ubah kode ini:
   <a href=”<?php echo base_url(‘profil’) ?>” title=”Update profil”>Nama</a>
3. Menjadi seperti ini (hanya mengubah tulisan nama menjadi dynamic data dari session):
   <a href=”<?php echo base_url(‘profil’) ?>” title=”Update profil”>
   <?php echo ucfirst($this->session->userdata(‘username’)); ?>
   </a>
4. Simpan file (lihat gambar agar lebih jelas)

Mengetes fungsi login, logout dan proteksi halaman

Selanjutnya adalah mengetes fungsi-fungsi yang telah dibuat tadi. Mulai dari proteksi halaman, login, login gagal dan logout.

• Untuk mengetes proteksi halaman buka http://localhost/login. Maka Anda akan langsung diahlikan ke halaman http://localhost/login/login dengan notifikasi pesan Anda belum login. Ini karena Anda belum login

  

• Masukkan username dan password yang salah, maka pesan error akan muncul

  

• Masukkan username dan password yang benar, maka Anda akan dialihkan ke halaman Dasbor (http://localhost/login). Nama atau username orang yang login akan tampil di bagian atas area header.

  

• Untuk Logout, klik link/tombol Logout yang ada di area header, maka Anda akan logout

Mendownload hasil akhir kode

Anda dapat mendownload hasil akhir tutorial Bagian 4 ini di: https://drive.google.com/file/d/0B5BhV6c89_2YbWM4MzJnbTJvVUU/view?usp=sharing.