Criar um aplicativo Web Olá, Mundo para o Serviço de Aplicativo do Azure usando o Eclipse

Este artigo demonstra as etapas que são necessárias para criar um aplicativo Web Olá, Mundo básico e publicar seu aplicativo Web em um Serviço de Aplicativo do Azure usando o Azure Toolkit for Eclipse.

Observação

Se preferir usar o IntelliJ IDEA, confira nosso tutorial semelhante para o IntelliJ.

Se você não tiver uma assinatura do Azure, crie uma conta gratuita antes de começar.

Não se esqueça de limpar os recursos depois de concluir este tutorial. Nesse caso, executar este guia não excederá sua cota da conta gratuita.

Pré-requisitos

Para concluir as etapas deste artigo, você precisará instalar o Kit de Ferramentas do Azure para Eclipse, que requer os seguintes componentes de software:

Observação

A página Azure Toolkit for Eclipse no Eclipse Marketplace lista as compilações compatíveis com o kit de ferramentas.

Instalação e credenciais

As etapas a seguir guiarão você pelo processo de entrada no Azure no ambiente de desenvolvimento do Eclipse.

  1. Se você ainda não instalou o plug-in, confira Instalar o Azure Toolkit for Eclipse.

  2. Para entrar em sua conta do Azure, clique em Ferramentas, em Azure e então em Entrar.

    Sign in to Azure in Eclipse IDE.

  3. Na janela Entrar no Azure, selecione Logon do Dispositivo e, em seguida, clique em Entrar (outras opções de entrada).

  4. Clique em Copiar e Abrir na caixa de diálogo Logon no Dispositivo do Azure.

  5. No navegador, cole o código de dispositivo (que foi copiado quando você clicou em Copiar e Abrir na última etapa) e, em seguida, clique em Avançar.

  6. Selecione sua conta do Azure e conclua os procedimentos de autenticação necessários para entrar.

  7. Depois de entrar, feche o navegador e volte para o IDE do Eclipse. Na caixa de diálogo Selecionar Assinaturas, selecione as assinaturas que deseja usar e clique em Selecionar.

Instalar software necessário (opcional)

Para garantir que os componentes necessários funcionem com projetos de aplicativos Web, siga estas etapas:

  1. Clique no menu Ajuda e em Instalar Novo Software.

  2. Na caixa de diálogo Software Disponível, clique em Gerenciar e verifique se a versão mais recente do Eclipse está selecionada (por exemplo, 2020-06).

  3. Clique em Aplicar e Fechar. Expanda o menu suspenso Trabalhar com: para mostrar os sites sugeridos. Selecione o site de versão mais recente do Eclipse para consultar o software disponível.

  4. Role a lista para baixo e selecione o item Web, XML, Java EE e OSGi Enterprise Development. Clique em Avançar.

  5. Na janela Detalhes da Instalação, clique em Avançar.

  6. No diálogo Examinar Licenças , leia os termos dos contratos de licença. Se você aceitar os termos dos contratos de licença, clique em Aceito os termos dos contratos de licença e clique em Concluir.

    Observação

    Você pode verificar o progresso da instalação no canto inferior direito do workspace do Eclipse.

  7. Se for solicitado a reiniciar o Eclipse para concluir a instalação, clique em Reiniciar Agora.

Como criar um projeto de aplicativo Web

  1. Clique em Arquivo, expanda Novo e clique em ...Projeto. Na janela da caixa de diálogo Novo Projeto, expanda Web, selecione Projeto Web Dinâmico e clique em Avançar.

    Dica

    Se você não vir Web listada como um projeto disponível, confira esta seção para verificar se você tem o software Eclipse necessário.

  2. Para o objetivo deste tutorial, nomeie o projeto MyWebApp. Sua tela será semelhante à seguinte:

    New Dynamic Web Project properties

  3. Clique em Concluir.

  4. No painel Gerenciador de Pacotes à esquerda, expanda MyWebApp. Clique com o botão direito do mouse em WebContent, focalize Novo e clique em Outro....

  5. Expanda Web para localizar a opção Arquivo JSP. Clique em Avançar.

  6. Na caixa de diálogo Novo Arquivo JSP, nomeie o arquivo index.jsp, mantenha a pasta pai como MyWebApp/WebContent e clique em Avançar.

    New JSP File dialog box

  7. Na caixa de diálogo Selecionar Modelo JSP, para a finalidade deste tutorial, escolha Novo Arquivo JSP (html 5) e clique em Concluir.

  8. Quando o arquivo .jsp índice for aberto no Eclipse, adicione texto para exibir dinamicamente Hello World! dentro do elemento existente <body> . Seu conteúdo do <body> atualizado deve ser parecido com o exemplo a seguir:

    <body>
    <b><% out.println("Hello World!"); %></b>
    </body>
    
  9. Salve o index.jsp.

Como implantar o aplicativo Web no Azure

  1. No painel do Gerenciador de Pacotes à esquerda, clique com o botão direito do mouse em seu projeto, escolha Azure e Publicar como Aplicativo Web do Azure.

    Publish as Azure Web App

  2. Quando a caixa de diálogo Implantar Aplicativo Webfor exibida, você poderá escolher uma das seguintes opções:

    • Selecione um aplicativo Web existente se houver.

    • Se você não tiver um aplicativo Web, clique em Criar.

      Aqui você pode configurar o ambiente de runtime, o grupo de recursos do plano de serviço de aplicativo e as configurações do aplicativo. Crie recursos, se necessário.

      Especifique as informações necessárias para seu aplicativo Web na caixa de diálogo Criar Serviço de Aplicativo e clique em Criar.

  3. Selecione seu aplicativo Web e clique em Implantar.

  4. O kit de ferramentas exibirá um status Publicado na guia do Log de Atividades do Azure quando o aplicativo Web for implantado com êxito, que é um hiperlink para a URL do aplicativo Web implantado.

  5. Você pode navegar até seu aplicativo Web usando o link fornecido na mensagem de status.

    Browsing your web app

Limpando recursos

  1. Depois de publicar o aplicativo Web no Azure, você poderá gerenciá-lo clicando com o botão direito do mouse no Azure Explorer e selecionando uma das opções no menu de contexto. Por exemplo, você pode Excluir seu aplicativo Web aqui para limpar o recurso para este tutorial.

    Manage app service

Modo de exibição do Azure Explorer

Se o modo de exibição do Azure Explorer ainda não estiver visível no Eclipse, exiba-o fazendo o seguinte:

  1. Clique em Janela, focalize Mostrar Exibição e clique em Outros.

  2. Na caixa de diálogo Mostrar Exibição, selecione Azure, selecione Azure Explorer e clique em Abrir.

    Select the Azure Explorer option.

Próximas etapas

Para relatar bugs ou solicitar novos recursos, crie problemas no repositório do GitHub. Ou faça perguntas sobre o Stack Overflow com a marca azure-java-tools.

Para obter mais informações sobre como usar o Java com o Azure, consulte os links a seguir:

Para obter mais informações sobre como criar aplicativos Web do Azure, confira a Visão geral de Aplicativos Web.