Compartir a través de


Exportación de aplicaciones lógicas estándar desde Azure Portal a Visual Studio Code

Se aplica a: Azure Logic Apps (estándar)

Si trabaja en flujos de trabajo de aplicaciones lógicas estándar mediante Azure Portal, es posible que quiera usar Visual Studio Code en algún momento. Al cambiar a Visual Studio Code e instalar la extensión Azure Logic Apps (Estándar), obtendrá las ventajas expandidas disponibles solo con la extensión, por ejemplo:

  • Mejor control sobre el entorno de desarrollo.
  • Experiencia de desarrollo más rápida con la depuración y las pruebas locales.
  • Integración con repositorios de control de código fuente.
  • Parametrización automatizada para conexiones nuevas y existentes, lo que simplifica la implementación entre entornos.
  • Generación automatizada para scripts de implementación, plantillas para conectores de Azure e implementación con canalizaciones de CI/CD.

En esta guía se muestra cómo descargar la aplicación lógica estándar como un paquete de archivos ZIP desde el portal. Este paquete contiene los flujos de trabajo de la aplicación lógica, las conexiones, la configuración del host y la configuración de la aplicación. En Visual Studio Code, puede usar este paquete para crear un área de trabajo que contenga los archivos de proyecto de la aplicación lógica.

Requisitos previos

Descarga de la aplicación lógica desde el portal

  1. En el portal de Azure, abra su recurso Aplicación lógica estándar.

  2. En el menú de la aplicación lógica, seleccione Información general. En la barra de herramientas de la página de Información general, seleccione Descargar el contenido de la aplicación.

    Captura de pantalla que muestra Azure Portal, aplicación lógica estándar, barra de herramientas de la página de Información general y opción seleccionada para Descargar contenido de la aplicación.

  3. Cuando aparezca el mensaje de confirmación, seleccione Descargar.

    El portal crea un paquete de archivos ZIP denominado <logic-app-name>.zip.

  4. En el cuadro de mensaje Descargas, seleccione Guardar como, vaya a la carpeta local que desee y seleccione Guardar.

    Nota:

    Mantén el paquete comprimido ya que no tienes que extraer el archivo ZIP para la creación del espacio de trabajo.

Creación del área de trabajo en Visual Studio Code

  1. En Visual Studio Code, siga estos pasos si aún no está configurado:

    1. Configurar Visual Studio Code.

    2. Conexión a la cuenta de Azure.

  2. En la ventana de Azure, en la barra de herramientas de Área de trabajo, abra el menú de Azure Logic Apps y seleccione Crear área de trabajo de aplicación lógica desde el paquete....

    Captura de pantalla que muestra Visual Studio Code, ventana de Azure, barra de herramientas del área de trabajo con el botón seleccionado para Azure Logic Apps y la opción seleccionada para Crear un área de trabajo de aplicaciones lógicas desde el paquete.

    Se abre la ventana de símbolo del sistema Crear nueva aplicación lógica desde paquete para que pueda seleccionar el paquete de archivos ZIP que desea importar.

    Captura de pantalla que muestra Visual Studio Code con una solicitud para seleccionar el paquete de archivos ZIP previamente descargado.

  3. En la lista de comandos, seleccione Examinar. Busque y seleccione el paquete de archivos ZIP. Cuando haya terminado, elija Seleccionar archivo de paquete.

    Ahora se le pedirá que seleccione la carpeta en la que desea crear el área de trabajo.

  4. En la lista de opciones, seleccione Examinar. Busque y seleccione la carpeta del repositorio local donde desea crear el área de trabajo. Cuando haya terminado, elija Seleccionar.

  5. Siga las indicaciones posteriores para continuar creando el área de trabajo.

  6. Escriba un nombre que se usará para el área de trabajo.

  7. Escriba un nombre que se usará para el proyecto de aplicación lógica.

    Ahora se le pedirá que abra el proyecto en la ventana actual de Visual Studio Code o en una nueva ventana.

  8. Seleccione Abrir en la ventana actual o Abrir nueva ventana para elegir la ventana donde abrir el proyecto.

    Si los flujos de trabajo de la aplicación lógica no usan ningún conector administrado, hospedados en Azure, se le solicitará que incluya estos conectores en la galería de conectores, donde puede encontrar operaciones de conectores para su inclusión.

  9. Para incluir los conectores administrados hospedados en Azure en la galería de conectores, seleccione Usar conectores de Azure.

  10. Seleccione la suscripción de Azure que se usará para el desarrollo y la implementación de proyectos de aplicación lógica.

  11. Seleccione el grupo de recursos en el que desea crear las conexiones hospedadas en Azure creadas durante el desarrollo local.

  12. Cuando se le pida que permita que la extensión de Azure Logic Apps inicie sesión con Microsoft Entra ID, seleccione Permitir.

  13. Seleccione la identidad de Microsoft Entra ID.

    Cuando termine, la ventana Explorador se abre en Visual Studio Code. Esta ventana contiene el área de trabajo nueva con el proyecto de aplicación lógica, que incluye todos los flujos de trabajo, las referencias de conexión y la configuración de la aplicación local pertinente.

    El archivo README.md del proyecto se abre automáticamente después de la creación del área de trabajo, por ejemplo:

    Captura de pantalla que muestra Visual Studio Code, la ventana del Explorador, el área de trabajo y el proyecto de aplicación lógica.

    El archivo README.md contiene pasos importantes después de la implementación que describen cómo actualizar las conexiones que usan una identidad administrada para la autenticación.

Después de crear el espacio de trabajo

Si tiene conexiones que usan una identidad administrada, asegúrese de actualizar estas conexiones para el desarrollo local y la depuración mediante los pasos descritos en el archivo README.md del proyecto.

Para obtener más información sobre cómo administrar el proyecto de aplicación lógica estándar en Visual Studio Code, consulte: