Partilhar via

Visão geral das ferramentas de desenvolvedor JavaScript para Azure

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 .

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

Azure CLI		 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

Azure CLI

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
Aplicativos de contêiner do Azure 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.
Base de Dados Azure Cosmos Extensão de código do Visual Studio

Azure CLI		 Crie, navegue e atualize bancos de dados multimodelo distribuídos globalmente no Azure.

Guia de início rápido: conectar o Azure Functions ao Azure Cosmos DB usando o Visual Studio Code

Agora inclui recursos integrados de pesquisa vetorial para aplicações de IA.
Armazenamento Extensão de código do Visual Studio

Azure CLI

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

Agora inclui desempenho aprimorado e recursos de proteção de dados.
Serviços de IA do Azure Estúdio AI

Azure OpenAI SDK		 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.

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:

Azure CLI (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.

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

Dramaturgo

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.

Windows Terminal

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.

Conteúdo relacionado