Pràctica 7: Migració PHP Natiu a Laravel

El proposit d'aquesta pràctica es en fer la pràctica 5 de PHP al framework de Laravel. Entenent que Laravel utilitza una arquitectura de MVC utilitzant ELOQUENT com ORM per gestionar Base de Dades como objectes i Blade com sistema de plantilles.

Base de Dades

La base de dades que utilitzo es situa en ./database/practica7.sql

Compte d'usuari creat per poder accedir com Usuari

Email: xavi@sapalomera.cat Contrasenya: 12345678

Pasos que he anat fent al principi

• Per començar vaig acudir al fitxer .env per poder declarar les variables del entorn del nostre projecte com connexió a la Base de Dades o el nom de la nostra aplicació.

• Per crear una Ruta ens anem a la carpeta de routes/web.php o routes/api.php.

• Per crear Controlador vaig utilitzar la següent comanda per terminal: "php artisan make:controller TaskController".

• Per crear Model vaig utilitzar la següent comanda per terminal: "php artisan make:model Task".

• En tema funcionalitat primer de tot vaig anar a la base de dades i vaig omplir dades per poder comprovar si em mostrava els aticles en paginació a la pagina de index anonim.

• En el cas de disseny i com la part de Registrar i Iniciar Sessió vaig aplicar el Breeze, ja que Laravel Breeze es una implementació minima i simple de totes les caracteristiques de autenticació de Laravel. Vaig utilitzar les següents comandes per poder adquirir el Breeze:

• Instal·lar Laravel Breeze utilitzant Composer

  composer require laravel/breeze --dev
  

• Comanda breeze:install

    php artisan breeze:install
        php artisan migrate
        npm install
        npm run dev
  

• Instal·lar Laravel Breeze utilitzant Composer

     composer require laravel/breeze --dev
  

• Importem boostrap, i per poder importar vaig utilitzar la següent comanda:

    composer require laravel/ui
  

• Per poder posar oauth de google:

  1. Ens anem cap a Google.Cloud i una vegada creat el projecte i entrat dintre creem una credencial de oauth

  2. Ens anem cap a .env i fiquem el id_client i la clau de la següent manera al final de codi:

     GOOGLE_OAUTH_ID="***********.apps.googleusercontent.com"

     GOOGLE_OAUTH_KEY="GOCSPX-27_******kC3OCmE"

  3. Després apliquem la seva ruta

  Apartats que he pogut fer:

  • Part bàsica obligatòria [4 punts]
  • Recuperació de contrasenya [1 punt]
  • Autenticació Social OAuth Google [1,5 punts]
  • Autenticació Social OAuth Github [1,5 punts]
  • Sobre la configuració de l’usuari [2,5 punts] -> D'aqui nomes he pogut fer canviar el nom o email d'usuari