Laravel Vagrant_DESPLIEGUE AUTOMATIZADO.pptx

DESPLIEUE DE VAGRANT Y LARAVEL

1. Configuración de Vagrant Con Laravel

2. Es un software de virtualización que permite a los usuarios crear y ejecutar máquinas virtuales en sus computadoras personales. Requisitos previos Laravel es un framework de PHP para ayudarnos en un tipo de desarrollo sobre aplicaciones escritas en este lenguaje de programación. Vagrant es un software que nos permite configurar una instancia de una máquina virtual mediante un archivo de configuración. Es un editor de código fuente desarrollado por Microsoft, diseñado para ser ligero, rápido y altamente personalizable. VirtualBox Laravel Vagrant Visual Studio

3. Ejercicio 3 1 Abre la terminar y crea un directorio de proyecto Navega a ese directorio Inicializa Vagrant en el directorio 2 3 mkdir mi_proyecto_vagrant cd mi_proyecto_vagrant vagrant init 4 Modificar el vagrantfile code vagrantfile

4. Vagrant.configure("2") do |config|   # Especificar la caja de Vagrant para Ubuntu 20.04   config.vm.box = "ubuntu/focal64"   # Redireccionar puertos para acceder a Nginx o Apache desde el host   config.vm.network "forwarded_port", guest: 8000, host: 8000   # Configurar el volumen (carpeta compartida)   config.vm.synced_folder "~/vagrant_data", "/home/vagrant/data"   # Configurar recursos de la máquina virtual   config.vm.provider "virtualbox" do |vb|     vb.memory = "2048"     vb.cpus = 2   end   # Aumentar el tiempo de espera para el arranque   config.vm.boot_timeout = 600

5. # Carpeta compartida para acceder al proyecto desde el host (Visual Studio Code)   config.vm.synced_folder ".", "/home/vagrant/ proyectos_laravel " # Configuración de provisión para instalar servicios   config.vm.provision "shell", inline: <<-SHELL     echo " Iniciando configuración del entorno de desarrollo ..." # Actualizar los paquetes de Ubuntu     sudo apt-get update && sudo apt-get upgrade -y     echo "Sistema actualizado ." # Instalar Apache     sudo apt-get install -y apache2     if [ $? -eq 0 ]; then       echo "Apache instalado correctamente ."     else       echo " Hubo un problema al instalar Apache."     fi

6. # Agregar el repositorio de Ondřej Surý que contiene versiones recientes de PHP     sudo add-apt-repository ppa:ondrej /php -y     sudo apt-get update # Instalar PHP 8.2 y las extensiones necesarias para Laravel     sudo apt-get install -y php8.2 php8.2-cli php8.2-fpm php8.2-mbstring php8.2-xml php8.2-zip php8.2-curl php8.2-sqlite3     if [ $? -eq 0 ]; then       echo "PHP 8.2 y extensiones instaladas correctamente ."     else       echo " Hubo un problema al instalar PHP o sus extensiones ."     fi # Verificar si PHP está correctamente instalado     php -v     if [ $? -ne 0 ]; then       echo "PHP no se instaló correctamente ."       exit 1     fi

7. # Verificar si SQLite está habilitado     php -m | grep sqlite     if [ $? -eq 0 ]; then       echo "SQLite habilitado correctamente ."     else       echo "SQLite no está habilitado en PHP."       exit 1     fi     # Instalar Composer (gestor de dependencias de PHP)     sudo apt-get install -y curl     # Descargar Composer de forma robusta     curl - sS https://getcomposer.org/installer | sudo php -- --install- dir =/ usr /local/bin --filename=composer     # Verificar si Composer está disponible     composer --version     if [ $? -eq 0 ]; then       echo "Composer instalado correctamente ."     else       echo " Hubo un problema al instalar Composer."       exit 1     fi

8. # Crear proyecto Laravel     cd /home/ vagrant / proyectos_laravel     composer create-project -- prefer-dist laravel / laravel bienvenida_laravel     if [ $? - eq 0 ]; then       echo "Proyecto Laravel ' bienvenida_laravel ' creado correctamente."     else       echo "Hubo un problema al crear el proyecto Laravel."       exit 1     fi     echo "Configuración completa del entorno de desarrollo."   SHELL end

9. Levanta la máquina virtual 4 vagrant up Diseñamos un formulario 4 Nos dirigimos a la carpeta bienvenida_laravel luego al archivo resources posteriormente a views y editamos el archivo welcome.blade

10. <!DOCTYPE html> <html lang="es"> <head>     <meta charset="UTF-8">     <meta http- equiv ="X-UA-Compatible" content="IE=edge">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>Bienvenida al Curso</title>     <style>         * {             box-sizing: border-box;             margin: 0;             padding: 0;             font-family: 'Arial', sans-serif;         }         body {             display: flex;             justify-content: center;             align-items: center;             height: 100vh;             background-color: #f3f4f6;             color: #2c3e50;         }

11. .welcome-container {             text-align: center;             background: #ffffff;             padding: 40px 50px;             border-radius: 15px;             box-shadow: 0 8px 16px rgba (0, 0, 0, 0.1);             animation: fadeIn 1s ease-out;         }         .welcome-container h1 {             font-size: 2.5rem;             margin-bottom: 20px;             color: #2980b9;         }         .welcome-container p {             font-size: 1.1rem;             color: #7f8c8d;         }

12.  @keyframes fadeIn {             from {                 opacity: 0;                 transform: translateY(-20px);             }             to {                 opacity: 1;                 transform: translateY(0);             }         }     </style> </head> <body>     <div class="welcome-container">         <h1>¡Bienvenidos al Curso!</h1>         <p>Nos alegra tenerte con nosotros . ¡ Esperamos que disfrutes y aprendas mucho !</p>     </div> </body> </html>

13. Guardamos los cambios y navegamos a nuestro proyecto 4 4 cd home/vagrant/ proyectos_laravel /bienvenida_laravel Inicializamos el proyecto localhost:8000 4 Visualizamos el formulario php artisan serve --host=0.0.0.0 –port=8000