Universidad Tecnologica

de la selva.
Unidad Académica Benemérito de las Américas entronque Zamora pico de oro.

Asignatura:
Aplicaciones Web para la Industria 4.0.

Unidad 1.
Frameworks Para Web Empresarial.

Trabajo:
Frameworks de Desarrollo.

Nombre del docente:

Ing. Guadalupe Cruz Maldonado.

Nombre del alumno:

Estela Roldan Montejo.
Flor de Guadalupe Cruz Sanchez.
Abisag Santos Pacheco.

Carrera:
Desarrollo de Software Multiplataforma.

Grado:
5
Grupo:
A

Fecha de entrega:
01-02-2024
BENEMERITO DE LAS AMERICAS CHIAPAS.
 INTRODUCCIÓN.
En este reporte de aprendizaje, hablaremos del proceso de instalación y de un software
necesario para la instalación del Framework de desarrollo en este caso hablaremos de
Laravel, que es un framework de desarrollo más popular para el desarrollo de
aplicaciones web en PHP.
Existen diferentes tipos de extensiones necesarias para que este framework sea
compatible con el editor de código Visual Studio Code este es un entorno de desarrollo
con el que se podría trabajar este framework. Al utilizar estas herramientas, se puede
aumentar la productividad y facilitar el proceso de desarrollo. Aunque no todas las
extensiones funcionan para todas las necesidades y dependiendo del proyecto se
pueden requerir otras extensiones adicionales.
SOFTWARE NECESARIO PARA LA INSTALACIÓN.
Laravel es un framework PHP MVC diseñado para agilizar el desarrollo de aplicaciones
web. En ese sentido, hace auténtica magia. En los últimos años ha tenido una gran
penetración en la industria.
Laravel es un framework PHP MVC para desarrollo rápido de aplicaciones web.
Automatiza muchos procesos habituales y tiene una curva de aprendizaje empinada,
pero no tanto como otros frameworks. Desde hace algunos años, Laravel ha
experimentado un crecimiento espectacular en el mercado de las aplicaciones web.
El framework Laravel tiene algunos requisitos del sistema. Todos estos requisitos son
cubiertos por la máquina virtual Laravel Homestead, así que es altamente recomendable
que uses Homestead como tu entorno local de desarrollo de Laravel.
Sin embargo, si no estás utilizando Homestead, deberás asegurarte de que tu servidor
cumpla con los siguientes requisitos:
• PHP >= 7.2.0
• Extensión BCMath para PHP
• Extensión Ctype para PHP
• Extensión Fileinfo para PHP
• Extensión JSON para PHP
• Extensión Mbstring para PHP
• Extensión OpenSSL para PHP
• Extensión PDO para PHP
• Extensión Tokenizer para PHP
• Extensión XML para PHP
También de igual forma Visual Studio Code puede ser un buen entorno de desarrollo
para este Framework. Para ello es necesario las siguientes Extensiones.
1. PHP Intelephense: PHP Intelephense es una de las mejores extensiones de VSC
para el desarrollo de PHP. Proporciona características avanzadas de análisis de
código, como la finalización de código, la navegación entre archivos y la
refactorización del código. Además, es compatible con Laravel y proporciona una
funcionalidad adicional, como la finalización de código para el flujo de control de
Blade y la resolución de alias.
2. Laravel Blade Snippets: Laravel Blade Snippets es una extensión de VSC que
proporciona fragmentos de código para el lenguaje de plantillas Blade de Laravel.
Con esta extensión, puedes escribir código Blade más rápido y eficientemente.
 3. Laravel goto view: Laravel goto view es una extensión de VSC que agrega un
comando "ir a la vista" a tu editor de código. Con esta extensión, puedes ir
directamente a la vista que se corresponde con el controlador que estás editando.
Esto ahorra mucho tiempo al navegar por el código de tu aplicación.
4. Laravel Artisan: Laravel Artisan es una extensión de VSC que te permite ejecutar
comandos Artisan directamente desde tu editor de código. Con esta extensión,
puedes generar código automáticamente, migrar la base de datos y mucho más.
También puedes ver la salida de los comandos Artisan directamente en tu editor
de código.
5. Laravel Snippets: Laravel Snippets es una extensión de VSC que proporciona
fragmentos de código para Laravel. Con esta extensión, puedes escribir código
Laravel más rápido y eficientemente. Proporciona fragmentos de código para
estructuras de control, migraciones de bases de datos, Eloquent ORM y mucho
más.
6. DotENV: DotENV es una extensión de VSC que proporciona resaltado de sintaxis
para archivos .env de Laravel. Con esta extensión, puedes resaltar la sintaxis de
tus variables de entorno en el archivo .env y asegurarte de que no haya errores
en la configuración.
7. Laravel Blade Spacer: Laravel Blade Spacer es una extensión de VSC que
agrega espacios en blanco automáticamente a tus plantillas Blade de Laravel. Con
esta extensión, puedes mejorar la legibilidad del código y mantener una estructura
consistente en tus plantillas Blade.
8. GitHub Copilot: GitHub Copilot es una extensión de VSC que utiliza inteligencia
artificial para proporcionar sugerencias de código en tiempo real mientras
escribes. Aunque no está específicamente diseñada para trabajar con Laravel, es
una herramienta muy útil para cualquier tipo de desarrollo
Estas son algunas de las mejores extensiones de VSC para trabajar con Laravel.
FASES DE INSTALACIÓN DEL FRAMEWORK (LARAVEL).
No es recomendable instalar Laravel de forma nativa en tu servidor local porque requiere
una fuerte configuración del servidor. Tendrás que instalar bastantes librerías que
consumirán recursos de tu máquina sin necesidad, tales como OpenSSL, Mbstring o
Tokenizer.

También necesitarás instalar composer, la herramienta de resolución de dependencias

de PHP. Por todo ello, los desarrolladores de Laravel aconsejan virtualizar el servidor.
Esto lo podemos hacer mediante Vagrant o Docker. Si, aun así, estás decidido a instalar
Laravel de forma nativa en tu servidor local, sigue estos pasos:

PASO 1: Instala todo el software de servidor necesario para que Laravel funcione.
Empieza por instalar composer, la herramienta de instalación de dependencias de PHP.
Después, durante la instalación de Laravel, el propio composer se encargará de instalar
el resto del software necesario. Si no puede instalar algo, ya te avisará para que lo hagas
tú manualmente.
PASO 2: Descarga Laravel usando composer.
$ composer global require "laravel/installer”

PASO 3: Instala una copia de Laravel limpia y lista para usar (en un directorio accesible
por Apache o el servidor web que estés usando, claro). Puede ser que tengas que añadir
el comando laravel al PATH del sistema.
$ laravel new <nombre-aplicación>

Por ejemplo:
$ laravel new blog

No olvides dar los permisos necesarios a tus archivos y directorios.

Laravel con Docker

Docker, como ya sabes, es una tecnología que solo virtualiza los servicios de software
que nuestra aplicación necesita para funcionar en lugar de la máquina completa, como
haría VirtualBox, por ejemplo. Los servicios virtualizados se agrupan en conjuntos
llamados images. Cuando una image se instancia (como quien instancia una clase en
programación orientada a objetos), pasan de denominarse containers.

Los pasos necesarios para lograrlo son:

PASO 1: Asegúrate de tener instalado docker y docker-compose en tu ordenador.

Además, si trabajas con Windows, deberías instalar Docker Desktop y Windows
Subsystem for Linux 2 (WSL2). Si trabajas con Linux, nada de esto es necesario, aunque
Docker Desktop puede ser interesante.
PASO 2: Ahora vamos a instalar las imágenes Docker necesarias. Simplemente, ve a
tu carpeta de trabajo y teclea este comando:
$ curl -s https://laravel.build/mi-app | bash

(Se puede cambiar “mi-app” por el nombre que tú quieras). La instalación de todas las
imágenes necesarias puede tardar un poco.

PASO 3: Levanta tu servidor:

$ cd mi-app (o el directorio que hayas elegido)
$ ./vendor/bin/sail up

También puedes lanzarlo así:

$ sail up -d

El comando sail up levantará todos los contenedores Docker necesarios y pondrá en

marcha tu Laravel basado en Docker. A partir de ahora, puedes acceder a tu aplicación
tecleando http://localhost en tu navegador web. Cuando quieras detener tu servidor,
solo pulsa CTRL+C o teclea:
$ sail stop

Para instalar Laravel en Windows, sigue estos pasos detallados:

Paso 1: Instalar XAMPP: XAMPP es una solución de servidor web gratuita y de código
abierto que incluye PHP, MySQL y Apache. Para instalar XAMPP en Windows, sigue
estos pasos:La página de descarga de XAMPP para Windows.

Paso 2: Instalar Composer: Composer es una herramienta de gestión de dependencias

para PHP que es necesaria para instalar Laravel. Para instalar Composer en Windows,
sigue estos pasos:
Ejecuta el archivo Composer-Setup.exe y sigue las instrucciones que aparecen en
pantalla. También se te pedirá que selecciones el modo de instalación. Asegúrate de
elegir Instalar para todos los usuarios (recomendado). Asegúrate de seleccionar el
ejecutable PHP correcto durante el proceso de instalación (normalmente se encuentra
en la carpeta de instalación de XAMPP en xampp/php/php.exe).
Paso 3: Verificar la Instalación de Composer: Para verificar que Composer se ha
instalado correctamente, abre el símbolo del sistema y ejecuta el siguiente comando:
composer --version
Si la instalación se ha realizado correctamente, deberías ver la versión de Composer
mostrada.
Paso 4: Instalar Laravel Utilizando Composer: Puedes utilizar Composer, que ya está
instalado, para instalar Laravel globalmente en tu sistema. Para ello, abre el símbolo del
sistema y ejecuta el comando indicado:
composer create-project laravel/laravel app-name
Esto descarga automáticamente todos los archivos relevantes de Laravel.
Paso 5: Verifica la Instalación de Laravel: Para verificar que Laravel se ha instalado
correctamente, abre el símbolo del sistema y ejecuta el siguiente comando:
laravel --version
Paso 6: Iniciar el Servidor: Con tu nuevo proyecto de aplicación creado, necesitarás
iniciar un servidor. Para ello, escribe lo siguiente:
cd app-name php artisan serve
Paso 7: Ejecuta el Proyecto en Tu Navegador: Una vez iniciado el servidor, deberías
poder acceder a tu proyecto de aplicación a través de tu navegador web. Para ello, abre
tu navegador y ve a la siguiente dirección: https://localhost:8000
Con esto, ya puedes empezar a desarrollar aplicaciones web utilizando Laravel en tu
máquina Windows.
DESCRIPCIÓN DE LOS ELEMENTOS DE CONFIGURACIÓN DE LAS
APLICACIONES.
Los elementos de configuración de la aplicación incluyen toda la funcionalidad de los
elementos de configuración general, pero su identidad se puede detectar
independientemente de su configuración y objetos.
La detección de elementos de configuración (nivel) permite hacer referencia a los
elementos de configuración de la aplicación como prohibidos u opcionales en el contexto
de una línea base de configuración.
Si estás trabajando con XAMPP y no quieres estar viajando a diferentes rutas para
visualizar tu proyecto, puedes ejecutar en tu consola de Visual Studio Code (en tu
proyecto) el siguiente código:
php artisan serve
Este comando iniciará un servidor de desarrollo en http://localhost:8000
Para hacer uso de Laravel en Visual Studio Code debemos seguir los siguientes pasos:
Para instalar las extensiones se estará haciendo referencia a un comando el cual debes
colocar en la ventana que aparece cuando presionamos Control + P.
En algunos paquetes es requerido agregar líneas a nuestro archivo de configuración, la
cual puedes abrir desde el menú con la opción Archivo > Preferencias > Configuración.
Existe una alternativa para instalar el paquete y es que podemos encontrar todas las
extensiones disponibles seleccionando en el menú la opción Ver > Extensiones, desde
esta sección tenemos la posibilidad de filtrar las extensiones, ordenarlas y buscar
nuevas.
Todo el mundo sabe que Visual Studio Code es un gran editor de código, ademas de ser
un editor de código abierto. Para el uso con Laravel debe contar con la siguiente
configuración:
• PHP Intelephense: Plugin que te ayuda con el autocompletado de PHP, entrando
en la documentacion de Visual Studio Code podras obtener más información.
• PHP Debug: Extension para hacer trazas de nuestro codigo, desde el editor y
poder depurar nuestro codigo mejor.
• Laravel Blade y Laravel Blade Snippets: Extensiones para que nuestro editor
entienda la syntasis de blade. ademas tambien sirven para hacer auto-
completado en los ficheros con extension .blade.php (que son las vistas de
Laravel).
• Dank Mono: Es una fuente, esta fuente es bastante buena en el que las funciones
las identificas porque las ponen en cursiva, las variables que se crean se ponen en
negrita y ademas las ligatures las interpreta perfectamente. Haciendo un codigo
bastante amigable.
Estas son las configuraciones que tengo para trabajar con en mi editor de textos para
poder trabajar con Laravel.
Adjunto mi fichero de configuración
{
“workbench.colorTheme”: “βui — Monokai Spectrum”,
“workbench.iconTheme”: “material-icon-theme”,
“editor.fontFamily”: “‘Dank mono’”,
“editor.lineHeight”: 19,
“editor.fontLigatures”: true,
“explorer.decorations.badges”: false,
“editor.fontSize”: 14,
“editor.letterSpacing”: 0.2,
“editor.fontWeight”: “400”,
“editor.renderWhitespace”: “none”,
“workbench.statusBar.feedback.visible”: false,
“editor.cursorBlinking”: “expand”,
“editor.rulers”: [
80,
100,
120
],
“editor.occurrencesHighlight”: true,
“workbench.tree.horizontalScrolling”: true,
“editor.cursorStyle”: “line-thin”,
“editor.showFoldingControls”: “always”,
“terminal.integrated.fontFamily”: “‘Meslo LG S DZ for Powerline”,
“terminal.integrated.fontSize”: 14,
“editor.matchBrackets”: true,
“window.zoomLevel”: 0
}
 CONCLUSIÓN.
Como conclusión a esto sabemos que el desarrollo de aplicaciones web y sitios web se
ha vuelto cada vez más sencillo. Gracias a los diferentes frameworks de desarrollo de
aplicaciones web. Para los desarrolladores, existe una gran cantidad de herramientas
que ayudan a simplificar el proceso de desarrollo. Una de las más útiles de esas
herramientas es Laravel.
Laravel es un framework de código abierto para desarrollar aplicaciones y servicios web,
su filosofía es desarrollar código PHP de forma elegante y simple, evitando el "código
espagueti", permite el uso de MVC tradicional. Laravel permite a un desarrollador
aprovechar una gran biblioteca de funcionalidad preprogramada (como autenticación,
enrutamiento y plantillas HTML). El acceso a esta biblioteca simplifica la construcción de
aplicaciones web robustas de forma rápida y minimiza la cantidad de codificación
necesaria.
Laravel ofrece un entorno de desarrollo altamente funcional, así como interfaces de línea
de comandos intuitivas y expresivas. Las aplicaciones de Laravel son altamente
escalables y tienen bases de código fáciles de mantener.