Preparación del código de la aplicación web
En esta unidad, aprenderá a crear el código para la aplicación web y a integrarlo en un repositorio de control de código fuente.
Arranque de una aplicación web
Ahora que ha creado los recursos para implementar la aplicación web, tendrá que preparar el código que quiere implementar. Hay muchas maneras de arrancar una nueva aplicación web, por lo que es posible que lo que aprenda aquí sea diferente a lo que conoce. El objetivo es proporcionarle rápidamente un punto de partida para completar un ciclo completo hasta la implementación.
Nota:
Todo el código y los comandos que se muestran en esta página solo se incluyen con fines explicativos; no es necesario ejecutar ninguno de ellos. Se usan en un ejercicio posterior.
La herramienta de línea de comandos dotnet que forma parte del SDK de .NET permite crear directamente el código para una nueva aplicación web. En concreto, puede usar el comando dotnet new para generar una nueva aplicación a partir de una plantilla:
dotnet new mvc --name <YourAppName>
Este comando crea una aplicación Modelo-Vista-Controlador (MVC) de ASP.NET Core en una carpeta nueva con el nombre especificado.
Para crear rápidamente una aplicación web de inicio, puede usar la herramienta de línea de comandos (mvn) de Maven que se usa habitualmente en el ecosistema de Java. En concreto, Maven incluye una característica llamada arquetipos que permite crear rápidamente código de inicio para diferentes tipos de aplicaciones mediante plantillas. Puede usar la plantilla maven-archetype-webapp a fin de generar el código para una aplicación web simple que muestre "Hola mundo" en la página principal.
mvn archetype:generate -DgroupId=example.webapp -DartifactId=helloworld -DinteractiveMode=false -DarchetypeArtifactId=maven-archetype-webapp -DarchetypeVersion=1.5
Este comando crea una carpeta helloworld que contiene el código fuente de la aplicación.
Puede usar la herramienta de línea de comandos del administrador de paquetes de Node (npm) que viene incluida con Node.js para crear una aplicación. El comando init crea un elemento package.json necesario para la aplicación:
npm init -y
Si abre el archivo package.json que se ha creado en la carpeta actual, puede agregar una entrada start a la sección scripts para describir cómo se debe ejecutar la aplicación web:
...
"scripts": {
"start": "node index.js"
},
...
Después, puede escribir el código real de la aplicación web en un nuevo archivo index.js:
const http = require('http');
const port = process.env.PORT || 3000;
http.createServer(function(request, response) {
response.writeHead(200, { 'Content-Type': 'text/plain' });
response.end('Hello World!');
}).listen(port);
console.log(`Server running at http://localhost:${port}`);
En este código de ejemplo se crea un servidor que escucha en el puerto 3000 del equipo y responde a todas las solicitudes con un mensaje "Hola mundo".
Para crear una aplicación web de inicio con varias líneas de código, puede usar Flask, un marco de trabajo de aplicación web de uso frecuente. Puede instalar Flask mediante el comando siguiente:
pip install flask
Después de que Flask esté disponible en el entorno, puede crear una aplicación web mínima mediante este código:
from flask import Flask
app = Flask(__name__)
@app.route("/")
def hello():
return "Hello World!\n"
En este código de ejemplo se crea un servidor que responde a todas las solicitudes con un mensaje "Hola mundo".
Adición del código al control de código fuente
Una vez que el código de la aplicación web está listo, el paso siguiente suele consistir en incluirlo en un repositorio de control de código fuente, como Git. Si tiene Git instalado en el equipo, al ejecutar estos comandos en la carpeta de código fuente se inicializa el repositorio.
git init
git add .
git commit -m "Initial commit"
Estos comandos le permitirán inicializar un repositorio de Git local y crear una primera confirmación con el código. Podrá aprovechar de inmediato la ventaja de mantener un historial de los cambios con confirmaciones. Más adelante, también podrá sincronizar el repositorio local con un repositorio remoto, por ejemplo, hospedado en GitHub. Esta sincronización le permite configurar la integración continua y la implementación continua (CI/CD). Aunque se recomienda usar un repositorio de control de código fuente para las aplicaciones de producción, no es necesario para implementar una aplicación en Azure App Service.
Nota
El uso de CI/CD permite una implementación de código más frecuente de forma confiable, mediante la automatización de las compilaciones, las pruebas y las implementaciones para cada cambio de código. Permite ofrecer nuevas características y correcciones de errores para la aplicación de forma más rápida y eficaz.