PHP LUMEN AUTHENTICATION

PHP Lumen Authentication

Image result for php lumen

   Kali ini saya akan membagikan tutorial login authentication pada laravel lumen. Tentu dalam menerapkan authetication ini kita gunakan, project lumen sebelumnya yang telah terdapat tabel users yang nanti akan kita buat authentikasinya.
Pertama kita pastikan dulu terdapat tabel users pada database kita.Untuk membuat table users, mari kita ikuti langkah-langkah berikut ini:
1. Membuat database migration dengan menjalankan command dibawah ini pada terminal:
php artisan make:migration create_users_table
2. Buka file database/migrations/...create_users_table.php, dan ubah menjadi seperti
dibawah ini 

3. Jalankan command dibawah ini pada terminal:
php artisan migrate

4. Kemudian insert satu row ke table users
5. Selesai 

Membuat Model User
Untuk membuat model user, ikuti langkah-langkah dibawah ini:
1. Buat file baru dengan nama app/Models/User.php, codenya seperti dibawah ini. 

Membuat Fungsi Register
Implementasi fungsi ini adalah fungsi index di PostsController.php:
1. Buka file routes/web.php, tambahkan code dibawah ini. 

2. Buat file baru app/Http/Controllers/AuthController.php, code nya seperti dibawah ini. 


3. Mari kita test dengan menggunakan Postman. Negative case. 

4. Mari kita test dengan menggunakan Postman. Positive case. 

5. Selesai

Instalasi dan Konfigurasi JWT untuk Lumen
   Ketika kita login, maka kita akan mengembalikan Token login yang bisa digunakan sebagai penanda sesi Login. Untuk membuat Token ini, kita akan menggunakan plugin JWT untuk Lumen. Mari kita ikuti langkah-langkah dibawah ini:
1. Jalankan command di di command prompt (harus connect internet).
composer require tymon/jwt-auth:dev-develop
2. Kalau berhasil, di file composer.json, akan menjadi seperti ini. Lihat line 10. 


3. Buka file bootstrap/app.php, ubah menjadi seperti dibawah ini. Cari block ‘Register
Service Providers’. Dalam kasus ini ada di line 71. 

4. Jalankan command di di command prompt.
php artisan jwt:secret
Buka file .env
Kalau berhasil bakal ada line seperti dibawah ini:
JWT_SECRET=kdX7ERKWl4AtszpnC4N9KTXX0dmxanedrXo9tB64nJ7eHJms0imL
OuajfsS5AzGN

5. Selesai 

Membuat fungsi Login
Untuk membuat fungsi login, mari ikuti langkah-langkah dibawah ini.
1. Buka file bootstrap/app.php, ubah menjadi seperti dibawah ini. Cari block ‘Register
Middleware. Dalam kasus ini ada di line 51


2. Buka file app/Models/user.php, ubah menjadi seperti dibawah ini.Lihat line 11 - 13 dan
line 37 - 56. 


3. Buat file config/auth.php, dengan code seperti dibawah ini


4. Buka file routes/web.php, cari group ‘auth’, ubah menjadi seperti dibawah ini.


5. Buka file app/Http/Controllers/AuthController.php, tambahkan code ini diatas deklarasi
Class. Lihat line 7.


6. Buka file app/Http/Controllers/AuthController.php, tambahkan function login code nya
seperti dibawah ini. 

Screenshot_21.png


7. Test menggunakan Postman 


8. Kalau email dan password nya salah, seperti ini: 


Membuat Authenticated Routing
Sekarang kita akan membuat routing di bawah ini tidak bisa diakses oleh user yang belum
login. 
Untuk implementasi nya mari ikuti langkah-langkah dibawah ini.
1. Buka file routes/web.php, ubah posts routing menjadi seperti dibawah ini. 


2. Sekarang kalau kita akses melalui Postman, maka response nya seperti ini. 

Screenshot_25.png

3. Mari kita tambahkan header Authorization dengan value [Bearer LOGIN_TOKEN].
Authorization ini akan digunakan sebagai sesi Login.

Screenshot_27.png

4. Selesai 

Indentifikasi User Login Authenticated Routing
   Dari Token login yang dikirim, kita bisa melakukan identifikasi user. Sebagai contoh, kita hanya akan mengembalikan list posts berdasarkan posts.user_id = UserLogin.id
Pertama kita buka ap/Http/Controllers/PostController.php lalu ubah method index menjadi seperti berikut.
Screenshot_28.png
Lalu lakukan test di postman, masukkan endpoint /posts dengan method get, maka response akan seperti berikut.
Screenshot_30.png
Mengapa datanya kosong ? karena memang tidak ada data posts untuk user berikut, kita login menggunakan user admin, dengan id = 3, sekarang kita coba lakukan input data terlebih dahulu dengan user_id =3.

Screenshot_31.png
Kemudian lakukan test kembali pada endoint /posts method get.
Screenshot_32.png
Sekarang terdapat 1 data posts dengan user_id = 3.
Sekian tutorial kali ini, semoga bermanfaat.

Comments

Post a Comment

Popular posts from this blog

Microservice

Image
    Microservice menjadi salah satu arsitektur yang banyak didiskusikan oleh para developer pada saat ini, Alasannya karena microservice dapat membantu developer dalam membuat aplikasi yang high performance, scalable, reliable dan secure. Jadi apa itu Microservice ?     Microservices berarti membagi aplikasi menjadi layanan yang lebih kecil dan saling terhubung tidak seperti aplikasi monolitik. Monolitik sendiri merupakan sebuah arsitektur dimana dalam pembuatan aplikasi. semua komponen menjadi satu kesatuan, dalam hal ini satu kesatuan berarti menyatukan antara front-end dan backend dalam satu aplikasi yang sama.    Contoh penggunaan microservice ini misal dalam sebuah Aplikasi online shop yang terdiri dari beberapa fitur, ada fitur untuk menampikan produk, menambah ke keranjang, dan pembayaran. Fitur-fitur tersebut dibangun dalam service yang berbeda atau aplikasi yang berbeda dan database yang berbeda pula. Dalam penggunaannya service-service ...
Read more

TUTORIAL UNITY - PRO BUILDER

Image
PRO BUILDER    Hallo di postingan kali ini akan membahas tentang UNITY,   disini akan  menjelaskan tentang penggunaan dasar Unity yang terkait dengan fungsi Project, Scene, GameObject, Component dan Variable .  Selain itu tutorial ini akan mengupas sedikit tentang penggunaan Pro Builder pada Unity. -Langkah pertama buat aplikasi baru dengan Unity Pembuatan Level Dalam tutorial kali ini kita akan mencoba membuat level sederhana dengan Unity. Caranya akses menu GameObject > 3D Object > Plane -Atur Plane di tengah kamera -Atur Scalenya 10,1,10 -Buat material dengan cara klik kanan pada panel Assets > Material -Ganti warnanya misalnya menjadi BIRU, Selanjutnya kita akan tambahkan package PRO BUILDER. Caranya? Klik menu Window > Package Manager Cari package PRO BUILDER dan klik INSTALL setelah proses instalasi selesai, akses menu Tools > ProBuilder > ProBuilder Window Klik icon change icon, dan pi...
Read more

Component vue.js

Image
Component Vue.js Hallo teman-teman pada kesempatan kali ini saya akan membahas mengenai component pada  vue.js . Terdapat 2 cara untuk meregistrasi component pada  vue.js  yaitu dengan global component, dan local component. Global Component Global Component yaitu cara meregistrasi komponen di dalam  vue.js  yang digunakan di dalam template dari semua root instance vue (new Vue). Global component ini dapat digunakan setelah di registrasi terlebih dahulu dengan syntax : Vue.component( ‘nama-komponen-saya’ , {           // … pilihan … }) Sebagai contoh pada script dibawah ini. Pada script di atas component di registrasi terlebih dahulu dengan mendefinisikan  <component-a>  menjadi template  ‘<p>Component A</p>’  begitupun dengan  <component-b>  dan  <component-c> . Setelah diregistrasi, kita tinggal instasiasi objek vue dibawahnya dengan syntax : new...
Read more