Implementación de un API en un App Services de Azure

Subir nuestro proyecto a un repositorio de GitHub

Creando un nuevo repositorio

1. Lo primero que tenemos que hacer es crear un repositorio nuevo en GitHub. Para esto vamos a ir a la página de GitHub y damos clic en el botón "+" que aparece en la parte superior derecha, y vamos a seleccionar " New repository".
   
   
   
   
2. Vamos a colocar un nombre y una descripción a nuestro repositorio, en esta ocasión, yo nombré mi repositorio como "PersonasAPILocal, posteriormente vamos llenar los demás datos y haremos clic en "Create repository"
   
   
   
   

Subiendo nuestro repositorio a GitHub

1. Nos aparecerá un código como el siguiente, el cual vamos a copiar.

2. Vamos a abrir en Visual Studio la carpeta de nuestro proyecto, y vamos a pegar en la terminal el código que copiamos. Para esto, ya debes tener vinculado tu VScode con tu cuenta de GitHub

3. Vamos a presionar "enter", vamos a agregar un comentario para el commit y automáticamente se comenzarán a subir todos los archivos de nuestro proyecto a nuestro repositorio de GitHub. Presionamos en Sync Changes, y listo. Ahora sí, tenemos nuestro Repositorio listo con todos los archivos.

Link del repositorio

Aquí te dejo el link del repositorio, para que simplemente lo descargues y hagas uso de el PersonasAPILocal

Subiendo nuestra API en Azure

Lo primero que tenemos que hacer es tener una cuenta en portal.azure.com. Yo, por ejemplo, creé mi cuenta con mi correo estudiantil, el cual me otorga $100 dólares para poder ocupar en los servicios de Azure.

Una vez con nuestra cuenta logueada, procedemos a dar clic en "crear un recurso" Posteriormente elegimos la opción “crear" en Aplicación Web Ahora vamos a ir llenando poco a poco los datos que se nos solicita.

Detalles del proyecto

En Suscripción, dejaré la que viene de forma predeterminada qué es "Azure for Students", como les comenté esta suscripción viene con mi cuenta creada a partir del correo de estudiante. En el apartado de Grupo de recursos voy a hacer clic en donde dice "Crear nuevo"

Le pondré por nombre *"DemoWeb" y haré clic en aceptar.

Detalles de instancia

En el apartado de Nombre, colocaré el nombre de nuestro proyecto hasta ahora, el cual es "PersonasAPILocal". Los demás datos deben ser preferentemente llenados como se muestran en la imagen. Es importante que en el aparto Publicar seleccionemos la opción "Código"

Plan de App Service

En el apartado de Plan de Linux lo voy a dejar por defecto, pero en SKU y tamaño voy a hacer clic en "Cambiar tamaño"

Y en el menú del lado derecho, voy a seleccionar el "plan de tarifa gratuito" y a dar clic en "Aceptar"

Por último, simplemente voy a dar clic en "Revisar y crear" Nos aparecerá esta pantalla y haremos clic en "Crear

Implementación

Nos aparecerá una pantalla como esta, y debemos dejar que se termine de realizar la implementación Una vez terminada la implementación, nos aparecerá la siguiente pantalla y a continuación daremos clic en "Ir al recurso"

Iremos a la barra lateral izquierda y buscaremos la opción de " Centro de implementación" y haremos clic sobre ésta.

Centro de implementación

Origen

Nos aparecerá la siguiente ventana, y seleccionaremos GitHub como Origen de nuestro proyecto

Github

Debemos loguearnos con nuestro perfil de GitHub y seleccionar la organización, repositorio y rama de nuestro proyecto.

Y finalmente, en la parte superior, debemos hacer clic en "Guardar"

Actions en Github.

Una vez hecho clic en "Guardar", automáticamente en nuestro repositorio de GitHub comienza a ejecutarse un Action de parte de Azure, en cuanto termine de construirse y desplegarse, tendremos acceso a nuestra API

Una vez terminada el Action por parte de GitHub veremos algo así

URL de nuestro REST-API

Regresamos a Azure y hacemos clic en "Introducción"

¡¡¡¡¡¡Y con este link, tendremos acceso a nuestra API corriendo en AZURE!!!!!!

¡¡¡Este es el LINK!!! --->>>> https://personasapilocal1.azurewebsites.net

Se los comparto, para que ustedes mismos realicen pruebas del RESTA API funcionando.

Probaremos nuestra API nuevamente con la plataforma de POSTMAN. Les dejó aquí el archivo para que tú mismo puedas realizar las pruebas. Basta con descargar el archivo e importarlo en POSTMAN. ¡No olvides hacer las solicitudes con base a la definición de nuestra API! Te dejo AQUI la definición de nuestro REST API para que tú mismo o puedas realizar las pruebas.

ARCHIVO PARA PRUEBAS EN POSTMAN

En esta ocasión solo realizaremos la prueba de un END-POINT para que observen que todo trabaja a la perfección

El resto de las pruebas las omito, porque es las mismas que ya realizamos en la parte anterior del tutorial, te dejo AQUÍ la liga de las pruebas por si quieres revisar cómo se hacen.