Herramientas para desarrolladores de JavaScript en Azure

JavaScript es un ecosistema de muchas herramientas. Este artículo es una selección de herramientas creadas y mantenidas por Microsoft para desarrolladores de JavaScript. No es necesario usar estas herramientas para usar Azure, solo hacen que la experiencia sea mejor, tanto en sus funcionalidades como en el soporte técnico.

Azure portal

Azure Portal le proporciona acceso a todas las suscripciones y recursos de su cuenta.

Visual Studio Code

Visual Studio Code es el IDE preferido para el desarrollo con JavaScript para Azure. La interfaz, las características y las extensiones funcionan conjuntamente para acortar el tiempo de desarrollo y reducir la frustración del desarrollo.

Cree un área de trabajo del proyecto en la raíz del proyecto de desarrollo local y, a continuación, agregue todas las configuraciones, opciones y extensiones correspondientes. Registre el archivo del área de trabajo con el proyecto para que todos los miembros del equipo tengan acceso a la configuración y las herramientas que necesitan para el proyecto.

Se obtienen varias ventajas con el uso de Visual Studio Code:

  • Visual Studio Code muestra la documentación de referencia de Azure en línea.
  • Visual Studio Code proporciona la finalización de instrucciones.
  • Pocos tipos u objetos ambiguos.

Visual Studio Code ofrece gran cantidad de documentación sobre el uso de proyectos de JavaScript.

Herramientas para los servicios de Azure

Utilice las siguientes extensiones gratuitas para usar los servicios de Azure directamente en Visual Studio Code.

Service Herramientas Descripción
Principales servicios Extensión de Visual Studio Code Una colección de extensiones. Tenga acceso a todos los principales servicios de Azure en esta extensión de Microsoft.
Grupo de recursos de Azure Extensión de Visual Studio Code

CLI de Azure
Visualice y administre recursos de Azure.

Tutorial: Implementación de la aplicación Express.js/MongoDB en App Service desde Visual Studio Code
Tutorial: Incorporación de Cognitive Search a un sitio web
Azure Static Web Apps Extensión de Visual Studio Code

CLI de SWA
Cree y administre Azure Static Web Apps mediante la extensión de VS Code o la CLI de Static Web Apps (CLI de SWA). La extensión de VS Code viene integrada en el editor, mientras que la CLI de SWA simula los servicios de Azure de forma local.
Funciones de Azure Extensión de Visual Studio Code

CLI de Azure

Paquete npm
Crear, administrar, ver, depurar e implementar funciones

Inicio rápido: Creación de una función de JavaScript en Azure mediante Visual Studio Code
Azure Container Apps Extensión de Visual Studio Code

containerapp de la CLI de Azure
Azure Container Apps le permite ejecutar microservicios y aplicaciones contenedorizadas en una plataforma sin servidor. Administre las aplicaciones de contenedor, implemente nuevas versiones y controle el rendimiento.

Tutorial: Implementación de una aplicación de microservicio de front-end

Tutorial: Implementación de una aplicación de microservicio de back-end
Azure Cosmos DB Extensión de Visual Studio Code

CLI de Azure
Creación, examen y actualización de bases de datos multimodelo distribuidas globalmente en Azure.

Inicio rápido: Conexión de Azure Functions a Azure Cosmos DB mediante Visual Studio Code
Storage Extensión de Visual Studio Code

CLI de Azure

Emulador de Storage: Azurite
Azure Storage, incluidos contenedores de blobs, recursos compartidos de archivos, tablas y colas

Inicio rápido: Conexión de Azure Functions a Azure Storage mediante Visual Studio Code

Para ver todas las extensiones de Azure, use este vínculo:

TypeScript

TypeScript ofrece todas las características de JavaScript y ofrece un sistema de tipado seguro pero flexible.

TypeScript y las bibliotecas cliente del SDK de Azure

La documentación de referencia de la biblioteca cliente del SDK de Azure está escrita para TypeScript, ya que las bibliotecas cliente están escritas con TypeScript. No es necesario usar TypeScript para usar las bibliotecas cliente del SDK de Azure.

Más información sobre las instrucciones de TypeScript para el SDK de Azure.

Implementación

La herramienta de implementación premier en Azure es la CLI de desarrollo de Azure. Esta herramienta le permite crear y configurar los servicios de Azure con Bicep o Terraform y después implementar el código fuente.

Use Awesome AZD para buscar ejemplos que se puedan implementar para conocer las soluciones integrales de Azure.

Herramientas de integración y pruebas continuas (CICD)

Las siguientes herramientas de integración para la creación e implementación aumentarán significativamente la productividad de las canalizaciones.

Contenedores

Si busca una imagen de Docker específica de Microsoft o de Azure, use Microsoft Container Registry (MRC) para consultar una imagen.

Herramientas para contenedores

Herramientas para contenedores de desarrollo

CLI de Azure

La CLI de Azure está optimizada para administrar recursos de Azure desde la línea de comandos.

La CLI de Azure proporciona los siguientes escenarios de uso:

Si usa Azure Portal, la CLI de Azure está disponible en el portal en la barra de navegación superior.

Si usa Azure Portal, la CLI de Azure está disponible en el portal en la barra de navegación superior.

Aplicaciones, código y fragmentos de código de ejemplo

La organización de GitHub, Azure-Samples, contiene muchos ejemplos de los productos y servicios que ofrece Azure. Use el explorador de ejemplos de Azure para buscar un ejemplo que satisfaga sus necesidades.

Entre otros ejemplos se incluyen:

  • Ejemplos de Azure SDK para JS
  • Ejemplos de la biblioteca de autenticación de Microsoft para JS (MSAL.js)
  • Ejemplos de un extremo a otro de JavaScript

Playwright

Playwright es una biblioteca de Node.js para automatizar Chromium, Firefox y WebKit con una sola API. Playwright se ha creado para habilitar una automatización web entre exploradores permanente, capaz, confiable y rápida.

Rush

Rush es un administrador de un único repositorio escalable para la web.

Terminal Windows

Terminal Windows permite acceder a varios tipos de terminal diferentes desde la misma aplicación de Windows, incluidos las CLI de Azure y Ubuntu. Use esta herramienta para desarrollar y probar scripts de BASH CICD antes de usarlos en Acciones de GitHub u otra canalización.

Subsistema de Windows para Linux

El Subsistema de Windows para Linux permite a los desarrolladores ejecutar un entorno de GNU/Linux, incluida la mayoría de herramientas de línea de comandos, utilidades y aplicaciones, directamente en Windows, sin modificar y sin la sobrecarga de una máquina virtual tradicional o una configuración de arranque dual.

Sugerencias y trucos para desarrolladores de JavaScript de Azure

En la lista siguiente se incluyen sugerencias y trucos que los desarrolladores de Azure deben conocer para ser más productivos:

  • Desarrolle un esquema de nomenclatura para los recursos de Azure.
  • Agrupe los recursos de Azure en grupos de recursos, que también usen un esquema de nomenclatura.
  • Para cada recurso de Azure, agregue etiquetas que comuniquen el propósito del recurso, el proyecto y otra información fundamental. Estas etiquetas son visibles en Azure Portal, para ese recurso, en la página de información general. Piense en las etiquetas como una manera de documentar el recurso.
  • La mayoría de los recursos tienen al menos una versión gratuita por suscripción. Use este tipo de recurso al aprender a usarlo.
  • Para soluciones que sean "seguras por defecto", descubra cómo crear recursos sin cadenas de conexión ni contraseñas. Este método de seguridad permite usar el mismo código en todos los entornos, sin tener que administrar cadenas de conexión ni rotar claves.
  • Los paquetes npm más recientes para Azure comienzan por el ámbito @azure.
  • La mayoría de los paquetes npm de Azure pueden usar DefaultAzureCredential. Aunque la configuración parece complicada, la ventaja de no tener que administrar ya la autenticación local y remota en la plataforma Azure es estupenda para la seguridad y el ahorro de tiempo.
  • Todos los SDK de JavaScript de Azure incluyen tipos de TypeScript. Esta funcionalidad le permite adoptar un tipado seguro para las soluciones de una forma sencilla y tener la seguridad de que no se desincronizarán con el SDK.

Pasos siguientes