Giter Club home page Giter Club logo

lab-subir-app-service-azure's Introduction

Lab de Azure App Service

Azure App Service es un servicio PaaS que te permite crear aplicaciones web que se pueden desplegar en el internet público.

Puede ser usado para realizar:

  • Aplicaciones web
  • API RESTful
  • Backend de aplicaciones web
  • Backend de aplicaciones móviles
  • Backend de aplicaciones de escritorio
  • Enter otros

Curiosidad: Casi todo el código de las prácticas es funcional y fue generado con GitHub Copilot.

Requerimientos

Práctica 1: Despliegue de una aplicación web en PHP

  1. Copia el código de la webapp ejemplo que se encuentra en pagina-php

    • Aquí tienes dos archivos index.php y test.php
  2. Crea una carpeta aparte y pega el código en un archivo nuevo.

    • Debes tener un archivo index.php
  3. Inicia un repositorio de Git con el siguiente comando:

git init
  1. Revisa el código de la página ejemplo

  2. Puedes probar la página instalando XAMP o similares

  3. Sube el proyecto a App Service


Práctica 2: Despliegue de una API en Node.js

  1. Copia el código de la API ejemplo que se encuentra en api-nodejs

    • Aquí tienes el archivo app.js y package.json
    • El archivo package.json es el que contiene la información de la aplicación y las librerías a instalar
    • El archivio app.js es el que contiene la lógica de la aplicación y es el que se va a ejecutar
  2. Crea una carpeta aparte y pega el código en un archivo nuevo.

    • Debes tener un archivo app.js
  3. Inicia un repositorio de Git con el siguiente comando:

git init
  1. Inicia un proyecto de Node.js con el siguiente comando:
npm init
  1. Instala las librerías que necesitas
npm install
  1. Si se sobrescribió el archivo package.json copia y pega el de este proyecto
  2. Revisa el código de la API ejemplo
  3. Inicia el proyecto y prueba su funcionamiento
npm start
  1. Verifica su funcionamiento en aplicaciones como Talend API Tester o Postman
  • Si accedes a http://localhost:3000/ deberías ver el mensaje "Hola Mundo" y en la consola deberás ver "El servidor se está ejecutando en http://localhost:3000/"

  • Si envías una petición post con el parametro name=Juan deberías ver el mensaje "Juan" en la consola

  1. Sube el proyecto a App Service

Sube el proyecto a App Service

  • Remplaza las <LETRAS EN MAYUSCULAS Y DENTRO DE MAYOR Y MENOR QUE> dependiendo de tus preferencias
  1. Crea un plan de App Service. Puede hacerlo al crear un servicio de App Service desde el portal de Azure o usando la linea de comando CLI de Azure.
az appservice plan create --name <NOMBRE_PLAN_APP_SERVICE> --resource-group <NOMBRE_GRUPO_DE_RECURSOS> --sku FREE
  1. Crea el servicio de App Service. Igualmente puedes hacerlo como desees
  • Ajusta el parametro después de --runtime dependiendo del lenguaje de programación que estés usando. Por ejemplo, para PHP sería algo así "PHP|7.4"
az webapp create -n <NOMBRE_APP_SERVICE> -g <NOMBRE_GRUPO_DE_RECURSOS> -p <NOMBRE_PLAN_APP_SERVICE> --runtime "node|10.6" --deployment-local-git
  1. Si anteriormente no has establecido las credenciales de implementación de nivel de usuario o si no recuerdas tu contraseña, ejecuta el siguiente comando:
az webapp deployment user set --user-name <USERNAME_GITHUB>
  1. Obten la dirección de implementación de Git con:

az webapp deployment source config-local-git -n <NOMBRE_APP_SERVICE> -g <NOMBRE_GRUPO_DE_RECURSOS>
  1. Agrega el control remoto a tu código con:
  • Nota: a debes tener el repositorio local creado
  • Nota: Si falla la implementación cambia el código a la rama master con git branch master y después git checkout master
git remote add webapp <DIRECCION_IMPLEMENTACION_GIT>
  1. Despliega la aplicación con:
git push webapp main:main
  • Nota: Si estás en la rama master el comando sería así:
git push webapp master:master
  1. cuando te aparezca el siguiente mensaje en la consola, significa que el deploy fue exitoso
remote: Finished successfully.
remote: Running post deployment command(s)...
remote: Deployment successful.

lab-subir-app-service-azure's People

Contributors

josejesusguzman avatar diegoandresra avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.