Cómo personalizar páginas del portal para desarrolladores mediante plantillas de Azure API Management

Publicado el 20 abril, 2016

Senior Content Developer, Azure.com

Azure API Management proporciona varias características de personalización que puede usar para personalizar la apariencia de su portal para desarrolladores y ahora proporciona una forma de personalizar el contenido de las propias páginas del portal para desarrolladores. Al usar un conjunto proporcionado de plantillas, recursos de cadena localizada, iconoscontroles de página y la sintaxis DotLiquid, dispone de una gran flexibilidad para configurar el contenido de las páginas según le convenga.

API Management proporciona un conjunto completo de plantillas que abarcan las diversas páginas del portal para desarrolladores.

Plantillas del portal para desarrolladores de API Management

Cuando hace clic en una plantilla, se abre la página del portal para desarrolladores que se puede personalizar con esa plantilla. En este ejemplo, se muestra la plantilla Lista de productos. La plantilla Lista de productos controla el área de la pantalla que se indica con un rectángulo rojo.

Plantillas del portal para desarrolladores de API Management

El editor de cada plantilla del portal para desarrolladores tiene dos secciones que se muestran en la parte inferior de la página. El lado izquierdo muestra el panel de edición de la plantilla y el lado derecho muestra el modelo de datos de la plantilla. El panel de edición de plantillas contiene el marcado que controla la apariencia y el comportamiento de la página correspondiente en el portal para desarrolladores. Al editar este marcado, puede realizar cualquier cambio deseado en el contenido de la página.

Plantilla de lista de productos de API Management

El panel Template data (Datos de plantilla) proporciona indicaciones sobre el modelo de datos de las entidades que están disponibles para su uso en una plantilla determinada. Dichas indicaciones consisten en los datos actuales que se muestran actualmente en el portal para desarrolladores. Para expandir los paneles de plantilla, haga clic en el rectángulo de la esquina superior derecha del panel Template data (Datos de plantilla).

Plantilla de datos de API Management

Se obtendrá una vista previa de todos los cambios que realice inmediatamente en el explorador para que pueda revisarlos, pero sus desarrolladores no podrán verlos hasta que guarde y publique la plantilla.

Introducción

Para comenzar a trabajar con las plantillas del portal para desarrolladores, consulte Cómo personalizar el portal para desarrolladores de API Management mediante plantillas.

Para ver un vídeo de la incorporación de un panel de discusión y clasificaciones a las páginas de API y operación del portal para desarrolladores, consulte Adding developer portal functionality using templates (Incorporación de la funcionalidad del portal para desarrolladores mediante plantillas).