Tutorial 2: Mostrar páginas web y URL externas en su aplicación de agente

Este tutorial demuestra cómo mostrar una página web o una dirección URL externa en la aplicación del agente. En este tutorial aprenderá a mostrar el Manual de Unified Service Desk, que está disponible en línea en https://go.microsoft.com/fwlink/?LinkID=856273, en la aplicación de cliente.

Requisitos previos

• Debe haber completado Tutorial: 1: Cree una aplicación simple del agente. Las configuraciones que completó en el primer tutorial son necesarias en este tutorial.

• En este tutorial se da por sentado que usará las mismas credenciales de usuario que al final del tutorial 1 para iniciar sesión en la aplicación del agente. Si otro usuario comprobará la aplicación, debe asignar el usuario a Configuración de Contoso. Más información: Tutorial 1: Crear una aplicación sencilla de agentes

• Debe saber estar familiarizado con los siguientes conceptos en Unified Service Desk:

  • Estos dos tipos de controles hospedadas: Aplicación web estándar y Contenedor de barra de herramientas. Más información: Referencia de tipos de control hospedado y acciones/eventos

  • Cómo configurar Llamadas a la acción

  • Filtre el acceso utilizando la configuración de Unified Service Desk. Más información: Administrar el acceso utilizando la configuración de Unified Service Desk

En este tutorial

Paso 1: Cree un control hospedado para mostrar la página web

Paso 2: Cree un tipo de control hospedado Contenedor de barra de herramienta

Paso 3: Agregue una barra de herramientas y adjúntela al contenedor de barra de herramientas

Paso 4: Agregue un botón de la barra de herramientas y llamadas a la acción para mostrar la página web

Paso 5: Agregue los controles a la configuración

Paso 6: Pruebe la aplicación

Conclusión

Paso 1: Cree un control hospedado para mostrar la página web

En este paso, creará un control hospedado del tipo Aplicación web estándar para mostrar la página web.

1. Inicie sesión en la instancia de Dynamics 365.

2. Vaya a Configuración>Unified Service Desk.

3. Haga clic en Controles hospedados.

4. Haga clic en Nueva.

5. En la página Nuevo control hospedado, especifique los siguientes valores:

   Campo	Valor
   Nombre	Ayuda de Contoso
   Nombre para mostrar	Ayuda de Contoso
   Tipo de componente de USD	Aplicación web estándar
   Permitir varias páginas	No
   Tipo de hospedaje	WPF interno
   La aplicación es global	Activado
   Grupo de presentación	MainPanel

   

6. Haga clic en Guardar.

Paso 2: Cree un tipo de control hospedado Contenedor de barra de herramienta

Los controles hospedados Contenedor de barra de herramientas se usan para contener y mostrar las barras de herramientas en Unified Service Desk. En esta sección, creará un tipo de control hospedado Contenedor de barra de herramientas que aparece en la región de la barra de herramientas de la aplicación cliente.

1. Inicie sesión en la instancia de Dynamics 365.

2. Vaya a Configuración>Unified Service Desk.

3. Haga clic en Controles hospedados.

4. Haga clic en Nueva.

5. En la página Nuevo control hospedado, especifique los siguientes valores:

   Campo	Valor
   Nombre	Acerca del Contenedor de barra de herramientas de Contoso
   Tipo de componente de USD	Contenedor de barra de herramientas
   Grupo de presentación	AboutPanel

   

6. Haga clic en Guardar.

Paso 3: Agregue una barra de herramientas y adjúntela al contenedor de barra de herramientas

En este paso, creará una barra de herramientas y adjuntará barra de herramientas al control hospedado contenedor de barra de herramientas creado en el paso 2. Esto se realiza para mostrar la barra de herramientas en la aplicación del agente.

1. Inicie sesión en la instancia de Dynamics 365.

2. Vaya a Configuración>Unified Service Desk.

3. Haga clic en Barras de herramientas.

4. Haga clic en Nueva.

5. En la página Nueva barra de herramientas, escriba Acerca de la Barra de herramientas de Contoso en el cuadro Nombre y haga clic en Guardar.

6. Adjunte la barra de herramientas al control hospedado contenedor de barra de herramientas creado en el paso 2. En la barra de navegación, haga clic en la flecha abajo junto a Acerca de la Barra de herramientas de Contoso y haga clic en Controles hospedados.

7. En la página siguiente, haga clic en Agregar control hospedado existente, escriba Contoso About Toolbar Container en la barra de búsqueda y, a continuación, presione ENTRAR o haga clic en el icono de búsqueda.

8. En los resultados de la búsqueda, seleccione Acerca del Contenedor de barra de herramientas de Contoso.

9. Haga clic en Guardar.

Paso 4: Agregue un botón de la barra de herramientas y llamadas a la acción para mostrar la página web

En este paso, agregue un botón en la barra de herramientas y adjunte una llamada a la acción al botón para que al hacer clic en el botón, se muestre la página web especificada en el control hospedado que creó en el paso 1.

1. Después de guardar la barra de herramientas en el paso 3, el área Botones pasará a estar disponible. En el área Botones, haga clic en + en la esquina derecha para agregar un botón.

2. En la página Nuevo botón de la barra de botones, especifique los siguientes valores.

   Campo	Valor
   Nombre	Mostrar Ayuda de Contoso
   Texto de botón	Mostrar Ayuda

   

3. Haga clic en Guardar para guardar el registro y habilite el área Acciones.

4. Agregue dos llamadas a la acción para especificar la dirección URL de página web a la que navegar para el control hospedado que creó en el paso 1. Además, cree otra llamada a la acción para llamar en el control hospedado Administrador global de Contoso para mostrar el control hospedado creado en el paso 1 en la aplicación del agente.

   En el área Acciones, haga clic en + en la esquina derecha para agregar una llamada a la acción.

5. En el cuadro de búsqueda en el área Acciones, presione ENTRAR o haga clic en el icono de búsqueda.

6. En el cuadro de resultados de búsqueda, haga clic en Nueva en la esquina inferior derecha para crear una llamada a la acción para este botón de la barra de herramientas.

   

7. En la página Nueva llamada a la acción, especifique los siguientes valores:

   Campo	Valor
   Nombre	Llamada a la acción de Contoso: Mostrar Ayuda
   Orden	1
   Control hospedado	Ayuda de Contoso
   Acción	Navegar
   Datos	Dirección URL=https://go.microsoft.com/fwlink/?LinkID=856273

   

8. Haga clic en Guardar. La nueva llamada a la acción se agrega al botón Mostrar Ayuda de Contoso.

9. Agregue otra llamada a la acción al botón para establecer el enfoque en el control hospedado que muestra la página web en la aplicación cliente. En el área Acciones, haga clic en + en la esquina derecha para agregar una llamada a la acción.

10. En el cuadro de resultados de búsqueda, haga clic en Nueva en la esquina inferior derecha para crear una llamada a la acción para este botón de la barra de herramientas.

11. En la página Nueva llamada a la acción, especifique los siguientes valores.

    Campo	Valor
    Nombre	Llamada a la acción de Contoso: Control hospedado Mostrar Ayuda
    Pedido	2
    Control hospedado	Administrador global de Contoso
    Acción	ShowTab
    Datos	Ayuda de Contoso

    

12. Haga clic en Guardar. La nueva llamada a la acción se agrega al botón Mostrar Ayuda de Contoso. Puede ver las llamadas a la acción agregadas al botón de la barra de herramientas.

    

Paso 5: Agregue los controles a la configuración

En este paso, agregue las llamadas a la acción, controles hospedados y la barra de herramientas que creó en este tutorial a Configuración de Contoso para mostrar estos controles al usuario que está asignado a la configuración. Se creó una Configuración de Contoso en Tutorial 1: Cree una aplicación simple del agente.

Agregue lo siguiente a Configuración de Contoso.

Nombre del control	Tipo de control
Llamada a la acción de Contoso: Mostrar Ayuda	Llamada a la acción
Llamada a la acción de Contoso: Control hospedado Mostrar Ayuda	Llamada a la acción
Ayuda de Contoso	Control hospedado
Acerca del Contenedor de barra de herramientas de Contoso	Control hospedado
Acerca de la Barra de herramientas de Contoso	Barra de herramientas

Para agregar un control a la configuración:

1. Inicie sesión en la instancia de Dynamics 365.

2. En la barra de navegación, haga clic en Dynamics 365 y luego seleccione Configuración.

3. Vaya a Configuración>Unified Service Desk.

4. Haga clic en Configuración.

5. Haga clic en Configuración de Contoso para abrir la definición.

6. En la barra de navegación, haga clic en la flecha abajo junto a Configuración de Contoso y seleccione Llamadas a la acción.

7. En la página siguiente, haga clic en Agregar llamada a la acción existente, escriba "Contoso Action Call" en la barra de búsqueda y, a continuación, presione ENTRAR o haga clic en el icono de búsqueda.

8. Ambas llamadas a la acción se muestran en los resultados de la búsqueda. Agregue ambas.

9. De forma similar, agregue los controles hospedados y la barra de herramientas haciendo clic en la flecha abajo junto a Configuración de Contoso y haciendo clic en Eventos Barras de herramientas respectivamente.

10. Haga clic en Guardar.

Paso 6: Pruebe la aplicación

Inicie la aplicación cliente de Unified Service Desk e inicie sesión en la instancia de Dynamics 365 donde configuró Unified Service Desk mediante las mismas credenciales de usuario que asignó a la Configuración de Contoso en Tutorial 1: crear una aplicación simple de agente para aplicaciones de Interfaz unificada. Para obtener información sobre la conexión con una instancia de Dataverse utilizando la aplicación cliente de Unified Service Desk, vea Conectarse a una instancia de aplicación basada en modelo con el cliente de Unified Service Desk

La aplicación del agente ahora tendrá un botón Mostrar Ayuda en la esquina superior derecha:

Al hacer clic en Mostrar Ayuda se muestra la dirección URL especificada web en la aplicación de Unified Service Desk.

Conclusión

En este recorrido, aprendió a mostrar una página web en la aplicación cliente de Unified Service Desk. También aprendió a filtrar acceso a los controles de Unified Service Desk con la configuración.

Consulte también

Tutorial 1: Cree una aplicación simple del agente
Tutorial 3: Mostrar registros en la aplicación del agente
Tutorial 4: Mostrar un registro de Microsoft en una sesión en la aplicación del agente
Tutorial 5: Mostrar información de sesión mejorada mostrando nombre de sesión y datos de información general
Tutorial 6: Configurar el control hospedado Depurador en la aplicación del agente
Tutorial 7: configuración de scripts de agente en la aplicación del agente
Tutorial 8: Uso del conocimiento de Parature dentro de la aplicación del agente
Tutoriales de configuración de Unified Service Desk