Authentication JWT Lumen 7

Authentication JWT Lumen 7 – Pada artikel kali ini kita akan belajar membuat authentication menggunakan JWT (JSON Web Token) pada Lumen 7.

 

Authentication JWT Lumen 7

Create Project

Buat project baru dengan nama lumen7-auth-jwt.
Dari command prom ketikkan perintah berikut:

 

Database

Buat database baru dengan nama lumen7_auth_jwt.
Dari command prompt ketikkan perintah berikut:

 

Configure Database

Selanjutnya buka file .env folder root project kemudian edit bagian DB menjadi seperti berikut:

Simpan file .env

 

Install Dependency

Dari command prompt ketikkan perintah berikut:

Buat folder baru dengan nama config pada direktori Root Project.
Selanjutnya kita generete JWT dengan menggunakan perintah berikut:

 

auth.php

Buat file baru dengan nama auth.php pada folder config dan kemudian ketikkan script berikut:

Simpan file auth.php

 

Configuration

app.php

Buka file app.php pada folder bootstrap kemudian edit menjadi seperti berikut:

Simpan file app.php

Migrations

Create Users Table

Dari command prompt ketikkan perintah berikut:

Buka file 2020_XXX_create_users_table.php pada folder database/migrations kemudian edit menjadi seperti berikut:

Simpan file 2020_XXX_create_users_table.php

Note: Nama file sesuaikan dengan hasil dari proses migration

Selanjutnya jalankan proses migrate dengan menggunakan perintah berikut:

 

Model

User.php

Buka file User.php pada folder app kemudian edit menjadi seperti berikut:

Simpan file User.php

 

Controller

AuthController.php

Buat file baru dengan nama AuthController.php pada folder app/Http/Controllers kemudian ketikkan script berikut:

Simpan file AuthController.php

 

Routes

Buka file web.php pada folder routes kemudian edit menjadi seperti berikut:

Simpan file web.php

 

Enable CORS

CORS merupakan singkatan dari Cross Origin Resource Sharing, yaitu sebuah teknik menggunakan permintaan HTTP untuk mengizinkan browser pada suatu domain mendapatkan akses ke server pada sumber yang berbeda.

Buat file baru dengan nama CorsMiddleware.php pada folder app/Http/Middleware kemudian ketikkan script berikut:

Simpan file CorsMiddleware.php

Buka file app.php pada folder bootstrap kemudian tambahkan CorsMiddleware pada bagian Register Middleware:

Simpan file app.php

 

Testing Authentication JWT Lumen 7

Dari direktori project jalankan Lumen 7 menggunakan perintah berikut:

Untuk menjalankan Lumen 7 pada port tertentu, misalnya port 9090 anda bisa menjalankannya dengan mengetikkan perintah berikut:

 

Testing via Postman

Selanjutnya kita akan testing menggunakan Postman.

 

Register

Pertama-tama kita daftarkan user baru terlebih dahulu agar kita bisa melakukan login.

  • Buka postman lalu pilih method POST kemudian ketikkkan URL http://localhost:8000/api/auth/register
  • Kemudian pilih tab Body. Lalu pada radiobox pilih raw dan typenya ganti menjadi JSON.
  • Selanjutnya inputkan data registrasinya seperti berikut:
Gbr1 Authentication JWT Lumen7  - Testing Registrasi
Gbr1 Authentication JWT Lumen7 – Testing Registrasi

 

Login

Setelah registrasi berhasil selanjutnya kita coba untuk login dengan user yang sudah kita registrasikan tersebut.

  • Buka postman lalu pilih method POST kemudian ketikkkan URL http://localhost:8000/api/auth/login
  • Kemudian pilih tab Body. Lalu pada radiobox pilih raw dan typenya ganti menjadi JSON.
  • Selanjutnya inputkan data username dan password untuk login:
Gbr2 Authentication JWT Lumen7  - Testing Login
Gbr2 Authentication JWT Lumen7 – Testing Login

Jika login berhasil, maka kita akan mendapatkan access token.

 

Sampai disini kita sudah berhasil membuat authentication JSON Web Token menggunakan Lumen 7. Pada artikel selanjutnya kita akan coba Front End nya menggunakan VUE JS, Anggular dan juga React JS.

 

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 *