Partilhar via


Ferramentas para desenvolvedores JavaScript no 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.

Código do Visual Studio

Visual Studio Code é o IDE preferencial 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
  • Visual Studio Code fornece conclusão de código
  • Poucos tipos ou objetos ambíguos

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.
Azure Resource Group Extensão de código do Visual Studio

Azure CLI
Exiba e gerencie recursos do Azure.

Tutorial: implantar Express.js aplicação MongoDB no App Service a partir do 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.
Azure Functions extensão Visual Studio Code

Azure CLI

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

containerapp 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: Desenvolver uma aplicação de serviço de back-end
Azure Cosmos DB Extensão do Visual Studio Code

Azure CLI
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 de código do Visual Studio

da CLI do Azure

Storage Emulator - Azurite
Armazenamento do Azure, incluindo contêineres de Blob, compartilhamentos de arquivos, tabelas e filas

Início rápido: Conectar as Funções do Azure 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 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 é 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.

Use Awesome AZD para encontrar exemplos implantáveis para entender as soluções de ponta a ponta para o 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 estiver à procura de 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

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 Azure Samples para encontrar um exemplo que atenda às suas necessidades.

Outras amostras incluem:

  • Exemplos do SDK do Azure para JS
  • Biblioteca de Autenticação da Microsoft para JS (MSAL.js) exemplos
  • Exemplos de JavaScript de ponta a ponta

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.

Pressa

Rush é um gerenciador de monorepo escalável para a web.

Windows Terminal

O Terminal do Windows permite aceder a vários tipos de terminais a partir da mesma aplicação do Windows, incluindo o Azure CLI 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.

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 de esquema de nomenclatura para seus recursos do Azure.
  • Agrupe os recursos do Azure em grupos de recursos, que também usam um esquema de nomenclatura.
  • Para cada recurso do Azure, adicione tags que comunicam 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 seus locais e autenticação remota para a 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.

Próximos passos