Compartir a través de

Información general sobre las herramientas de desarrollo de JavaScript para 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.

Portal de Azure

Azure Portal proporciona acceso a todas las suscripciones y recursos de la cuenta. Las nuevas mejoras de Azure Portal proporcionan opciones mejoradas de navegación y personalización.

Código de Visual Studio

Visual Studio Code es el IDE preferido para el desarrollo de 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 finalización de instrucciones con desarrollo asistido por IA a través de GitHub Copilot
  • Pocos tipos u objetos ambiguos.
  • Terminal integrado y soporte de depuración

Visual Studio Code proporciona una gran cantidad de documentación para 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.

Servicio 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

Azure CLI		 Visualice y administre recursos de Azure.

Tutorial: Implementación de la aplicación Express.js/MongoDB en App Service desde Visual Studio Code

Tutorial: Adición de Cognitive Search a un sitio web
Azure Static Web Apps Extensión de Visual Studio Code

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

Azure CLI

Paquete de 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 (Aplicaciones de Contenedores de Azure) Extensión de Visual Studio Code

Aplicación contenedora 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

Ahora es compatible con las cargas de trabajo de trabajos para escenarios de procesamiento por lotes.
Azure Cosmos DB (la base de datos de Azure Cosmos) Extensión de Visual Studio Code

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

Ahora incluye capacidades integradas de búsqueda vectorial para aplicaciones de IA.
Almacenamiento Extensión de Visual Studio Code

Azure CLI

Emulador de almacenamiento: 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

Ahora incluye funciones mejoradas de rendimiento y protección de datos.
Servicios de Azure AI Estudio de IA

SDK de Azure OpenAI		 Cree aplicaciones inteligentes utilizando las capacidades de IA.

Inicio rápido: Creación de una aplicación RAG con JavaScript y Azure AI

Admite la recuperación, la generación aumentada (RAG) y la búsqueda vectorial.

Explore todas las extensiones de Azure para VS Code

Mecanografiado

TypeScript ofrece todas las características de JavaScript y proporciona un sistema de tipos seguro pero flexible. TypeScript 5.0+ incluye importantes mejoras de rendimiento y nuevas características como la declaración para la gestión de using recursos.

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.

Obtenga más información sobre las directrices de TypeScript para Azure SDK.

Implementación

La herramienta de implementación premier para Azure es la CLI de desarrollo de Azure. Esta herramienta le permite crear y configurar los servicios de Azure con Bicep o Terraform y, a continuación, implementar el código fuente.

Use Awesome AZD para buscar ejemplos implementables para comprender las soluciones de un extremo a otro para 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 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 desde 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 en los productos y servicios ofrecidos por Azure. Use el explorador Ejemplos de Azure para buscar un ejemplo para satisfacer 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
  • Ejemplos de IA para aplicaciones RAG

Dramaturgo

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. Ahora es compatible con las pruebas de componentes y el modo de interfaz de usuario para mejorar la depuración.

Apuro

Rush es un gestor de monorepositorio escalable para la web. Las actualizaciones recientes han mejorado el rendimiento y han agregado compatibilidad con Node.js 20.

Terminal Windows

Terminal Windows permite acceder a varios tipos de terminal diferentes desde la misma aplicación de Windows, incluida la 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 GNU/Linux, incluidas la mayoría de las herramientas de línea de comandos, las utilidades y las aplicaciones, directamente en Windows, sin modificar, sin la sobrecarga de una máquina virtual tradicional o una configuración de arranque dual. WSL 2 proporciona mejoras significativas en el rendimiento y compatibilidad total con las llamadas al sistema.

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 usan un esquema de nomenclatura.
  • Para cada recurso de Azure, agregue etiquetas que comuniquen el propósito, el proyecto y otra información vital del recurso. 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 "seguras de forma predeterminada", aprenda a 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 es complicada, la ventaja de ya no tener que administrar la autenticación local y remota en la plataforma Azure es excelente para ahorrar tiempo y seguridad.
  • 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.

Contenido relacionado