Preparar o código do aplicativo Web
Nesta unidade, você aprenderá a criar o código para seu aplicativo Web e integrá-lo a um repositório de controle do código-fonte.
Inicialização de um aplicativo Web
Agora que você criou os recursos para implantar seu aplicativo Web, precisa preparar o código que deseja implantar. Há várias maneiras de inicializar um novo aplicativo Web, portanto, o que aprenderemos aqui pode ser diferente daquilo com que você está acostumado. A meta é fornecer rapidamente a você um ponto de partida para concluir um ciclo completo até a implantação.
Observação
Os códigos e os comandos mostrados nesta página são usados somente para fins de explicação; não é preciso executar nenhum deles. Vamos usá-los no próximo exercício.
A ferramenta de linha de comando dotnet que faz parte do SDK do .NET permite que você crie diretamente o código para um novo aplicativo Web. Em particular, você pode usar o comando dotnet new para gerar um novo aplicativo usando um modelo:
dotnet new mvc --name <YourAppName>
Esse comando cria um novo aplicativo MVC ASP.NET Core em uma nova pasta com o nome especificado.
Para criar rapidamente um aplicativo Web inicial, você pode usar a ferramenta de linha de comando do Maven (mvn) comumente usada no ecossistema do Java. Em particular, o Maven inclui um recurso chamado arquétipos que pode criar rapidamente o código inicial para tipos diferentes de aplicativos usando modelos. É possível usar o modelo maven-archetype-webapp para gerar o código para um aplicativo Web simples que exibe "Olá, Mundo!" na home page.
mvn archetype:generate -DgroupId=example.webapp -DartifactId=helloworld -DinteractiveMode=false -DarchetypeArtifactId=maven-archetype-webapp
Esse comando cria uma pasta helloworld que contém o código-fonte para o seu aplicativo.
Você pode usar a ferramenta de linha de comando do Gerenciador de Pacotes do Node (npm) que vem agrupada com o Node.js para criar um aplicativo. O comando init cria um novo package.json necessário para o seu aplicativo:
npm init -y
Se você abrir o arquivo package.json que foi criado na pasta atual, poderá adicionar uma entrada start à seção scripts 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 de seu aplicativo Web em um novo arquivo 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}`);
Este código de exemplo cria um servidor que escuta na porta 3000 do seu computador e responde a cada solicitação com a mensagem "Olá, Mundo!".
Para criar um aplicativo Web inicial usando algumas linhas de código, você pode usar o Flask, que é uma estrutura de aplicativo Web comumente usada. Você pode instalar o Flask usando o seguinte comando:
pip install flask
Depois que o Flask estiver disponível em seu ambiente, você poderá criar um aplicativo Web mínimo usando 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 cada solicitação com a mensagem "Olá, Mundo!".
Como adicionar seu código ao controle do 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 do código-fonte, como o Git. Se você tiver o Git instalado no computador, executar esses comandos em sua pasta de código-fonte inicializará 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ê obtém imediatamente o benefício de manter um histórico de suas alterações com commits. Posteriormente, você também poderá sincronizar seu repositório local com um repositório remoto, por exemplo, hospedado no GitHub. Isso permitirá que você configure a CI/CD (integração contínua e a implantação contínua). Embora recomendemos o uso do repositório de controle do código-fonte para aplicativos de produção, não é necessário implantar um aplicativo no Serviço de Aplicativo do Azure.
Observação
O uso de CI/CD permite uma implantação de código mais frequente de maneira confiável, automatizando builds, testes e implantações para cada alteração de código. Isso habilita fornecer novos recursos e correções de bugs para seu aplicativo com mais rapidez e eficiência.