Comparteix via


Enfoques alternativos al autohospedaje del portal para desarrolladores

APLICABLE A: Desarrollador | Básico | Básico v2 | Estándar | Estándar v2 | Premium | Premium v2

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

  • Usar compilaciones de producción del diseñador y del publicador.
  • Use una aplicación de funciones de Azure para publicar el portal para desarrolladores.
  • Coloca delante de los archivos de tu portal de desarrolladores una red de entrega de contenido para reducir los tiempos de carga de las 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 desea hospedar el entorno de desarrollo del portal para desarrolladores en línea con fines de colaboración, use compilaciones de producción del diseñador y el publicador. Las compilaciones de producción agrupan los archivos y excluyen los mapas de origen.

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 Function App para publicar el portal para desarrolladores

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:

  • Creación de una Función de Azure. 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

Cargar el contenido directamente en el sitio web de hospedaje en lugar de en una carpeta local. Esta ubicación es el $web contenedor de almacenamiento de salida. 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 desencadenador HTTP de ejemplo en la ./examples carpeta . 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>

Después de implementarlo, puede invocarlo con una llamada HTTP:

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

Red de hospedaje y entrega de contenido

En autohospedar un portal de 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 para reducir los tiempos de carga de páginas. Se recomienda usar Azure Content Delivery Network.

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