BackEnd es la parte del desarrollo web capaz de contestar llamadas a direcciones URL lógicas desde las URL físicas de un servidor o hosting, en los diferentes formatos (HTML, XML, CSV y JSON) , y enviar la información y datos solicitada en formato JSON. Es la cara del sitio, ubicada en el lado del servidor.
Postman es una de las herramientas más importante, que permite probar y testear, el correcto funcionamiento de los proyectos realizados en API REST , en la parte delBackEnd.
Slim 4 framework
Slim framwework es un micro framework para PHP que nos permite escribir rápidamente aplicaciones web y APIs REST, en la parte del servidor (Backend), con la arquitectura MVC (Modelo, Vista y Controlador). Al ser en el lado del servidor, la gestión de vistas es casi inexistente, pasando a ser un modelo MC (Modelo y Controlador).
Se han instalado los siguientes componentes en el Slim 4 para el BackEnd:
Componente | Versión | Descripción |
Slim/psr7 |
1.6 |
El componente realiza las interfaces comunes para representar mensajes HTTP como se describe en RFC 7230 y RFC 7231 , y URI para usar con mensajes HTTP como se describe en RFC 3986. Los mensajes HTTP son la base del desarrollo web y de la API Rest. |
Php-di/phpdi | 6.4 | La inversión de dependencias es un principio que describe un conjunto de técnicas destinadas a disminuir el acoplamiento entre los componentes de una aplicación (contenedores). |
monolog/monolog | 2.9 | El componente gestiona el envío de registros a archivos (logger), sockets, bandejas de entrada, bases de datos y servicios web |
firebase/php-jwt | 6.4 | El componente es para codificar y decodificar JSON Web Tokens (JWT) en PHP, conforme a RFC 7519 . |
vlucas/phpdotenv | 5.5 | El componente carga las variables de entorno de a .env y getenv() automáticamente. $_ENV $_SERVER. |
symfony/yaml | 5.4 | YAML (Ain’t Markup Language), es un estándar de serialización, el componente analiza las cadenas para convertirlas en matrices PHP y viceversa. |
slim/twig-view | 3.3 | El componente de plantillas Twig, se utiliza para crear y representar plantillas en aplicaciones Slim Framework. |
Entorno de trabajo con Diferentes programas
Existen diferentes formas de crear un entorno de desarrollo en nuestro ordenador, el primero es descargar programas que nos ayudarán a desarrollar nuestro proyecto, y el segundo es instalar Visual Studio Code (VS code) y sus extensiones.
Primer entorno de Desarrollo (VS Code y sus extensiones)
El Visual Studio Code tiene todas las extensiones necesarias para poder trabajar sin descargar ningún programa adicional , por ejemplo : la extensión Live Server tiene funciones parecidas al paquete Xampp con más de 37 millones de descargas, la extensión Thunder Client es muy parecida al Postman con más de 3 millones de descargas.
Descargas | Nombre | Descripción |
37 Millones | Live Server | Inicializa un servidor de desarrollo local con función de recarga en vivo para páginas estáticas y dinámicas |
34 Millones | Prettier – Code formatter | Formateador de código analizando longitud de línea y ajustando el código cuando es necesario. |
29 Millones | Code ESlin extension | Encontrar y arreglar bug en el código de JavaScript. |
26 Millones | Docker | Docker facilita la creación, administración e implementación de aplicaciones en contenedores. |
19 Millones | Material Icon Theme | Material Icon para Theme. |
16 Millones | HTML CSS Support | Identificación de HTML y finalización de atributos de clase. |
14 Millones | Auto Rename Tag HTML/XML | Cambia automáticamente el nombre de la etiqueta HTML/XML emparejada |
12 Millones | JavaScript (ES6) code | Crear fragmento de código javascript con sintaxis ES6. |
11 Millones | Path Intellinse | Autocompleta los nombres de los archivos en una base de código. |
10 Millones | Tag HTML/XML | Agregue automáticamente una etiqueta de cierre HTML/XML |
10 Millones | PHP Debug | PHP debug |
10 Millones | PHP Intelephense | PHP integración de desarrollo completa del código en VS code. |
3 Millones | Thunder Client | Cliente API Rest. |
7 Millones | npm Intellisense | Completa automáticamente los módulos npm en las declaraciones de importación. |
5 Millones | Spanish Language | Paquete de idioma español que traduce el GUI de Vs Code. |
1 Millones | Mysql | Conector server. |
Segundo entorno de Desarrollo (Descargar programas)
Para crear un entorno de desarrollo en un ordenador para trabajar con un BackEnd, los programas a instalar son:
Xampp V. 7.4.3o : Herramienta de software que emula un servidor en el (Ordenador local) donde se instale. Instala un servidor apache, con la posibilidad de instalar BBDD Mysql o Maria, lenguaje PHP 7 y Perl, enviar correos con Mercury, un Ftp cliente FileZilla y Tomcat.
Instalar v.7.4.*, solo el servidor Apache, que además incluye PHP 7 y Perl. |
|
Mysql Server v. 5.7.43 : MySQL es un sistema de administración de bases de datos relacionales. (Ordenador local). Download versión 5.7.43 MysqlServer |
|
WinSCP : Aplicación Cliente FTP y SFTP gráfico para Windows que emplea SSH. Puede ser FileZilla u otro cliente FTP/SFTP. Download última versión de WinSCP |
|
HeidiSQL : Editor de datos y estructuras de Bases de Datos MySql, MariaDB, PostgreSQL. Download última versión de HeidiSQL |
|
Postman : Aplicación para realizar peticiones para testear APIs REST propias o de terceros. Download última versión de Postman |
|
Visual Studio Code : Un editor de código fuente realizado por Microsoft (IDE). Es software libre y multiplataforma. Una vez descargado hay que incluir extensiones al VS code. Download última versión Visual Studio Code |
Una vez descargado el Visual Studio Code, tenemos que instalar las siguientes extensiones.
Descargas | Nombre | Descripción |
34 Millones | Prettier – Code formatter | Formateador de código analizando longitud de línea y ajustando el código cuando es necesario. |
29 Millones | Code ESlin extension | Encontrar y arreglar bug en el código de JavaScript. |
26 Millones | Docker | Docker facilita la creación, administración e implementación de aplicaciones en contenedores. |
19 Millones | Material Icon Theme | Material Icon para Theme. |
16 Millones | HTML CSS Support | Identificación de HTML y finalización de atributos de clase. |
14 Millones | Auto Rename Tag HTML/XML | Cambia automáticamente el nombre de la etiqueta HTML/XML emparejada |
12 Millones | JavaScript (ES6) code | Crear fragmento de código javascript con sintaxis ES6. |
11 Millones | Path Intellinse | Autocompleta los nombres de los archivos en una base de código. |
10 Millones | Tag HTML/XML | Agregue automáticamente una etiqueta de cierre HTML/XML |
10 Millones | PHP Debug | PHP debug |
10 Millones | PHP Intelephense | PHP integración de desarrollo completa del código en VS code. |
5 Millones | Spanish Language | Paquete de idioma español que traduce el GUI de Vs Code. |
Telepieza.