Laravel Sanctum menyediakan sistem otentikasi untuk SPA (aplikasi satu halaman), aplikasi mobile, dan API berbasis token yang sederhana. Sanctum memungkinkan setiap pengguna aplikasi untuk menghasilkan beberapa token API untuk akun. Token ini dapat diberikan kemampuan / cakupan yang menentukan tindakan token mana yang diizinkan untuk dilakukan.

Install laravel Scantum

     composer require laravel/sanctum

kemudian publish konfigurasi scantum

     php artisan vendor:publish --provider="Laravel\Sanctum\SanctumServiceProvider"

lalu jalankan migrasi database

     php artisan migrate

letakan scantum middleware pada grup api di file app/Http/kernel.php

sehingga terlihat seperti gambar dibawah ini

 

Tambahkan HashApiToken pada file app\User.php

Sehingga terlihat seperti gambar dibawah ini

buat router login pada file routes/api.php

 

 Kemudian test menggunakan Postman

HTML2PDF adalah konverter HTML ke PDF yang ditulis dalam PHP. Hal ini memungkinkan konversi HTML 4.01 yang valid dalam format PDF, Library ini dirancang terutama untuk menangani tabel yang terkait untuk menghasilkan pengiriman faktur, dan dokumen resmi lainnya seperti laporan-laporan. Bagaimana menggunakan HTML2PDF pada Laravel 5.5 untuk laporan dengan format pdf ikuti tulisan dibawah ini.

INSTALLASI

Pastikan anda sudah menginstallasi laravel dengan baik, kemudian buka shell dan ketikan perintah berikut ini:

composer require spipu/html2pdf

seperti terlihat pada gambar dibawah ini.

CARA MENGGUNAKAN

buat sebuah route misalnya /print dan sebuah controller misalnya DevController lalu sematkan kode berikut ini:

maka ketika dibuka pada browser akan muncul tampilan seperti berikut ini:
pada output kita dapat menambahkan nama dari file pdf ini, maka ketika file pdf di download akan tampil nama tersebut sebagai default, juga kita dapat menambahkan judul file pdf ini agar terlihat lebih elegant dengan tambahan beberapa kode seperti dibawah ini.
sehingga tampilan yang terlihat pada browser akan jadi seperti pada gambar berikut ini.

MENAMPILKAN DATA DARI DATABASE

untuk menampilkan data dari database kita dapat melakukan pengaturan pada file pada folder view dengan mengirimkan variabelnya melalui controller, buat sebuah file view misalnya print.blade.php

pastikan anda sudah memiliki data pada table database kemudian tambahkan kode berikut ini pada controller.

dan selanjutnya pada file print.blade.php sematkan kode dibawah ini.

maka ketika dibuka pada browser akan muncul seperti tampilan dibawah ini.

Source:

• https://www.html2pdf.fr/en/home

Otentikasi adalah tindakan untuk mengonfirmasikan kebenaran atribut dari suatu data yang diklaim oleh pengguna dengan membandingkan antara data yang diberikan pengguna dengan data yang ada didalam database, jika data tersebut cocok maka pengguna akan diberikan otorisasi untuk akses. bagaimana menginplementasikan Otentikasi pada Laravel SPA menggunakan JWT Auth ikuti tahap-tahap pada catatan berikut ini.

Sebelumnya Baca:
Upload Dan Menampilkan Gambar Menggunakan SPA Laravel & Vue JS

pertama-tama buka file composer.json
kemudian tambahkan:

"tymon/jwt-auth": "0.5.*"

dan lakukan update untuk menginstall jwt-auth

composer update

selanjutnya pada file app.php
tambahkan service provider

Tymon\JWTAuth\Providers\JWTAuthServiceProvider::class

dan juga tambahkan JWTAuth Facade pada aliases

'JWTAuth' => Tymon\JWTAuth\Facades\JWTAuth::class

kemudian terbitkan config JWTAuth dengan perintah berikut:

php artisan vendor:publish --provider="Tymon\JWTAuth\Providers\JWTAuthServiceProvider"

lalu generate kode jwt auth secret

php artisan jwt:generate

*sumber: https://github.com/tymondesigns/jwt-auth

Setelah itu buat controller yaitu UserController

php artisan make:controller UserController

buka file UserController.php dan masukan kode berikut ini
buka file kernel.php
dan tambahkan auth.jwt pada route middleware

'auth.jwt' => \Tymon\JWTAuth\Middleware\GetUserFromToken::class,

lalu pada route yaitu file api.php
tambahkan route signin dan atur pada route mana saja yang harus melewati proses otentikasi untuk dapat diakases. seperti script berikut ini:
kemudian untuk mencoba apakah proses auth ini dapat digunakan pada aplikasi, bisa dilihat melalui postman seperti gambar berikut ini.
pada gambar diatas terlihat ketika diberikan email dan password yang benar atau sama dengan yang ada pada database maka akan diberikan token oleh jwt auth. jadi proses ini sudah dapat diimplementasikan pada proses login pada aplikasi yang dibangun.

Hal yang juga sangat mendasar untuk membuat aplikasi adalah adanya fungsi edit dan hapus data, dalam catatan kali ini akan di tulis sebuah cara untuk mengganti dan menghapus data menggunakan Single Page Application (SPA) atau satu halaman tunggal melalu Laravel dan Vue JS, sekaligus melanjutkan catatan kemarin tentang menambah data yang juga mengguanakan SPA Laravel dan Vue JS. bagaimana caranya yuk ikuti tahapan langkah-langkah dari catatan berikut ini.

Baca Sebelumnya:

• Mengambil Data Dari Database Menggunakan SPA Laravel & Vue JS

buka kembali file Items.vue


lalu tambahkan 1 buah tombol pada form yaitu tombol Edit Item, yang apabila di klik akan menjalankan fungsi editItem dengan membawa sebuah id yang kegunaanya untuk mengedit data.


kemudian pada tabel tambahkan 2 buah aksi yaitu berupa tombol edit dan remove tombol edit berguna untuk menampilkan data yang akan di edit pada form. dan tombol remove untuk menghapus data dengan menjalankan fungsi removeItem dengan membawa id dari item yang akan dihapus.


dan juga tambahkan juga beberapa fungsi-fungsi seperti berikut ini dan letakan ditempat yang tepat.


berikut ini script lengkap dari Items.vue

maka tampilan dari form dan table adalah seperti ini


dan apabila tombol Edit di tekan disalah satu data, maka datanya akan ditampilkan pada form dan tombol Add New Item akan berubah menjadi Edit Item yang berfungsi untuk mengganti data.


selanjutnya pada Router file api.php


tambahkan route-route berikut ini.


berikut ini file router api.php script lengkapnya

dan yang terakhir buka file ItemController.php


tambahkan ketiga fungsi berikut ini yaitu untuk menampilkan data ke form, mengedit data dan menghapus data.


berikut ini script lengkap dari file ItemController.php

setelah selesai menyematkan kode-kode diatas, jalankan aplikasi pada browser maka hasilnya akan seperti video dibawah ini.


Baca Selanjutnya:

• Upload dan Menampilkan Gambar Menggunakan SPA Laravel & Vue JS