O que é o Azure para desenvolvedores JavaScript?

O Azure é uma plataforma de nuvem que fornece uma gama completa de opções de hospedagem e serviços baseados em nuvem. Se você for novo no desenvolvimento de nuvem, saiba mais sobre o Azure:

• Centro de Arquitetura do Azure
• Terminologia do Azure
• Dez princípios de design para aplicativos do Azure
• Padrões de design de nuvem

JavaScript, TypeScript e o ecossistema javaScript moderno

O Azure dá suporte total ao desenvolvimento moderno do JavaScript, incluindo:

• TypeScript – Suporte de primeira classe com SDKs tipados e ferramentas DevOps
• Módulos ECMAScript – todos os SDKs do Azure dão suporte a formatos CommonJS e ESM
• Estruturas modernas – React, Angular, Vue, Next.js, Nuxt, Remix e outras estruturas modernas
• Deno e Bun – Runtimes do JavaScript emergentes com suporte experimental do SDK do Azure
• SSR (renderização do lado do servidor) e SSG (Geração de Site Estático) – totalmente compatível com plataformas de hospedagem do Azure

O suporte de runtime do Azure para JavaScript também dá suporte ao TypeScript ou a qualquer outro idioma que transpile para JavaScript. O SDK do Azure para JavaScript é escrito em TypeScript e inclui definições de tipo para fornecer excelente suporte ao IDE e segurança de tipo.

Serviços do Azure para desenvolvedores JavaScript

Os serviços baseados em nuvem do Azure fornecem uma ampla variedade de recursos que você pode usar de forma independente ou como uma coleção.

As principais categorias de serviço para desenvolvedores JavaScript incluem:

• Hospedagem e computação

  • Aplicativos Web Estáticos do Azure – Ideal para aplicativos Web modernos
  • Azure Functions – Computação sem servidor com suporte nativo do JavaScript
  • Aplicativos de Contêiner do Azure – hospedagem de contêiner sem servidor baseada em Kubernetes
  • Serviço de Aplicativo do Azure – Hospedagem gerenciada para aplicativos Web

• Dados e armazenamento

  • Azure Cosmos DB – Banco de dados NoSQL com APIs JavaScript nativas
  • Banco de Dados do Azure para PostgreSQL – Serviço PostgreSQL Gerenciado
  • Armazenamento do Azure – Armazenamento em nuvem escalonável
  • Cache do Azure para Redis – Armazenamento de dados na memória

• IA e Serviços Cognitivos

  • Serviço OpenAI do Azure – Modelos avançados de IA para aplicativos
  • Serviços de IA do Azure – funcionalidades de IA pré-criadas

• Ferramentas para Desenvolvedores

  • GitHub Actions com Azure - integração CI/CD
  • CLI do Desenvolvedor do Azure – Experiência simplificada do desenvolvedor

Crie serviços do Azure no Centro de Início Rápido

Ao começar a aprender a nuvem do Azure, crie uma conta gratuitamente e vá para o Centro de Início Rápido no portal do Azure.

A página de cada serviço no portal do Azure inclui informações de conexão necessárias para acessar seu recurso fora do portal.

Tipos de preço

Os tipos de preço determinam como você paga pelo recurso. Use a calculadora de preços do Azure para entender a cobrança do recurso.

Recursos da camada gratuita

Ao selecionar o tipo de preço gratuito (F0), entenda as limitações que vêm com esse plano. Quando uma camada gratuita é oferecida:

• Uma assinatura pode ser limitada a um recurso gratuito desse serviço. Se você não conseguir criar um recurso gratuito, o recurso gratuito poderá já existir em sua assinatura.
• Um tipo de preço determina as transações por segundo (TPS) ou as transações por mês (TPM). Quando você excede a cota do tipo de preço, seu aplicativo recebe um erro HTTP com uma mensagem indicando que a cota está esgotada. Se você antecipar esse problema para seu aplicativo e serviços do Azure, crie vários recursos e hospede-os em um único endpoint.

Preparar seu ambiente de desenvolvimento

Para obter a melhor experiência de desenvolvimento, configure seu ambiente de desenvolvimento com as seguintes ferramentas:

• Visual Studio Code e a extensão das Ferramentas do Azure
• Git
• Node.js - sempre use a versão de Suporte de Longo Prazo (LTS), se possível.
• Se você precisar sincronizar o runtime de desenvolvimento local com o runtime hospedado do Azure (como Serviço de Aplicativo do Azure, Azure Functions ou Aplicativos Web Estáticos do Azure), use uma solução de gerenciamento de versão de runtime, como:
• Contêineres de Desenvolvimento: use um contêiner com uma versão específica do Node.js. É possível gerenciar a versão do Node.js em vários ambientes usando contêineres. A extensão Remoto - Contêineres do Visual Studio Code simplifica esse processo.
• CLI do Azure para fornecer criação e gerenciamento de recursos do Azure.
• CLIs de hospedagem de desenvolvimento local, como:
  • CLI de Aplicativos Web Estáticos
  • Azure Functions Core Tools.

Use as bibliotecas de cliente do Azure com JavaScript

Para usar os serviços do Azure programaticamente com JavaScript, localize o pacote npm específico para o serviço que você deseja usar. Cada pacote NPM tem informações de conexão específicas do serviço.

Todas as bibliotecas de clientes do Azure são executadas com JavaScript sem nenhuma outra ferramenta. Embora os SDKs mais modernos sejam escritos em TypeScript e forneçam o arquivo *.d.ts para verificação de tipo, o TypeScript não é um requisito para usar as bibliotecas de clientes do Azure ou os serviços de nuvem do Azure.

O código JavaScript pode usar os serviços do Azure, independentemente de onde o seu código esteja hospedado (ambiente local, híbrido ou na nuvem). A maneira recomendada de usar os serviços do Azure programaticamente com o JavaScript são as bibliotecas de clientes do Azure. Essas bibliotecas esperam um Node.js mínimo com LTS (suporte em longo prazo).

SDK do Azure para JavaScript

O SDK do Azure para JavaScript fornece bibliotecas que facilitam o consumo e o gerenciamento de serviços do Azure. Navegue pelo índice completo do pacote de biblioteca do SDK do Azure para localizar os pacotes necessários.

Os principais recursos incluem:

• Pacotes modulares npm para cada serviço do Azure
• Suporte a TypeScript de primeira classe com definições de tipo abrangentes
• Padrões assíncronos modernos com APIs baseadas em Promises
• Compatibilidade de navegador e Node.js para muitos serviços

Node.js suporte no Azure

Os serviços do Azure atualizam regularmente, seu suporte de tempo de execução Node.js. Sempre use versões de LTS (suporte Long-Term) de Node.js para aplicativos de produção.

Para obter suporte de versão Node.js atual em serviços do Azure e práticas recomendadas para implantação de Node.js, consulte:

• Política de suporte a bibliotecas de clientes do SDK do Azure
• Node.js versões em Serviço de Aplicativos do Azure
• Exemplos de Node.js no Azure Functions
• Implantações baseadas em contêiner para versões personalizadas de Node.js

As práticas recomendadas incluem: fixar sua versão Node.js, usar versões LTS e monitorar vulnerabilidades de segurança.

Ao usar os serviços de hospedagem do Azure, você pode selecionar implantar um contêiner no host ou selecionar uma versão Node.js como o runtime do host. Em ambos os casos, você precisa alinhar a versão do runtime, o código do aplicativo e as dependências, como os SDKs do Azure.

Para localizar informações de runtime, use a seguinte tabela:

Serviço

Informações da versão

Serviço de Aplicativo do Azure

Para runtimes do Linux. Você também pode executar o seguinte comando da CLI do Azure para ver todas as versões com suporte.

az webapp list-runtimes | grep node

Azure Functions

Novos projetos devem usar o modelo de programação mais recente.

Aplicativos Web Estáticos do Azure (SWA)

Há dois runtimes diferentes a serem considerados: o front-end e a API se você estiver hospedando sua API em Aplicativos Web Estáticos.

CLI do SWA

A CLI da SWA fornece funcionalidade de ambiente de desenvolvimento, incluindo proxy, autenticação e outras configurações.

Experimente um guia de início rápido do JavaScript para seu cenário de hospedagem

As opções de hospedagem permitem que você use rapidamente o Azure no aplicativo. Os seguintes inícios rápidos e tutoriais de hospedagem orientam você para a experiência mais comum do Azure no primeiro dia:

• Cliente front-end com APIs usando os Aplicativos Web Estáticos do Azure
  • Vanilla JS
  • Reagir
  • Angular
  • Vue
• APIs sem servidor usando Azure Functions
• Aplicativo de servidor usando o Azure App Service
  • Implantar aplicativo Express.js MongoDB no App Service a partir do Visual Studio Code
• Aplicativo de Contêiner usando o Azure Container Apps

Próximas etapas

• Conheça as ferramentas recomendadas para desenvolvedores JavaScript do Azure

• Saiba mais sobre o JavaScript na Microsoft