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:
|
1 2 3 4 |
cd H:\sourcecode composer create-project codeigniter4/appstarter ci4-login |
Login Dan Register System CodeIgniter 4
Database
Buat database baru dengan nama ci4_login
Dari command_prompt ketikkan perintah berikut:
|
1 2 3 4 5 |
mysql -uroot -p CREATE DATABASE ci4_login; |
Seting database config
Buka file Database.php pada folder app/config, kemudian edit bagian berikut:
|
1 2 3 4 5 6 7 8 9 |
public $default = [ 'DSN' => '', 'hostname' => 'localhost', 'username' => 'root', 'password' => 'j.fUjHyL', 'database' => 'ci4_login', 'DBDriver' => 'MySQLi', |
Simpan file Database.php
Login System
Migration
Buat migration baru dengan nama users.
Dari command prompt ketikkan perintah berikut:
|
1 2 3 |
php spark migrate:create users |
|
1 2 3 4 5 |
CodeIgniter CLI Tool - Version 4.0.4 - Server-Time: 2020-10-15 20:03:57pm Created file: App/Database/Migrations/2020-10-16-010357_users.php |
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:
|
1 2 3 |
php spark migrate |
|
1 2 3 4 5 6 7 |
CodeIgniter CLI Tool - Version 4.0.4 - Server-Time: 2020-10-15 20:07:44pm Running all new migrations... Running: (App) 2020-10-16-010357_App\Database\Migrations\Users Done |
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:
|
1 2 3 4 5 6 |
$routes->group('register', function($routes){ $routes->get('/', 'RegisterController::index'); $routes->post('/', 'RegisterController::store'); }); |
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:
|
1 2 3 4 5 6 |
$routes->group('login', function ($routes) { $routes->get('/', 'LoginController::index'); $routes->post('/', 'LoginController::login'); }); |
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:
|
1 2 3 4 5 |
$routes->group('logout', function ($routes) { $routes->get('/', 'LogoutController::index'); }); |
Testing Login Dan Register System CodeIgniter 4
Selanjutnya jalankan CodeIgniter 4 dengan menggunakan perintah berikut:
|
1 2 3 |
php spark serve |
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.
Login
Buka browser dan ketikkan URL http://localhost:8080/login
Selanjutnya silahkan login dengan data user yang sudah anda registrasikan sebelumnya.
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:
