Orang yang selalu Aku kenang

Namanya warnania Nazara, 

Asal dari Nias utara, Sumatra Utara, orangnya baik, perhatian dan juga pekerja keras, aku merasa bahagia saat dia salalu perhatian sama aku, walau terliht sama sama suka tapi sayang ga pernah jadian,

Hehehe terima kasih ya.

Namanya meli nduru, sosok orang yg pernah aku cintai, dan dialah cinta pacr pertamaku, orng yg slalu peduli dan menerima ku apa adanya tanpa liht dari segi apa pun.yah walau pada akhirnya ga dapat restu dari keluarga, aku percaya semua atas kehendak Tuhan, terimakasih kasih ya.

Berharap di bulan tahun yang akan datang, bisa dapat jodoh yg sifatnya sama Dangan dua orang diatas, Amin.

Vue sederhana yang menggabungkan property template, data raw dan data attribute dan Kalkulator sederhana

disini saya membuat  vue sederhana yang menggabungkan property template, data raw dan data attribute.
dan kalkulator sederhana  yang memiliki inputan nilai 1 dan nilai 2, dengan 4 tombol perhitungan (tambah, kurang, kali, bagi). 

baik langsung saja
pertama kita buat file baru  dengan nama file dasar_vue.html.
dan ketik kode dibawah.

Dan ini hasilnya









bikin file baru dengan nama file.template_vue.html

Dan ini hasilnya

sekarang kita membuat kalkulator sederhan.
bikin lagi file baru dengan nama file.kalkulator.html

 Ini tampilanya dibawah.

kita coba test dengan mengalikan 5*5,dan ini hasilnya di bawah

TUTORIAL UJI COBA VUE

disini saya akan membuat tutorial tentang tools yang digunakan dalam pengembangan web 2.0

baik langsung saja.sebelumnya jangan lupa untuk menginstal a kode editornya,contonya subleme atau yang  lainnya.

1.pertama buatlah folder seperti berikut

2.copy code dari link https://vuejs.org/js/vue.js

3.kemudian paste di dalam vue.js

4.bikin file baru dengan hello.html.dan ketik kode dibawah.

5.jalankan di browser dan ini hasilnya di bawah.

6.kemudian kita uji coba vue nya,pertama bikin file baru 
   ' hellovue',kemudian ketik kode berikut.

selanjutnya jalankan pada browser,dan tampilannya seperti dibawah.kemudian buat file baru dengan nama hellovue.htmldan bikin kode seperti dibawah.

selesai...

mungkin itu saja tutorialnya,semoga bermanfaat,Terimahkasih.

TUTORIAL PHP Lumen Authorization

hayyy teman-teman... kali ini saya akan bikin tutorial tentang PHP lumen Authorization 

Tutorial ini melanjutkan project dari tutorial sebelum nya dengan nama ‘PHP Lumen Authentication’. Pada tutorial ini kita akan menambahkan fungsi autentikasi. Tujuan praktek ini adalah untuk:

1. Mampu implementasi otorisasi menggunakan Lumen
2. Mampu membuat fungsi pengecekan otorisasi
3. Memahami logika untuk otorisasi

Prasyarat

Harus menyelesaikan dulu modul dengan judul ‘PHP Lumen Authentication’.

Menambahkan Column Role Pada Table users

Jika sebelumnya belum membuat table users, ana harus membuat dulu table users. Lihat tutorial PHP Lumen Authentication.
Untuk menambahkan column role pada table users, mari kita ikuti langkah-langkah berikut ini:

1.Membuat database migration dengan menjalankan command           dibawah ini pada terminal:php artisan make:migration                       add_role_to_users_table --table=users
2.Buka file database/migrations/..._add_role_to_users_table.php,       dan ubah menjadi seperti dibawah ini.

3. Jalankan command dibawah ini pada terminal:
    php artisan migrate
4. Secara default column role yang sudah terdaftar di database              menjadi role=reader.
5. Kita akan memerlukan 3 users dengan role yang berbeda,                silahkan bikin user dengan role:
   - admin
   - editor
    - reader

selesai..

Kebutuhan User Role

Setiap role dari user, memiliki kemampuan yang berbeda-beda, yakni:

1. Admin

• Bisa read all posts
• Bisa read detail post
• Bisa create posts
• Bisa update post
• Bisa delete post

2. Editor

• Bisa read all posts (yang dibuat oleh user yang lagi login)
• Bisa read detail post (yang dibuat oleh user yang lagi login)
• Bisa create posts
• Bisa update post (yang dibuat oleh user yang lagi login)
• Bisa delete post (yang dibuat oleh user yang lagi login)

3. Reader

• Bisa read all posts
• Bisa read detail post
• Bisa memberikan comment pada post tertentu

4. Selesai

Membuat Logika Policy Pada Read All Post

Logika police ini berguna untuk menentukan role apa bisa mengakses data apa. Untuk implementasi kebutuhan user role diatas, kita akan menggunakan fitur policies dari Lumen. Untuk membuat logika policy pada read all, mari ikuti langkah-langkah dibawah ini:

1. Buka file app/Providers/AuthServiceProvider.php, codenya              seperti dibawah ini.

2. Buka file app/Http/Controllers/PostsController.php, tambahkan        Gate class dan ubah function index.

 3. login dengan user yang role = ‘user’, maka respon nya seperti         dibawah ini.

4. login dengan user yang role = "admin atu editor".

5. Kalau login pakai ‘admin’, maka list post nya adalah semua              posts, kalau login pakai ‘editor’ pakai list post nya hanya post          yang user_id = user logged in id.

6. Selesai

Membuat Logika Policy Pada Update Post

User yang bisa melakukan update adalah ‘editor’ dan ‘admin’. Untuk ‘editor’ hanya bisa meng-update post yang dia create, untuk ‘admin’ bisa meng-update semua post. Untuk membuat logika policy pada create, mari ikuti langkah-langkah dibawah ini:

1. Buka file app/Providers/AuthServiceProvider.php, codenya              seperti dibawah ini.

2. Buka file app/Http/Controllers/PostsController.php, ubah                  function update.

3. coba login dengan user yang role = ‘user’, maka respon nya              seperti dibawah ini.

4. login dengan user yang valid authorization nya.

selesai.

Endpoint Untuk Public User

Untuk public user bisa melakukan Read All dan Read Detail. Untuk mengakomodir kebutuhan ini kita akan membuat routes dan controller baru.

1. Buka file app/Providers/AuthServiceProvider.php, codenya              seperti dibawah ini.

2. Buka file app/Http/Controllers/PostsController.php, tambahkan        di function create, show dan destroy.

login dengan user yang valid authorization nya yaitu 'admin' atau 'editor', maka tampilanya seperti dibawah ini.

hasil create 

hasil read detail

hasil delete

 selesai.

Endpoint Untuk Public User

Untuk public user bisa melakukan Read All dan Read Detail. Untuk mengakomodir kebutuhan ini kita akan membuat routes dan controller baru.

1.bikin terlebih dahulu routes nya di Routes/web.php.

2.bikin app/Http/Controllers/PublicController/PostsController.php
   kemud ian tambahkan code dibawah ini.
                    

3. Buka file app/Models/Post.php, tambahkan code dibawah ini.

4. Buka file app/Models/User.php, tambahkan code dibawah ini.

5. test dengan menggunakan postman,hasilnya seperti dibawah.

selesai...

PHP Lumen Authentication

Hai...,teman kali ini saya bikin tutorial PHP lumen Authentication,

Tutorial ini melanjutkan project dari tutorial sebelum nya dengan nama ‘PHP Lumen Validation and Error Handling’. Pada tutorial ini kita akan menambahkan fungsi autentikasi. Tujuan praktek ini adalah untuk: 

1. Mampu implementasi autentikasi menggunakan Lumen 

2. Mampu membuat fungsi login 

3. Mampu membuat fungsi register

baik langsung saja,jangan lupa pastikan tabel users kita di database,dan xampp nya di aktifikan.\

jalankan command dibawah ini,

php   artisan make:migration create_users_table

Buka file database/migrations/table.php,ubah menjadi seperti dibawah ini.

Jalankan command dibawah ini :
php artisan migrate 

Membuat Model User

Untuk membuat model user, ikuti langkah-langkah dibawah ini:


Buat file baru dengan nama app/Models/User.php, codenya seperti dibawah ini.
















Membuat Fungsi Register

Buka file routes/web.php, tambahkan code dibawah ini



Buat file baru app/Http/Controllers/AuthController.php.

test dengan menggunakan Postman. Negative case.

test dengan menggunakan Postman. positive case.

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:

Jalankan command di di command prompt di bawah ini:
composer require tymon/jwt-auth:dev-develop.

jika berhasil, di file composer.json, akan seperti dibawah.

Buka file bootstrap/app.php dan bikin seperti dibawah.

 Jalankan command di di command prompt.
 php artisan jwt:secret 

Membuat fungsi Login 

Buka file bootstrap/app.php, ubah menjadi seperti dibawah ini. 

Buka file app/Models/user.php

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

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

Buka file app/Http/Controllers/AuthController.php, tambahkan code dibawah ini.

 Buka file app/Http/Controllers/AuthController.php



test menggunakan posman

jika email dan password nya salah.

Membuat Authenticated Routing

Buka file routes/web.php, ubah posts routing nya.

test menggunakan posman,hasilnya seperti dibawah.

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

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. Mari ikuti langkah-langkah dibawah ini. 

Buka file app/Http/Controllers/PostsController.php, dan ubah menjadi seperti dibawah ini

test dengan menggunakan posman.

selesai...

mungkin sampai disini saja totorial nya,
mohon maaf jika ada kesalahan dalam pembuatan tutorial ini.