Nota
O acesso a esta página requer autorização. Pode tentar iniciar sessão ou alterar os diretórios.
O acesso a esta página requer autorização. Pode tentar alterar os diretórios.
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, apenas torna a experiência melhor, tanto em funcionalidade quanto em suporte.
portal do Azure
O portal do Azure dá-lhe acesso a todas as subscrições e recursos da sua conta. Os novos aprimoramentos do portal do Azure fornecem opções aprimoradas de navegação e personalização.
Código do Visual Studio
O Visual Studio Code é o IDE preferido para desenvolvimento JavaScript para Azure. A interface, os recursos e as extensões trabalham juntos para reduzir o tempo de desenvolvimento e reduzir a frustração do desenvolvimento.
Crie um espaço de trabalho de projeto na raiz do seu projeto de desenvolvimento local e, em seguida, adicione todas as configurações, definições e extensões relevantes. Registe o arquivo de espaço de trabalho no 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 em linha
- O Visual Studio Code fornece conclusão de instrução com desenvolvimento assistido por IA por meio do GitHub Copilot
- Poucos tipos ou objetos ambíguos
- Suporte integrado a terminais e depuração
O Visual Studio Code fornece uma grande variedade de documentação para projetos em JavaScript .
IA e ferramentas de produtividade para programadores
Ferramentas baseadas em IA melhoram o seu fluxo de trabalho de desenvolvimento JavaScript no Azure, proporcionando assistência inteligente ao código, gestão de recursos, automação de testes e suporte à implementação.
| Ferramenta | Descrição |
|---|---|
| GitHub Copilot para Azure | Programação assistida por IA com contexto específico do Azure. Faça perguntas sobre os serviços do Azure, gere código de infraestrutura e obtenha ajuda com o uso do SDK do Azure diretamente no VS Code. |
| Azure MCP Server | Modele ferramentas do Protocolo de Contexto que ligam o seu IDE aos recursos do Azure. Consulta configurações de recursos, gere implementações e valida definições sem sair do editor. |
| Azure Competências | Capacidades de IA componível para fluxos de trabalho do Azure, incluindo diagnósticos, análise de conformidade, validação de implementação e provisão de recursos — utilizáveis a partir do GitHub Copilot ou de qualquer cliente compatível com MCP. |
| Dramaturgo MCP | Ferramentas de automação de navegadores disponibilizadas através de MCP para testes completos. Execute testes Playwright, capture capturas de ecrã e valide as interações da interface web com assistência de IA. |
CLI de Desenvolvedor da Azure (azd) |
Simplifice todo o seu fluxo de trabalho do desenvolvimento para a implementação. Inicializar projetos a partir de templates, fornecer infraestrutura e implementar código com uma única ferramenta. |
Estas ferramentas funcionam em conjunto para reduzir a troca de contexto entre o seu editor e o portal Azure. Por exemplo:
- Use GitHub Copilot para escrever código SDK do Azure com sugestões em linha
- Use o Azure MCP Server para verificar se as configurações dos seus recursos estão corretas
- Use Azure Skills para executar análises de conformidade ou resolver implementações com falhas
- Use Playwright MCP para automatizar testes baseados no navegador das suas aplicações Azure alojadas
- Use
azdpara provisionar e implementar a sua aplicação num só passo
Ferramentas para serviços do Azure
Use as seguintes extensões gratuitas para usar os serviços do Azure diretamente no Visual Studio Code.
| Serviço | Ferramentas | Descrição |
|---|---|---|
| Serviços de topo | Extensão de código do Visual Studio | 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 de código do Visual Studio CLI do Azure |
Exiba e gerencie recursos do Azure. Tutorial: Implantar Express.js app MongoDB no App Service usando o Visual Studio Code Tutorial: Adicionar pesquisa cognitiva a um site |
| Aplicativos Web estáticos do Azure |
Extensão de código do Visual Studio SWA CLI |
Crie e gerencie Aplicativos Web Estáticos do Azure usando a extensão VS Code ou a CLI de Aplicativos Web Estáticos (SWA CLI). A extensão VS Code integra-se com o editor, enquanto a CLI SWA simula os serviços do Azure localmente. |
| Funções do Azure |
Extensão de código do Visual Studio CLI do Azure Pacote npm |
Crie, gerencie, visualize, depure e implante funções. Guia de início rápido: criar uma função JavaScript no Azure usando o Visual Studio Code |
| Azure Container Apps |
Extensão de código do Visual Studio Aplicativo de contêiner da CLI do Azure |
As Aplicações de Contentor do Azure permitem-lhe executar microsserviços e aplicações em contentores numa plataforma sem servidor. Gerencie seus aplicativos de contêiner, implante novas versões e monitore o desempenho. Tutorial: Implantar um aplicativo de microsserviço frontend Tutorial: Implantar um aplicativo de microsserviço de back-end Agora suporta cargas de trabalho de Jobs para cenários de processamento em lote. |
| Azure Cosmos DB |
Azure Cosmos DB for Visual Studio Code CLI do Azure |
Criar, navegar, consultar e atualizar dados do Azure Cosmos DB diretamente a partir do VS Code sem mudar de contexto. Suporta bases de dados multi-modelo distribuídas globalmente no Azure. Mais informações Guia de início rápido: conectar o Funções do Azure ao Azure Cosmos DB usando o Visual Studio Code Agora inclui recursos integrados de pesquisa vetorial para aplicações de IA. |
| Azure DocumentDB |
DocumentDB para Visual Studio Code CLI do Azure |
Navegue, gere e consulte bases de dados DocumentDB e MongoDB diretamente a partir do VS Code. O DocumentDB é um serviço totalmente gerido e compatível com MongoDB, baseado no motor open-source DocumentDB. Suporta implementações híbridas e multicloud com preços previsíveis. |
| Armazenamento |
Extensão de código do Visual Studio 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 Funções do Azure ao Armazenamento do Azure usando o Visual Studio Code Agora inclui desempenho aprimorado e recursos de proteção de dados. |
| Ferramentas de Fundição |
Estúdio AI Azure SDK OpenAI |
Crie aplicativos inteligentes usando recursos de IA. Guia de início rápido: criar um aplicativo RAG com JavaScript e Azure AI Suporta geração aumentada de recuperação (RAG) e pesquisa vetorial. |
Explore todas as extensões do Azure para VS Code
TypeScript
O TypeScript oferece todos os recursos do JavaScript e fornece um sistema de tipos forte, mas flexível. O TypeScript 5.0+ inclui melhorias significativas de desempenho e novos recursos, como a using instrução para gerenciamento de recursos.
TypeScript e as bibliotecas de cliente do SDK do Azure
A documentação de referência da biblioteca de cliente do SDK do Azure é escrita para TypeScript porque as bibliotecas de cliente são escritas com TypeScript. Não é necessário 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.
Implantação
A principal ferramenta de implantação do Azure é a CLI de Desenvolvimento do Azure. Essa ferramenta permite que você crie e configure seus serviços do Azure com Bicep ou Terraform e, em seguida, implante seu código-fonte.
Utilize Awesome AZD para encontrar exemplos implantáveis e entender as soluções completas para Azure.
Ferramentas de integração e teste contínuo (CICD)
As seguintes ferramentas de integração para criação e implantação aumentam a produtividade do seu pipeline.
- Git ou Git para Windows
- Ações do GitHub com suporte à autenticação OIDC
- Integração do Azure Pipelines
- Copiloto do GitHub para codificação e testes assistidos por IA
Contentores
Se você estiver procurando por uma imagem do Docker específica da Microsoft ou do Azure, use o Microsoft Container Registry (MRC) para consultar uma imagem.
Ferramentas para contentores:
Ferramentas para contêineres de desenvolvimento:
- Contentores de desenvolvimento
- Extensão de contêineres de desenvolvimento
- Codespaces GitHub para ambientes de desenvolvimento em nuvem
CLI do Azure (Interface de Linha de Comando da Azure)
A CLI do Azure é otimizada para gerenciar recursos do Azure a partir 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.
Exemplos de aplicativos, códigos e trechos
A organização do GitHub, Azure-Samples, contém muitos exemplos entre os produtos e serviços oferecidos pelo Azure. Use o navegador Exemplos do Azure para encontrar um exemplo que atenda às suas necessidades.
Outras amostras incluem:
- Exemplos do SDK do Azure para JS
- Exemplos da Biblioteca de Autenticação da Microsoft para JS (MSAL.js)
- Exemplos de JavaScript de ponta a ponta
- Amostras de IA para aplicações RAG
Playwright
Playwright é uma biblioteca Node.js para automatizar o Chromium, Firefox e WebKit com uma única API. O Playwright foi criado para permitir a automação da Web entre navegadores que é sempre atualizada, capaz, confiável e rápida. Agora suporta teste de componentes e modo de interface do usuário para depuração aprimorada.
Pressa
Rush é um gestor de monorepo escalável para a web. As atualizações recentes melhoraram o desempenho e adicionaram suporte para o Node.js 20.
Terminal do Windows
O Terminal do Windows permite que você acesse vários tipos de terminal diferentes do mesmo aplicativo do Windows, incluindo a CLI do Azure e o Ubuntu. Use essa ferramenta para desenvolver e testar scripts bash CICD antes de usar esses scripts no GitHub Actions ou em outro pipeline.
Subsistema Windows para Linux
O Subsistema 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, sem a sobrecarga de uma máquina virtual tradicional ou configuração de inicialização dupla. O WSL 2 oferece melhorias significativas de desempenho e total compatibilidade com chamadas do sistema.
Dicas e truques dos desenvolvedores JavaScript do Azure
A lista a seguir inclui dicas e truques que os desenvolvedores do Azure devem saber para serem 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 marcas que comuniquem a finalidade, o projeto e outras informações vitais do recurso. Essas etiquetas são visíveis no portal do Azure, para esse recurso, na página de 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 enquanto aprende 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 ter que 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 sua autenticação local e remota na plataforma Azure é ótimo para segurança e economia de tempo.
- 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 eles não ficarão fora de sincronia com o SDK.