Preparar o código da aplicação Web

Concluído

Nesta unidade, você aprenderá como 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 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 aprenderemos 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. Vamos usá-los em um 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 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 modelo para gerar o maven-archetype-webapp 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

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, executar esses comandos na pasta do 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ê ganha imediatamente o benefício de manter um histórico de suas mudanças com compromissos. Mais tarde, você também poderá sincronizar seu repositório local com um repositório remoto; por exemplo, hospedado no GitHub. Isso permite que você configure 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.