Login Dan Register System CodeIgniter 4

Login Dan Register System CodeIgniter 4 – Pada artikel kali ini kita akan membuat Login dan Register System menggunakan CodeIgniter 4.

 

Login Dan Register System CodeIgniter 4

Create Project

Direktori project akan saya letakkan didalam direktori sourcecode (Silahkan sesuaikan saja dengan direktori anda).

Buat project baru dengan nama ci4-login. Dari command prompt ketikkan perintah berikut:

 

Login Dan Register System CodeIgniter 4

Database

Buat database baru dengan nama ci4_login
Dari command_prompt ketikkan perintah berikut:

 

Seting database config

Buka file Database.php pada folder app/config, kemudian edit bagian berikut:

Simpan file Database.php

 

Login System

Migration

Buat migration baru dengan nama users.
Dari command prompt ketikkan perintah berikut:

Buka file 2020_XXXX_users.php pada folder app/Database/Migrations kemudian edit menjadi seperti berikut:

Simpan file 2020_XXXX_users.php


Selanjutnya kita jalankan migrate untuk membuat table users di database.
Dari command prompt ketikkan perintah berikut:

 

Model

UserModel.php

Buat file baru dengan nama UserModel.php pada folder app/Models.
Kemudian ketikkan script berikut:

Simpan file UserModel.php

 

Templates

Buat folder baru dengan nama layouts pada direktori app/Views.

Views

main.php

Buat file baru dengan nama main.php pada folder app/Views/layouts.
Kemudian ketikkan script berikut:

Simpan file main.php

 

Home

Controller

Home.php

Buka file Home.php pada folder app/Controllers.
Kemudian edit menjadi seperti berikut:

Simpan file Home.php

 

Views

home.php

Buat file baru dengan nama home.php pada folder app/Views.
Kemudian ketikkan script berikut:

Simpan file home.php

 

Register

Controller

RegisterController.php

Buat file baru dengan nama RegisterController.php pada folder app/Controllers.
Kemudian ketikkan script berikut:

Simpan file RegisterController.php

 

Views

Buat folder baru dengan nama auth pada direktori app/Views

register.php

Buat file baru dengan nama register.php pada folder app/Views/auth.
Kemudian ketikkan script berikut:

Simpan file register.php

 

Routes

Routes.php

Buka file Routes.php pada folder app/Config.
Kemudian tambahkan routing untuk register seperti berikut:

Simpan file Routes.php

 

Login

Controller

LoginController.php

Buat file baru dengan nama LoginController.php pada folder app/Controllers.
Kemudian ketikkan script berikut:

Simpan file LoginController.php

 

Views

login.php

Buat file baru dengan nama login.php pada folder app/Views/auth.
Kemudian ketikkan script berikut:

Simpan file login.php

 

Routes

Routes.php

Buka file Routes.php pada folder app/Config.
Kemudian tambahkan routing untuk login seperti berikut:

Simpan file Routes.php

 

Logout

Controller

LogoutController.php

Buat file baru dengan nama LogoutController.php pada folder app/Controllers.
Kemudian ketikkan script berikut:

Simpan file LogoutController.php

 

Routes

Routes.php

Buka file Routes.php pada folder app/Config.
Kemudian tambahkan routing untuk login seperti berikut:

 

Testing Login Dan Register System CodeIgniter 4

Selanjutnya jalankan CodeIgniter 4 dengan menggunakan perintah berikut:

 

Register

Buka browser dan ketikkan URL http://localhost:8080/register

Kemudian coba registrasikan data user baru seperti berikut:

  • Name : admin
  • Email : admin@email.com
  • Password : isikan_password

Selanjutnya klik tombol Register untuk memproses data.

Gbr1 Login Dan Register System CodeIgniter 4 - Registrasi
Gbr1 Login Dan Register System CodeIgniter 4 – Registrasi

 

Login

Buka browser dan ketikkan URL http://localhost:8080/login

Selanjutnya silahkan login dengan data user yang sudah anda registrasikan sebelumnya.

Gbr2 Login Dan Register System CodeIgniter 4 - Login System
Gbr2 Login Dan Register System CodeIgniter 4 – Login System

Sampai sini kita sudah berhasil membuat Login Dan Register System menggunakan CodeIgniter 4. Pada artikel selanjutnya bahas CodeIgniter 4 lebih jauh lagi.

 

 

Semoga bermanfaat.
Source Code bisa anda download disini:

Dewaweb Gives Your Website Only the Best!

You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *