ติดตั้ง Auth UI และ Javascript ใน Laravel 6

ตั้งแต่ Laravel update version เป็น 6 ตัว Laravel ก็ได้นำเอา Jquery และ vuejs ออกจาก package ติดตั้งแบบปกติ และสร้าง Package ให้ติดตั้งแยกสำหรับคนที่ต้องการติดตั้งแบบ Clean รวมไปถึง Authentication UI, controller, Bootstrap สำหรับการ Login, Register, Reset password ต่างๆออกทั้งหมด เรียกได้ว่า Clean สมใจสาย Clean กันเลยทีเดียว วันนี้ผมจะมาแนะนำวิธีการติดตั้งตัว package ต่างๆสำหรับคนที่อยากใช้แบบเดิมกันครับ

Package ต่างๆที่มีให้ใช้

ก่อนจะเริ่มเลือก package สำหรับใช้งานเราต้องติดตั้ง package ผ่าน composer กันก่อน

composer require laravel/ui --dev

หลังจากติดตั้งเราสามารถใช้คำสั่ง artisan ได้ดังนี้

// Generate basic scaffolding...
php artisan ui bootstrap
php artisan ui vue
php artisan ui react

// Generate login / registration scaffolding...
php artisan ui bootstrap --auth
php artisan ui vue --auth
php artisan ui react --auth

ตัว ui จะมีให้เลือก 3 แบบ คือ Bootstrap, vue, react สามารถเลือกตัวที่เราต้องการได้เลย
flag –auth นั้นจะเป็นการบอกว่าเราต้องการติดตั้งระบบ Authentication ในเว็บไซต์ด้วย

เช่นผมเลือกใช้ vuejs และระบบ Authentication ก็ใช้คำสั่งนี้

php artisan ui vue --auth

ตัวระบบจะติดตั้ง Vuejs, Axios (สำหรับ ajax), ui login, register, reset password ให้ใช้งาน เพียงเท่านี้เราก็จะได้ระบบ Authentication เหมือนที่ติดตั้งใน laravel 5.8 แล้วครับ

Reference

JavaScript & CSS Scaffolding – Laravel – The PHP Framework For Web Artisans

While Laravel does not dictate which JavaScript or CSS pre-processors you use, it does provide a basic starting point using Bootstrap, React, and / or Vue that will be helpful for many applications. By default, Laravel uses NPM to install both of these frontend packages.