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 mucho mejor, tanto en la funcionalidad como en 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 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.
| Service | Herramientas | Descripción |
|---|---|---|
| Principales servicios | Extensión de Visual Studio Code | Una colección de extensiones. Esta extensión de Microsoft le permite obtener hospedaje de sitios web, datos de SQL y MongoDB, contenedores de Docker, funciones sin servidor y mucho más, todo ello en Azure y todo ello desde VS Code. |
| 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 |
| 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 App Service | Extensión de Visual Studio Code App Service de la CLI de Azure Aplicación de la CLI de Azure |
App Service le permite administrar planes de App Service. La aplicación web le permite administrar aplicaciones web que se ejecutan en el plan. Explore sitios y Azure Portal, cree sitios nuevos e impleméntelos en ranuras. Inicio rápido: Creación de una aplicación web de Node.js en Azure Inicio rápido: Ejecución de un contenedor personalizado en Azure |
| 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 |
Otros recursos:
TypeScript
TypeScript ofrece todas las características de JavaScript y otra capa sobre estos: sistema de tipos de TypeScript. La principal ventaja de TypeScript es que puede resaltar un comportamiento inesperado en el código, lo que reduce la posibilidad de errores.
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.
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.
Herramientas de CICD
Las siguientes herramientas de integración para la creación e implementación aumentarán significativamente la productividad.
- Git o Git para Windows
- Acciones de GitHub
- Integración de Azure Pipelines
Contenedores de Docker
Si busca una imagen de Docker específica de Microsoft o Azure, use Microsoft Container Registry (MRC) para consultar una imagen.
Desarrollo local
Si normalmente usa contenedores de Docker de forma local en el entorno de desarrollo, considere la posibilidad de usar la extensión Remoto: contenedores. Esta extensión le permite encontrar el contenedor correspondiente para la carpeta abierta actualmente en Visual Studio Code. Hay varios contenedores de Node.js entre los que seleccionar o puede traer los suyos propios. Una vez que abra el proyecto en un contenedor, puede establecer puntos de interrupción y depurar como si estuviera en el entorno local.
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.
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.
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.
- Algunos recursos proporcionan dos claves, cadenas de conexión u otros dispositivos de protección. Hay dos para que dos desarrolladores diferentes puedan trabajar en el proyecto sin compartir la clave o la cadena de conexión. Rote estas claves cuando un desarrollador abandona el proyecto.
- 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.