Introdução ao Azure Web App com ASPNET Core 3.1







Olá caros leitores,
O que veremos neste post: 

Criação Azure Web App com ASPNET Core


Azure App Service


É a poderosa e famosa ferramenta da Azure para deploiar suas aplicações web em ASPNET Core e outras tecnologias como Node, Java, Phyton, PHP e Ruby.

Abordaremos a criação de uma aplicação básica e em poucos minutos como tê-la na Azure efetuando o primeiro deploy e atualizações da mesma.

Premissa: Ter uma conta no Azure, aqui!

Passo 1: Crie um Web Application project no Visual Studio

Dê um nome ao projeto:


Na foto acima eu crio o projeto com o nome: PrimeiroAzureServeApp. 


Obs: Deixe autenticação e Docker desmarcados para focarmos no escopo do Post.

Rode o projeto!




Passo 2: Publicar seu projeto no Azure
Botão direito no projeto e selecione publish:



Primeira tela, Vamos deixar "Create" e clicar em "Create Profile".


Se não estiver logado no Visual Studio, terá a tela abaixo onde deve logar-se.



Passo 3: Criar um Resource Group
É um container lógico (grupo de recursos) que armazena sua aplicação, base de dados, e ferramentas de deploy e gestão da aplicação.


Criado com o nome: GrupoDeRecursosWebApp1


Passo 4: Crie um service plan
É o plano de serviço para hospedar seu Web App onde é definido região, tamanho, instância e tipo de plano de hospedagem (opte pelo gratuito quando estiver aprendendo)


Clique em Create.

O Visual Studio (2019) te dará um  overview e opção final de publicação:

Clique em Publish e ao fim veja seu Web App na nuvem:



Passo 5: Ajustes e redeploy
Vamos alterar local e subir essas alterações:


Altera a página principal, insira algo como:

Edite o arquivo Index.cshtml pelo código abaixo:
    
    @page
    @model IndexModel
    @{
        ViewData["Title"] = "Home page";
    }

    <div class="jumbotron">
        <h1>Bem vindo! </h1>
        <p>Este é meu primeiro projeto Web App no Azure!</p>
        <p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a></p>
    </div>

    <div class="panel panel-primary">Sucesso total !!!</div>
    <div></div>
    <span class="label label-warning">#goOrange</span>

Rode local e se tudo estiver ok clique novamente no projeto, na mesma opção Publish e na tela de resumo ( igual à mostrada no primeiro Publish ) execute o comando Publish.



Ao fim, abra sua URL publicada abrirá "redeploiada" e atualizada!




 Bem simples não é? 

  • Mais detalhes sobre a função aqui  e  aqui

Gostaram ? Peçam as próximas postagens que querem ver aqui e farei!


Comentários

Postar um comentário

Postagens mais visitadas deste blog

Dicas C# - Usando o LINQ para contar frequências em listas

Imagem
Olá caros leitores, Exemplo completo no final do post!  O que veremos neste post:  Extrair no C# de forma ágil e elegante a frequência de itens em uma lista de objeto complexo. Para tal, utilizaremos o Linq. Cenario: Em uma situação que se tem uma lista de objetos complexos ( Boletos, Usuários, Livros etc ) e deseja-se obter a quantidade de ocorrências de uma determinada propriedade da lista. Com isto podemos fazer todo tipo de agrupamento e extração de dados de ocorrências de forma simples. Imagine o objeto que traz as notas dos alunos em disciplinas e queremos saber a ocorrência e as notas somente em matemática. 1. Contrução do Objeto: AlunoDisciplinaNota         public class AlunoDisciplinaNota{ public int Id {get;set;} public int Nota {get;set;} public string Disciplina {get;set;} } 2. Agora vamos criar uma lista com tipos complexos: List<AlunoDisciplinaNota> alunos = new List<AlunoDisciplinaNota>...
Leia mais

React Tutorial - Parte 1

Imagem
Olá caros leitores, Link do gitHub do projeto aqui! Afim de aprimorar os estudos e praticar um pouco de tudo que venho aprendendo sobre React resolvi iniciar uma série de postagens em português e ir evoluindo uma aplicação do zero, implementando desde o básico até features mais avançadas sobre React. Esta parte 1 ainda terá um pouco de conceitos mas a ideia é que seja prático e um guia para você que tem interesse em aprender esta linguagem. O que veremos neste post:  Requisitos básicos para criar um projeto Criação de projeto básico. Entendimento da estrutura do projeto  Entendimento da estrutura de projeto atomico Instalação de framework - React Bootstrap Instalação de framework - PrimeReact (Primefaces) 1. Requisitos básicos para criar um projeto NodeJS: https://nodejs.org/en/ Visual Code ( ou outro editor de sua preferência ) 2. Criação de projeto básico Vamos criar um projeto segundo o basico do site oficial (sempre olho prime...
Leia mais

Jquery - Introdução

Imagem
Olá caros leitores, blz? Este artigo é uma introdução básica para aqueles que desejam aprender, utilizar e/ou estudar os conceitos e práticas mais comuns do Jquery. Você pode estar aprendendo agora ou estudando para uma certificação, então este artigo é para você. Apesar de, no mundo front-end as "novidades" e tendências serem outras libs como react, ou frameworks como Angular 8 o Jquery ainda está em milhões de site por este mundo afora. Obs: Parto do pressuposto que vc tenha alguma ideia muito básica do que é o Javascript, caso não o tenha estarei fazendo um breve tutorial aqui em breve ;-)   Segundo o site  https://trends.builtwith.com/javascript/jQuery  , está em pouco mais de 66 milhões!! Vamos ao básico: Jquery é uma biblioteca Javascript que otimiza tarefas e proporciona um alto nível de implementação de rotinas em Javascript de forma muito mais enxuta e otimizada. O cara mais importante é o seletor ( $ ), este é a ferramenta in...
Leia mais