Preparar o código do aplicativo Web
Nesta unidade, você aprende 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á muitas maneiras de inicializar um novo aplicativo Web, portanto, o que aprendemos aqui pode ser diferente do 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. Nós os usamos em um exercício subsequente.
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 (Model-View Cotroller) do 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 -DarchetypeVersion=1.5
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 do 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 em seu computador, a execução desses comandos na pasta de 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ê obtém imediatamente o benefício de manter um histórico de suas alterações com commits. Posteriormente, você poderá sincronizar seu repositório local com um repositório remoto; por exemplo, hospedado no GitHub. Essa sincronização permite que você configure a CI/CD (integração contínua e 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.