Laravel: protezione con login Auth/Vue.js

Spread the love
Vue.js
Vue.js

Aggiungiamo Auth + Vue.js, il modo più diretto di aggiungere al progetto Laravel una protezione con password. Il plugin Auth è uno scaffold di autenticazione che utilizza Vue.js.

Installazione di Vue/Auth

composer require laravel/ui:^2.4
php artisan ui vue --auth

npm install
npm run dev
php artisan migrate

Il comando ui installa le componenti Vue.js e lo scaffolding necessario per le maschere di autenticazione, recupero password, eccetera e le funzionalità javascript delle interfacce.

npm

Il Node.js Packet Manager va invocato perché il prodotto Auth ha parecchie component javascript da installare.

Infine, il comando di migrazione serve per le tabelle dei recuperi password e dei token (“Ricordami questo accesso”).

Al termine dell’installazione saranno già state impostate tutte le rotte per Auth:

laravel route list con Auth
laravel route list con Auth

Vengono già predisposti i comandi di registrazione, recuper passord, login, logout. Però i conenuti rimangono ad accesso libero quidni va gestito cosa vogliamo proteggere con la login e cosa rimane publico.

Per fare questo occorre agire sul controller.

Per prtoteggere l’intera applicazione occorre fare in modo che ogni volta che si invoca la classe controller del modello che si vuole proteggere: avvenga l’interposizone del mìddleware Auth. Per esempio si può deìcidere tabella per tabella se si vuole la protezione oppure no:

class CompanyController extends Controller
{
    public function __construct()
    {
        $this->middleware('auth');
    }

in questo caso il CRUD della tabella Company sarà intercettato dal middleware Auth e se si tenta di accedere ad una delle rotte, si presenterà la maschera di login:

Login
Login

Risorse

Lascia un commento

Il tuo indirizzo email non sarà pubblicato.

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.