Lab06: Desplegar mi primera aplicación en Azure

Mi primer despliegue en la nube

Parte I - Despliegue app React (frontend) en Azure

• Crear una cuenta institucional en Azure y crear un budget de 1 dólar para la cuenta.

1. Crear una Aplicación Web Estática enlazando nuestra cuenta de GitHub junto a un repositorio que contenga la información referente al laboratorio pasado de la Calculadora con React.

• Proceso de creación de la Aplicación Web Estática.

• Creación completada.

• En GitHub buscamos el repositorio y vemos que haya sido captada por Azure (En este caso hubo que modificar el código ya que había inconvenientes con Oryx).

• Ir a Azure, a la App Web Estática, y poder cargar la página dando clic en Examinar.

Parte II - Despliegue app web spring MVC (o spring-boot backend)

Ejercicio 1: Base de datos MySQL

1. Iniciar Azure Cloud Shell desde el protal e ingresar al Bash para poder inrgesar los siguientes comandos:

   az group create --name MyResourceGroup --location westus

   Crear un plan de servicio de aplicaciones con: az appservice plan create --resource-group MyResourceGroup --name MyPlan --sku F1

Crear un servidor MySQL con: 
az mysql server create --resource-group MyResourceGroup --name mysqldbserver --admin-user mysqldbuser --admin-password P2ssw0rd@123 --sku-name Standard_B1ms

2. A continuación ir al Azure Database for MySQL server que se generó.

3. Buscar las propiedades y tener a la mano el nombre del servidor y del administrador.

4. Buscamos la sección de "Conectar" para habilitar los Firewall que permiten la conexión de los servidores de MySQL con los servicios de Azure.

Ejercicio 2: actualización de la configuración de la aplicación web

1. Ir hasta la página web creada y buscar la configuración, en especial las Configuraciones de Pila.

2. Esperamos que estos cambios queden guardados y vamos a "Examinar" para ver la página.

3. La página debe verse como a continuación.

4. Vamos a las "Variables del Entorno" y crearemos una nueva "Cadena de Conexión"

Donde los valores corresponden a: Nombre: A elección. Valor: jdbc:mysql://{ richierickcvds.mysql.database.azure.com}:3306/alm?useSSL=true&requireSSL=false&autoReconnect=true&user={mysqldbuser}&password={r12345.} Tupo: MySQL

Ejercicio 3: implementar los cambios en la aplicación web

Apagamos los servicios que tenemos y ahora busaremos conectar con un cliente FTP y subir el jar dado.

1. Vamos a la configuración de la base de datos y activamos la opción de "Permitir acceso público a este servidor desde cualquier servicio de Azure dentro de Azure".

2. Configuramos el servicio FTP en la App Web colocando en ON/Activado las opciones y seleccionando "Solo FTPS".

3. Buscamos las credenciales para poder acceder por medio de FTP.

4. Ingresamos con WinSCP y las credenciales obtenidas anteriormente.

5. Pasamos el Jar que hay en el enlace (https://github.com/PDSW-ECI/spring-mvc-with-bootstrap).

ENLACE: https://lab6react.azurewebsites.net/