Ferramentas para desenvolvedores JavaScript no Azure
O JavaScript é um ecossistema que tem muitas ferramentas. Este artigo é uma seleção de ferramentas criadas e mantidas pela Microsoft para desenvolvedores do JavaScript. Você não precisa usar essas ferramentas para usar o Azure, mas elas tornam a experiência muito melhor, tanto na funcionalidade quanto no suporte.
Portal do Azure
O portal do Azure fornece acesso a todas as assinaturas e recursos da sua conta.
Visual Studio Code
O Visual Studio Code é o IDE preferencial para o desenvolvimento do JavaScript para o Azure. A interface, os recursos e as extensões funcionam em conjunto para diminuir o tempo de desenvolvimento e reduzir a frustração de desenvolvimento.
Crie um workspace do projeto na raiz do seu projeto de desenvolvimento local e, em seguida, adicione todas as configurações, definições e extensões relevantes. Faça check-in no arquivo do workspace com o projeto para que todos os membros da equipe tenham acesso às configurações e às ferramentas necessárias para o projeto.
Você obtém vários benefícios usando o Visual Studio Code:
- O Visual Studio Code exibe a documentação de referência do Azure embutida
- O Visual Studio Code fornece o preenchimento de declaração
- Alguns tipos ou objetos ambíguos
Visual Studio Code fornece uma riqueza de documentação para o uso do projeto JavaScript.
Ferramentas para serviços do Azure
Use as extensões gratuitas a seguir para utilizar serviços do Azure diretamente no Visual Studio Code.
| Serviço | Ferramentas | Descrição |
|---|---|---|
| Principais serviços | Extensão do Visual Studio Code | Uma coleção de extensões. Obtenha hospedagem de site, dados do SQL e do MongoDB, Contêineres do Docker, funções sem servidor e muito mais, tudo no Azure, tudo do VS Code, com esta extensão da Microsoft. |
| Grupo de recursos do Azure | Extensão do Visual Studio Code CLI do Azure |
Ver e gerenciar os recursos do Azure. Tutorial: Implantar um aplicativo Express.js do MongoDB no Serviço de Aplicativo por meio do Visual Studio Code Tutorial: Adicionar o Cognitive Search a um site |
| Funções do Azure | Extensão do Visual Studio Code CLI do Azure Pacote npm |
Criar, gerenciar, exibir, depurar e implantar funções Guia de início rápido: Criar uma função JavaScript no Azure usando o Visual Studio Code |
| Serviço do Aplicativo do Azure | Extensão do Visual Studio Code Serviço de aplicativo da CLI do Azure Aplicativo da CLI do Azure |
O serviço de aplicativo permite que você gerencie planos do Serviço de Aplicativo. O aplicativo Web permite que você gerencie aplicativos Web em execução no plano. Procure sites e o portal do Azure, crie sites e implante para slots. Guia de início rápido: criar um aplicativo Web .js nó no Azure Guia de início rápido: Executar um contêiner personalizado no Azure |
| Azure Cosmos DB | Extensão Visual Studio Code CLI do Azure |
Crie, navegue por e atualize bancos de dados de vários modelos globalmente distribuídos no Azure. Guia de início rápido: Conectar o Azure Functions ao Azure Cosmos DB usando o Visual Studio Code |
| Armazenamento | Extensão do Visual Studio Code CLI do Azure Emulador de Armazenamento – Azurite |
Armazenamento do Azure, incluindo Contêineres de Blobs, Compartilhamentos de Arquivo, Tabelas e Filas Guia de início rápido: Conectar o Azure Functions ao Armazenamento do Azure usando o Visual Studio Code |
Outros recursos:
TypeScript
O TypeScript oferece todos os recursos do JavaScript, e outra camada sobre estes: o sistema de tipos do TypeScript . O principal benefício do TypeScript é que ele pode realçar o comportamento inesperado no código, reduzindo a possibilidade de bugs.
TypeScript e as bibliotecas de cliente do SDK do Azure
A documentação de referência da biblioteca de clientes do SDK do Azure é escrita para TypeScript porque as bibliotecas de cliente são gravadas com o TypeScript. Você não precisa usar o TypeScript para usar as bibliotecas de cliente do SDK do Azure.
Saiba mais sobre as diretrizes do TypeScript para o SDK do Azure.
Terminal do Windows
O Terminal do Windows permite que você acesse vários tipos de terminais diferentes do mesmo aplicativo do Windows, incluindo a CLI do Azure e o Ubuntu. Use essa ferramenta para desenvolver e testar os scripts do bash de CICD antes de usá-los no GitHub Actions ou em outro pipeline.
Subsistema do Windows para Linux
O Subsistema do Windows para Linux permite que os desenvolvedores executem um ambiente GNU/Linux, incluindo a maioria das ferramentas de linha de comando, utilitários e aplicativos diretamente no Windows, sem modificações e sem a sobrecarga de uma máquina virtual tradicional ou da instalação de inicialização dupla.
Ferramentas de CICD
As ferramentas de integração a seguir para criação e implantação vão aumentar significativamente a sua produtividade.
- Git ou Git para Windows
- GitHub Actions
- Integração do Azure Pipelines
Contêineres do Docker
Se você estiver procurando uma imagem do Docker específica da Microsoft ou do Azure, use o MRC (Registro de Contêiner da Microsoft) para consultar uma imagem.
Desenvolvimento local
Se você normalmente usa contêineres do Docker localmente em seu ambiente de desenvolvimento, considere usar a extensão Remote - Containers. Com essa extensão, você pode encontrar um contêiner relevante para a sua pasta aberta atualmente no Visual Studio Code. Há várias opções de contêineres de Node.js ou você pode trazer o seu próprio. Depois de abrir o projeto em um contêiner, você poderá definir pontos de interrupção e depurar como se estivesse em seu ambiente local.
CLI do Azure
A CLI do Azure é otimizada para gerenciar os recursos do Azure na linha de comando.
A CLI do Azure fornece os seguintes cenários de uso:
Se você usar o portal do Azure, a CLI do Azure estará disponível no portal na barra de navegação superior.
Aplicativos de exemplo, códigos e trechos de código
A organização do GitHub, Azure-Samples, contém muitos exemplos dos produtos e serviços oferecidos pelo Azure. Use o navegador de Exemplos do Azure para encontrar um exemplo que atenda às suas necessidades.
Outros exemplos incluem:
- Exemplos do SDK do Azure para JS
- Exemplos da Biblioteca de Autenticação da Microsoft para JS (MSAL.js)
- Exemplos de ponta a ponta do JavaScript
Playwright
O Playwright é uma biblioteca do Node.js para automatizar o Chromium, o Firefox e o WebKit com apenas uma API. O Playwright foi criado para habilitar uma automação Web entre navegadores que seja sempre moderna, eficaz, confiável e rápida.
Rush
O Rush é um gerenciador escalonável para a Web com apenas um repositório.
Dicas e truques para desenvolvedores de JavaScript do Azure
A seguinte lista inclui dicas e truques que os desenvolvedores do Azure devem saber para serem mais produtivos:
- Desenvolva um esquema de nomeação para os seus recursos do Azure.
- Agrupe os recursos do Azure em grupos de recursos, que também usam um esquema de nomeação.
- Para cada recurso do Azure, adicione marcas que comuniquem a finalidade do recurso, o projeto e outras informações vitais. Essas marcas são visíveis no portal do Azure para esse recurso, na página Visão geral. Pense nas tags como uma forma de documentar o recurso.
- A maioria dos recursos tem pelo menos uma versão gratuita por assinatura. Use este tipo de recurso.
- Alguns recursos fornecem duas chaves, duas cadeias de conexão ou outros dispositivos de segurança. Há duas para que dois desenvolvedores diferentes possam trabalhar no projeto sem compartilhar a chave ou a cadeia de conexão. Troque as chaves quando um desenvolvedor sair do projeto.
- Os pacotes npm mais recentes para o Azure começam com o escopo
@azure. - A maioria dos pacotes npm do Azure pode usar o DefaultAzureCredential. Embora a configuração pareça complicada, o benefício de não precisar mais gerenciar a autenticação local e a remota para a plataforma do Azure é excelente para a segurança e a economia de tempo.
Próximas etapas
Comentários
Em breve: Ao longo de 2024, eliminaremos os problemas do GitHub como o mecanismo de comentários para conteúdo e o substituiremos por um novo sistema de comentários. Para obter mais informações, consulte https://aka.ms/ContentUserFeedback.
Enviar e exibir comentários de