SHARE SISTEM LOGIN LENGKAP MENGGUNAKAN CI

[RayMantic]

LINK materi
CodeIgniter : https://codeigniter.com
SBAdmin 2 : https://startbootstrap.com/themes/sb-...
Bootstrap : https://getbootstrap.com/
Font Awesome : https://fontawesome.com/

seperti title kali ini nubi akan buatin thread sederhana tentang bikin LOGIN/REGISTER melalu CI.

materi :
1 Login dan registrasi
2 user access level : mengelola akses level dari user [kayak forum ini ya ada admin ada supmod ada moderator ada user dan guest].
3 menu management : admin bisa menambahkan fitur / menu baru .dan menu itu bisa di tempelkan pada user tertentu .[kayak forum kalo supmod bisa banned kalo moderator bisa move thread dll]
4. user activation : seperti web lain jika kita registrasi menggunakan nomer hape atau email yang aktif maka akan meminta activasi sebagai bentuk adri validasi jika email dan nomer hape itu benar[true].jadi tidak di perkenankan untuk user bot.karena banyak bot untuk membuat suatu web itu jadi overload untuk servernya karena .bot itu tersimpan dengan jumlah yang penyerang web tersebut mau .. misal 1 milyar maka yang akan tersimpan di server juga 1 milyar maka akan memperngaruhi kerja dari server itu..maka untuk mengamankan kita butuh untuk memvalidasi setiap email dan nomer tersebut bahwa bukan .bot.

pre- requisite ?
saran saya sebelum belajar CI biar lebih gampang/serta tidak hanya menyalin codingan yang nubi buat agar agan bisa atau mungkin punya penjabaran yang lebih luas daripada nubi. agan bisa mempelajari beberapa basic dari yang nubi sebutin di bawah :
1. tentunya PHP dasar : setidaknya pernah bikin sistem login sederhana dengan PHP prosedural
2. OOP
3. MVC
4. CI 3
5. Bootstrap 4
6. Database

persiapan :
1 pertama silah download CI terbaru dan instal di server offline nya agan.[link ada di atas]
2. download SB admin [link ada diatas][free][atau mau pake yang lain jika tidak cocok silahkan cari yang free]

ritual sebelum eksekusi :
1 silahkan buka CI ke editor .yang pertama yang pasti kita lakukan adalah ubah dahulu setingan dari CI nya .
masuk ke config -> masuk ke file config.php -> pencet CTRL+B biar gampang - > scroll ke bawah cari

$config['base_url']= 'ganti dengan alamat url kita'

gambar :

2. setelah itu kita seting mod_rewrite nya menggunakan file htaccess. .
caranya : kita bikin file baru di luar . beri nama .htaccess . isinya apa ? kita buka dari web CI nya .. tinggal copaskan saja documentasi.

RewriteEngine  Pada
RewriteCond % {REQUEST_FILENAME}! -F
RewriteCond % {REQUEST_FILENAME}! -D
RewriteRule ^ (. *) $ Index.php / $ 1 [L]

lalu tinggal save .
3. masuk ke autoload.lalu kita siapkan fitur fitur dari CI nya yang mana yang agan mau gunain.
scroll kebawah cari library -> isi seperti ini

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

.
4 masih di autoload .silahkan scroll ke bawah :
cari helper -> isi seperti ini

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

.
5. kita sudah bisa bikin controler nya .silahkan welcomenya di hapus diganti dengan 'auth'
gambar

6. kita bikin controler baru.klik controler -> kita bikin file baru di dalam controler dengan nama tadi auth.php.isikan

<?php
defined('BASEPATCH') or exit('No direct script access allowed');
class Auth extends CI_Controller
{
public function index()
{
$this->load->view('auth/login');
}
}

atau bisa dengan copas aja isi dari file welcome.php.
7. kita cari views -> kita bikin folder baru namanya auth yang di dalamnya kita bikin file login.php . nah isinya apa ? isinya kita copas dari SB admin [silahkan di download link diatas].
gambar :

silahkan tambahi code yang saya kotak merah.
dan silahkan di simpan pada JS nya ..scroll di bagian bawah cari JS nya gan


nah ritual CI sudah selesai tinggal tahap eksekusi materi .

---

EKSEKUSI MATERI
A> bikin sistem registrasi
yang pertama buka file auth.php lalu tab lagi file registration.php.
1. silahkan agan bikin database sesuaikan dengan apa yang akan di cantumkan pada form registrasi .
2 kalo sudah jadi databasenya .kembali lagi ke editor buka file registration.php bagian form nya . disitu formnya masih polos.nah disitu ada dua pilihan melalui manual html biasa atau menggunakan CI .
nah disini saya menggunakan CI karena kita belajar CI .
caranya buka auth -> sesuaikan gambar di bawah ini

scroll kebawah


#untuk LOGIN caranya dan penempatannya sama

B> USER dan ADMIN page
buat file user php isinya

lalu kita cari folder vendor kita pilih file blank nya .lalu coba aja di open browser.

lalu copas isi dari blank tadi ..trus ke folder views -> bikin folder bar dengan nama user di dalamnya bikin file index.php lalu copas dan save.
lalu coba buka lagi file index di browser .tapi sebelumnya css nya beri text php.
gambar :

beri semua pada JS nya gan.
tampilannya :

untuk membedakan bagian admin dan user silahkan edit .
user hanya profile dan ubah avatar.jadi dashboardnya hilangin.
bedanya itu doang.

C> menu management
jadi passtiin hanya ada 1 admin yang berhak untuk memegang kendali untuk web nya.
admin :

jika sudah silahkan bikin database
lalu codingnya .
silahkan buka sidebare.php
disana kita akan mengatur role nya ..jika admin fiturnya ada semua namun jika user maka fiturnya terbatas.
maka kita butuh menampilkannya secara dinamis.
1. coba scroll ke bawah cari divider bagian pertama .disini kita akan melakukan query untuk menu.
kondisikan :

cara bacanya :
2. kita looping menu


#jadi view menu tampilan admin dan user akan beda sesuai hak akses .

 

[RayMantic]

D> USER ACCESS
ini untuk menentukan menu hak akses .
1. bikin database user management dimana bedakan role nya serta bikin menu nya.
misal admin = role id 1 bisa mengakses menu dengan id 1-2-3
dan untukuser role id nya 2 bisa mengakses menu dengan id 2 saja.
gambar :

gambar menu admin :

gambar menu user / member :

2.nah kenapa kok bisa membedakan hak aksesnya karena dalam codingnya kita setting data usernya .
logika phpnya seperti ini :
gambar :

3. bagaimana caranyabiar menu admin tidak bisa di akses siapa pun kecuali ID admin .serta jika kita mencoba login dengan user admin dengan password yang salah maka akan tetap di redirect ke page login.
bisa dengan menuliskan logika pada setiap file controller nya seperti ini :
gambar :

4. bisa juga jika kita gak mau ribet buat nulis satu satu di controller kita bisa menggunakan fitur helper .
bisa dengan menuliskan logika seperti ini :
gambar :


sekian

 

[RayMantic]

USER ACTIVATION


1 harus punya email active .nubi menggunakan gmail.setelah itu melakukan konfigurasi pada gmailnya .
carany : klik google acount -> pilih security->scroll kebawah cari less secure app access [posisikan ke ON]
2 masuk ke codingan :
cari folder controller pilih file auth.php .jika sudah cari method registration nya yang ada pada auth.lalu silahkan cari di bagian registration di dalam data.

disitu / di gambar atas is activ nya adalah 1 . di sini kita coba untuk mengubah menjadi 0 dulu .kalo nol maka dia / akun baru registrasi tidak bisa login.
seperti gambar ini :

3. balik lagi ke codingannya .setelah kita melakukan insert .kita melakukan kirim email ke user yang baru saja registrasi .untuk mengaktifkan fitur kirim emailnya seperti gambar:

#sesuaikan akun gmailnya .
bawahnya :

4. yang terakhir kita tinggal insert dan kirim email ke user .dimana nanti link itu akan berupa token.
sebelumnya silahkan bikin databse buat nampungnya :
bisa lihat gambar :

insert gambar :

ubah juga function publicnya ,gambar :

nah yang ini lihat gambarnya yang benar karena nubi menggunakan teknik konket buka tutupnya di perhatikan ,jika tidak nanti tidak mau jalan .



jika di coba :

data ke database nya harusnya masuk :

lihat di email harusnya juga masuk :


sekian

 

[Yashwira]

terimakasih suhu atas ilmunya..

 

[CakMantri]

Klau sistim CI lebih safety kah hu???
Numpang tanya om... Siap maklum mau bangun website nih

 

[RayMantic]

Safety atau tidak tergantung sama secure yg kita bikin ... Sama aja ... Mau pake PF apa pun pasti punya rentan masing2 yg pnting nyaman sama nguasain.CI itu untuk web pengembang yg gede lbh enak..memang lbh aman kl CI.kl yg kecil dan static pake file bootstrap lbh enak karena dokumentasinya lengkap n gampang drpd CI.
Semoga sukses boskuh bikin site nya

 

[dukuai]

bagus nih buat pemula ...