Ferramentas para desenvolvedores JavaScript no Azure
O JavaScript é um ecossistema de muitas ferramentas. Este artigo é uma seleção de ferramentas criadas e mantidas pela Microsoft para desenvolvedores JavaScript. Você não precisa usar essas ferramentas para usar o Azure, isso apenas melhora a experiência, tanto em funcionalidade quanto em 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 reduzir o tempo de desenvolvimento e reduzir a frustração de desenvolvimento.
Crie um espaço de trabalho do projeto na raiz do projeto de desenvolvimento local e adicione todos os ajustes, configurações e extensões relevantes. Registre o arquivo de espaço de trabalho junto ao projeto para que cada membro da equipe tenha acesso às configurações e 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 de forma integrada
- O Visual Studio Code fornece o preenchimento de declaração
- Poucos tipos ou objetos ambíguos
O Visual Studio Code fornece uma grande quantidade de documentações para o uso de projeto do JavaScript.
Ferramentas para serviços do Azure
Use as extensões gratuitas a seguir para usar os 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 todos os principais serviços do Azure nesta extensão da Microsoft. |
| Grupo de Recursos do Azure | Extensão do Visual Studio Code CLI do Azure |
Exibir e gerenciar recursos do Azure. Tutorial: Implantar um aplicativo Express.js do MongoDB no Serviço de Aplicativo por meio do Visual Studio Code Tutorial: Adicionar Pesquisa Cognitiva a um site |
| Aplicativos Web Estáticos do Azure | Extensão do Visual Studio Code CLI do SWA |
Crie e gerencie aplicativos Web estáticos do Azure usando a extensão do VS Code ou a CLI de SWA (Aplicativos Web Estáticos). A extensão do VS Code integra-se ao editor, enquanto a CLI da SWA simula os serviços do Azure localmente. |
| Azure Functions | Link para a extensão do Visual Studio Code CLI do Azure Pacote npm |
Criar, gerenciar, exibir, depurar e implantar funções Início Rápido: Criar uma função JavaScript no Azure usando o Visual Studio Code |
| Aplicativos de Contêiner do Azure | Extensão do Visual Studio Code Containerapp da CLI do Azure |
Os Aplicativos de Contêiner do Azure permitem que você execute microsserviços e aplicativos em contêineres em uma plataforma sem servidor. Gerencie seus aplicativos de contêiner, implante novas versões e monitore o desempenho. Tutorial: Implantar um aplicativo de microsserviço de front-end Tutorial: Implantar um aplicativo de microsserviços de backend |
| Azure Cosmos DB | Extensão do Visual Studio Code CLI do Azure |
Crie, navegue e atualize bancos de dados multimodelo distribuídos globalmente no Azure. 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 blob, compartilhamentos de arquivos, tabelas e filas Guia de início rápido: Conectar o Azure Functions ao Armazenamento do Azure usando o Visual Studio Code |
Para ver todas as extensões do Azure, use este link:
TypeScript
TypeScript oferece todos os recursos do JavaScript e fornece um sistema de tipos forte, mas flexível.
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 em TypeScript porque as bibliotecas de cliente são escritas em TypeScript. Você não precisa usar o TypeScript para usar as bibliotecas de clientes do SDK do Azure.
Saiba mais sobre as diretrizes do TypeScript para o SDK do Azure.
Implantação
A principal ferramenta de implantação do Azure é CLI de Desenvolvimento do Azure. Essa ferramenta permite que você crie e configure seus serviços do Azure com Bicep ou terraforme, em seguida, implante seu código-fonte.
Use o Awesome AZD para encontrar exemplos implantáveis para entender as soluções de ponta a ponta do Azure.
Ferramentas de CICD (integração e teste contínuo)
As ferramentas de integração a seguir para criação e implantação aumentam a produtividade do pipeline.
- Git ou Git para Windows
- GitHub Actions
- Integração do Azure Pipelines
Contêineres
Se estiver procurando uma imagem do Docker específica da Microsoft ou do Azure, use o MRC (Microsoft Container Registry) para consultar uma imagem.
Ferramentas para contêineres
Ferramentas para contêineres de desenvolvimento
CLI do Azure
A CLI do Azure é otimizada para gerenciar recursos do Azure da 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ódigo e snippets
A organização do GitHub Azure-Samplescontém muitos exemplos dos produtos e serviços oferecidos pelo Azure. Use o navegador Azure Samples para encontrar um exemplo para atender às suas necessidades.
Outros exemplos incluem:
- Exemplos do SDK do Azure para JS
- Biblioteca de Autenticação da Microsoft para JS (MSAL.js) exemplos
- Exemplos de ponta a ponta do JavaScript
Dramaturgo
Playwright é uma biblioteca Node.js para automatizar o Chromium, o Firefox e o WebKit com uma única 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.
Windows Terminal
Windows Terminal permite que você acesse vários tipos de terminal diferentes a partir do mesmo aplicativo do Windows, incluindo a CLI do Azure e o Ubuntu. Use essa ferramenta para desenvolver e testar scripts bash do CICD antes de usar esses scripts 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ção, sem a sobrecarga de uma máquina virtual tradicional ou configuração de inicialização dupla.
Dicas e truques de desenvolvedores javaScript do Azure
A lista a seguir inclui dicas e truques que os desenvolvedores do Azure devem saber ser mais produtivos:
- Desenvolva um esquema de nomenclatura para seus recursos do Azure.
- Agrupe recursos do Azure em grupos de recursos, que também usam um esquema de nomenclatura.
- Para cada recurso do Azure, adicione etiquetas que comuniquem a finalidade, o projeto e outras informações vitais do recurso. Essas tags ficam visíveis no portal do Azure, para esse recurso, na página Visão Geral. Pense nas marcas como uma forma de documentar o recurso.
- A maioria dos recursos tem pelo menos uma versão gratuita por assinatura. Use esse tipo de recurso ao aprender a usá-lo.
- Para soluções "seguras por padrão", saiba como criar recursos sem cadeias de conexão ou senhas. Essa segurança permite que você use o mesmo código em todos os ambientes, sem precisar gerenciar cadeias de conexão ou girar chaves.
- 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 seu local e autenticação remota para a plataforma do Azure é ótimo para economia de tempo e segurança.
- Todos os SDKs javaScript do Azure incluem tipos TypeScript. Essa funcionalidade permite que você adote tipos fortes para suas soluções facilmente e saiba que elas não ficarão fora de sincronia com o SDK.