Preparar o código da aplicação Web
Nesta unidade, você aprende a criar o código para seu aplicativo Web e integrá-lo a um repositório de controle de origem.
Inicializar um aplicativo Web
Agora que criou os recursos para implementação na aplicação Web, tem de preparar o código que quer implementar. Há muitas maneiras de inicializar um novo aplicativo Web, portanto, o que aprendemos aqui pode ser diferente do que você está acostumado. O objetivo é proporcionar-lhe rapidamente um ponto de partida para concluir um ciclo completo até à implementação.
Nota
Todos os códigos e comandos mostrados nesta página são apenas para fins de explicação; você não precisa executar nenhum deles. Utilizamo-los num exercício subsequente.
A ferramenta de linha de comandos dotnet
que faz parte do SDK .NET, permite-lhe criar diretamente o código para uma nova aplicação Web. Em particular, você pode usar o dotnet new
comando para gerar um novo aplicativo a partir de um modelo:
dotnet new mvc --name <YourAppName>
Este comando cria um novo aplicativo ASP.NET Core Model-View Cotroller (MVC) em uma nova pasta com o nome especificado.
Para criar rapidamente uma aplicação Web de arranque, pode utilizar a ferramenta de linha de comandos Maven (mvn
), normalmente utilizada no ecossistema Java. Particularmente, o Maven inclui uma funcionalidade com o nome archetypes que permite criar rapidamente o código de arranque para diferentes tipos de aplicações com modelos. Você pode usar o maven-archetype-webapp
modelo para gerar o código para um aplicativo Web simples que exibe "Hello World!" em sua página inicial.
mvn archetype:generate -DgroupId=example.webapp -DartifactId=helloworld -DinteractiveMode=false -DarchetypeArtifactId=maven-archetype-webapp -DarchetypeVersion=1.5
Este comando cria uma helloworld
pasta que contém o código-fonte do seu aplicativo.
Pode utilizar a ferramenta de linha de comandos do Gestor de Pacotes de Nós (npm
), incluído com o Node.js para criar uma nova aplicação. O init
comando cria um novo package.json
requisito para seu aplicativo:
npm init -y
Se você abrir o package.json
arquivo que foi criado na pasta atual, poderá adicionar uma start
entrada à scripts
seção para descrever como seu aplicativo Web deve ser executado:
...
"scripts": {
"start": "node index.js"
},
...
Depois de fazer isso, você pode escrever o código real do seu aplicativo Web em um novo index.js
arquivo:
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}`);
Este código de exemplo cria um servidor que escuta na porta 3000 do seu computador e responde a todas as solicitações com uma mensagem "Hello World!".
Para criar um novo iniciador de aplicativo Web usando algumas linhas de código, você pode usar Flask, que é uma estrutura de aplicativo Web comumente usada. Você pode instalar o Flask usando o seguinte comando:
pip install flask
Após o Flask estar disponível no ambiente, pode criar uma aplicação Web mínima com este código:
from flask import Flask
app = Flask(__name__)
@app.route("/")
def hello():
return "Hello World!\n"
Este código de exemplo cria um servidor que responde a todas as solicitações com uma mensagem "Hello World!".
Adicionar o código ao controlo de código fonte
Depois que o código do aplicativo Web estiver pronto, a próxima etapa geralmente é colocar o código em um repositório de controle de código-fonte, como o Git. Se você tiver o Git instalado em sua máquina, a execução desses comandos na pasta do código-fonte inicializa o repositório.
git init
git add .
git commit -m "Initial commit"
Esses comandos permitem que você inicialize um repositório Git local e crie uma primeira confirmação com seu código. Você ganha imediatamente o benefício de manter um histórico de suas mudanças com compromissos. Mais tarde, você poderá sincronizar seu repositório local com um repositório remoto; por exemplo, hospedado no GitHub. Essa sincronização permite configurar a integração contínua e a implantação contínua (CI/CD). Embora recomendemos o uso de um repositório de controle de origem para aplicativos de produção, não é um requisito poder implantar um aplicativo no Serviço de Aplicativo do Azure.
Nota
O uso de CI/CD permite uma implantação de código mais frequente de maneira confiável, automatizando compilações, testes e implantações para cada alteração de código. Ele permite fornecer novos recursos e correções de bugs para seu aplicativo de forma mais rápida e eficaz.