Como publicar um Web App construído com Node.JS no Azure App Service partindo do OSX

Olá pessoal, tudo bem?

O título deste artigo diz tudo, o objetivo é te ajudar a entender como construir e publicar um web app (site) no Azure App Service, a partir de um ambiente de desenvolvimento OSX. Vamos lá?

Se você não sabe o que é o Azure App Service, de uma lida neste artigo que eu publiquei anteriormente, penso que ele pode te ajudar.

Requisitos

Antes de tudo você vai precisar ter instalado no seu ambiente de desenvolvimento GIT (http://git-scm.com) e Node.JS (https://nodejs.org/en/#download)

Configurando, construindo e publicando!

O primeiro passo é ir até o Portal do Azure (https://portal.azure.com), autenticar e criar um novo Web App, logo após execute os seguintes passos:

Se você não possui uma conta no Microsoft Azure, assista esse video e aprenda em 4 minutos como criar a sua conta.

Criar um novo Web App

  • Clique em + New, depois em Web + Mobile, logo após em Web App;
  • Informe o nome para o seu site, a url ficara nome.azurewebsites.net;
  • Selecione a sua subscription;
  • Selecione o seu resource group;

Configurar o Free Tier e rodando o seu Web App no Brasil

  • Clique em App Service plan/location, depois em Create New;
  • Em Location selecione Brazil South;
  • Clique em Pricing Tier, depois em View all;
  • No final da blade clique em F1 Free e em seguida em no botão Select;

  • Clique no botão OK, e em seguida em Create.
  • Aguarde a publicação do seu Web App.

Configurando publicação a partir de controle de versão (Continuos deployment)

  • Na blade do seu We App, clique em All Settings;
  • Localize o grupo Publishing e clique em Continuos deployment;
  • Clique em Choose Source e escolha Local Git Repository;
  • Clique em OK;
  • Aguarde equanto o Azure finaliza a criação do repositório;

Definindo credenciais para deploy
  • Na blade Settings, no grupo Publishing clique em Deployment credentials;
  • Digite o username, a senha, repita a senha e clique em Save;

Tudo pronto, agora é hora de construir o nosso Web App.

No seu ambiente de desenvolvimento utilize o Terminal para criar um novo diretório, o nome pode ser o mesmo do seu Web App, ou qualquer um que você quiser.

mkdir partiuazure

No diretório crie três arquivos:

touch package.json server.js web.config

Você pode utilizar o Visual Studio Code para construir o seu aplicativo Node.JS no OSX, clique aqui se você ainda não o tiver instalado no seu ambiente, ou utilize a sua IDE preferida.

Se você estiver utilizando o VS Code, no Terminal digite:

code .

Edite os arquivo server.js, package.json, web.config e adicione a seguinte configuração:

Publicando o seu Web App a partir do controle de versão

Utilizando o Terminal iremos inicializar um novo repositório GIT, adicionar os arquivos editados, e comitar o código, para isso digite:

git init
git add .
git commit -m “primeiro commit, #partiuazure”

Precisamos adicionar o repositório remoto para isso localize na blade do seu Web App a url do repositório e execute os seguintes comandos:

git remote add azure {git clone url}

Substitua {git clone url} pela URL que você copiou anteriormente.

Para publicar o seu Web App digite:

git push azure master

Tudo pronto

Você pode acompanhar o resultado do deploy pelo Terminal, ou acessando no Portal Azure no seu Web App, na blade Settings clicando em Continuos Deployment.

O resultado do seu trabalho até aqui pode ser acessado através da url do seu Web App nome.azurewebsites.net

É isso, acompanhe o blog para ter acesso a mais conteúdo sobre Azure, se você ainda ficou com dúvidas, utilize os comentários ou me chame para conversar no twitter.

Forte Abraço.

William S. Rodriguez

Microsoft & Xamarin MVP, C# mobile developer, community enthusiast & #Xamarin crusader.

Curitiba, PR, Brasil http://williamsrz.com.br

Subscribe to C#, Xamarin, Mobile & Cloud addicted

Get the latest posts delivered right to your inbox.

or subscribe via RSS with Feedly!