Enfoques alternativos al autohospedaje del portal para desarrolladores

Artículo
04/08/2024

Hay varios enfoques alternativos que puede explorar al autohospedar un portal para desarrolladores:

Usar compilaciones de producción del diseñador y del publicador.
Usar una aplicación de Azure Functions para publicar el portal.
Presentar los archivos del portal con una instancia de Content Delivery Network (CDN) para reducir los tiempos de carga de páginas.

En este artículo se proporciona información sobre cada uno de estos enfoques.

Si aún no lo ha hecho, configure un entorno local para la versión más reciente del portal para desarrolladores.

Compilación para producción

Si quiere hospedar el entorno de desarrollo del portal en línea con fines de colaboración, use compilaciones de producción del diseñador y del publicador. Las compilaciones de producción agrupan los archivos, excluyen los mapas de origen, etc.

Para crear una agrupación en el directorio ./dist/designer, ejecute el comando:

npm run build-designer

El resultado es una aplicación de página única, por lo que todavía puede implementarla en un host web estático, como el sitio web estático de Azure Blob Storage.

De manera similar, coloque un publicador compilado y optimizado en la carpeta ./dist/publisher:

npm run build-publisher

Uso de una aplicación de funciones para publicar el portal

Ejecute el paso de publicación en la nube como alternativa a ejecutarlo localmente.

Para implementar la publicación con una aplicación de Azure Functions, necesita los siguientes requisitos previos:

Cree una instancia de Azure Functions. La función tiene que ser una función en lenguaje JavaScript.

Instale Azure Functions Core Tools:

npm install –g azure-function-core-tools

Paso 1: Configuración del almacenamiento de salida

Cargue el contenido directamente en el sitio web de hospedaje (contenedor "$web" del almacenamiento de salida), en lugar de una carpeta local. Configure este cambio en el archivo ./src/config.publish.json:

{
   ...
   "outputBlobStorageContainer": "$web",
   "outputBlobStorageConnectionString": "DefaultEndpointsProtocol=...",
   ...
}

Paso 2: Compilación e implementación de la aplicación de funciones

Hay una función de desencadenador HTTP de ejemplo en la carpeta ./examples. Para compilarla y colocarla en ./dist/function, ejecute el siguiente comando:

npm run build-function

A continuación, inicie sesión en la CLI de Azure e impleméntela:

az login
cd ./dist/function
func azure functionapp publish <function app name>

Una vez que se haya implementado, puede invocarla con una llamada HTTP:

curl -X POST https://<function app name>.azurewebsites.net/api/publish

Hospedaje y CDN

En Autohospedaje de un portal para desarrolladores, se recomienda usar una cuenta de almacenamiento de Azure para hospedar el sitio web. Sin embargo, puede publicar los archivos a través de cualquier solución, incluidos los servicios de proveedores de hospedaje.

También puede presentar los archivos con una instancia de Content Delivery Network (CDN) para reducir los tiempos de carga de páginas. Se recomienda usar Azure CDN.

Pasos siguientes

Obtenga más información sobre el portal para desarrolladores:

Introducción al portal para desarrolladores de Azure API Management

Compartir vía