Extensiones de IU personalizadas: índice de artículos

Fusion puede mostrar su propia interfaz de usuario web dentro de su interfaz. Cuando se crea una pequeña aplicación web, denominada extensión, se publica en Adobe y aparece como un botón en la navegación de Fusion. Cuando un usuario hace clic en él, la interfaz de usuario se carga en el área principal de Fusion y recibe automáticamente información sobre quién ha iniciado sesión, en qué organización y equipo está trabajando, etc.

Esta sección de la documentación de fusión le explica todo el proceso, sin asumir una experiencia previa con Adobe App Builder o marcos de trabajo front-end. También incluye el código necesario, junto con explicaciones de ese código.

Cuándo utilizar esta guía

Utilice esta guía si desea añadir una pantalla o herramienta personalizada a Fusion. No necesita ser un desarrollador experto. Debe sentirse cómodo copiando comandos en un terminal y editando algunos archivos de texto.

Para crear una extensión de IU personalizada, necesitará una Adobe ID y acceso a una organización de Adobe (el mismo tipo de acceso que utiliza para iniciar sesión en Fusion).

Qué va a generar

Al final de esta guía encontrará lo siguiente:

  1. Un proyecto Adobe App Builder gratuito. Aquí es donde reside su extensión.
  2. Una pequeña aplicación web que procesa la interfaz de usuario personalizada.
  3. Esa aplicación web se conectó a uno de los puntos de extensión de Fusion, por lo que aparece en la navegación de Fusion.
  4. La interfaz de usuario lee el contexto en directo desde Fusion, como el usuario, la organización y el equipo actuales, y reacciona cuando el usuario cambia de organización o equipo.
  5. La extensión publicada para que otros usuarios de su organización puedan verla.

Índice

Lea las páginas en orden la primera vez. Más tarde puede saltar directamente a la que necesita.

#
Página
Qué cubre
1
Información general y conceptos clave
El vocabulario, la arquitectura y para qué sirve cada punto de extensión de Fusion.
2
Configurar las herramientas y la cuenta de Adobe
Node.js, la CLI de Adobe I/O, el inicio de sesión y la creación del proyecto en Adobe Developer Console.
3
Cree el proyecto y configúrelo para Fusion
Genere un proyecto de App Builder genérico con la línea de comandos aio (no una plantilla específica de producto). A continuación, coloque el proyecto en un punto de extensión de Fusion y registre el widget.
5
Generar la interfaz de usuario
Procese su pantalla personalizada y complete la conexión (“protocolo de enlace”) con Fusion.
6
La referencia de contexto de Fusion
Cada campo que Fusion le envía, lo que significa y cómo reaccionar ante los cambios.
7
Publicar su extensión
Cree, implemente y haga visible su extensión en Fusion.
8
Resolución de problemas
Correcciones de los errores más comunes.
9
Recorrido de demostración
Un script lineal de copia y pegado: andamio de la plantilla genérica del shell de Experience Cloud → volver a destino para Fusion → implementarlo para ensayo → ejecutarlo en Fusion. Lo mejor para una demostración en vivo.
10
Llamando a las API de Workfront y Fusion
Llame a las API de back-end desde la extensión sin visitar el explorador CORS, mediante un proxy de tiempo de ejecución-acción. Abarca require-adobe-auth, encabezados de Fusion v3 y un ejemplo que funcionó.

Nota de disponibilidad

Fusion expone actualmente estos puntos de extensión:

  • fusion/nav-organization/1 — aparece en la sección Organización.
  • fusion/nav-team/1 — aparece en la sección Equipo.

Antes de poder publicar con uno de estos, el punto de extensión debe estar incorporado para su organización de Adobe. Si el paso de publicación falla al indicar que el punto de extensión “no existe”, consulte Solución de problemas.

Documentación oficial de Adobe

Esta guía es específica de Fusion. Para la plataforma subyacente, las referencias canónicas son:

recommendation-more-help
workfront-fusion-help-workfront-fusion