Nota
El acceso a esta página requiere autorización. Puede intentar iniciar sesión o cambiar directorios.
El acceso a esta página requiere autorización. Puede intentar cambiar los directorios.
El Generador de ejemplos de Azure Communication Services es una herramienta sin código diseñada para ayudar a los equipos a iniciar rápidamente experiencias de citas virtuales, sin necesidad de escribir código personalizado. Ya sea que esté dirigiendo una clínica de atención médica, una consulta financiera o un centro de soporte, el creador de muestras le permite crear prototipos, personalizar e implementar. Estos ejemplos se pueden integrar directamente con Microsoft Teams y Bookings.
👉 Inicie el Generador de muestras: Vaya al Generador de muestras
En este tutorial se presentan los conceptos clave para crear aplicaciones de citas virtuales. Después de completar este tutorial y utilizar el Generador de muestras, podrá:
- Comprender los casos de uso comunes de las citas virtuales
- Explore las tecnologías de Microsoft que admiten estos escenarios
- Implementación de una aplicación de ejemplo de trabajo que integre Microsoft 365 y Azure
Obtenga más información sobre los conceptos fundamentales en la descripción general de las citas virtuales.
Capacidades
El Generador de muestras puede ayudar a:
- Implemente una experiencia de visita virtual funcional en minutos: se requiere un código mínimo
- Visualización de nuevas funcionalidades de inteligencia artificial de vanguardia: pruebe las nuevas características con tecnología de inteligencia artificial.
- Personaliza la experiencia del consumidor modificando la interfaz de usuario prediseñada, las encuestas posteriores a la llamada y mucho más
- Integración con Microsoft Bookings para admitir flujos de trabajo de programación
- Inicie reuniones de Microsoft Teams con Azure Communication Services y habilite el acceso de invitados a través de la aplicación web
Cómo funciona
Este ejemplo se basa en los componentes y compuestos de la interfaz de usuario de Azure Communication Services, lo que proporciona una interfaz de usuario sólida, accesible y coherente lista para usar. Sirve como herramienta de implementación y arquitectura de referencia para las mejores prácticas en experiencias basadas en la comunicación.
El Sample Builder crea una solución híbrida de visita virtual integrando:
- Servicios de Microsoft 365, como Bookings y Microsoft Teams (para la programación y las reuniones del lado del proveedor)
- Servicios de Azure, como Azure Communication Services, App Service y Azure Monitor opcional (para experiencia web, análisis y comunicación en tiempo real)
En el diagrama siguiente se muestran los pasos del usuario para una cita virtual (mediante Microsoft Booking): 
Flujo de citas virtuales (mediante Microsoft Bookings):
- El consumidor programa la cita mediante Microsoft 365 Bookings
- El consumidor recibe recordatorios por SMS y correo electrónico
- El proveedor se une a través de Microsoft Teams
- El consumidor usa un vínculo del aviso para iniciar la aplicación Contoso y unirse a la reunión de Teams
- Ambos usuarios interactúan a través de video, voz y chat
Esta arquitectura garantiza que los proveedores puedan unirse a citas virtuales mediante Microsoft Teams. En la misma llamada, los consumidores pueden acceder a una experiencia basada en explorador de marca completa, sin necesidad de una cuenta de Teams.
Lo que obtienes
Tras la implementación, el Example Builder proporciona:
- Una aplicación web de Azure completamente implementada
- Integración de reuniones de Microsoft Teams
- Implementación de interfaz de usuario personalizada con tecnología compuesta de Azure Communication Services
- (Opcional) Página de integración de Microsoft Bookings
- (Opcional) Análisis basados en Azure Monitor
- Código fuente completo descargable para su posterior desarrollo y personalización
Después de la implementación, puede probar inmediatamente el ejemplo implementado visitando estas direcciones URL:
-
https://your-app-url>/visitPara simular que un consumidor se une a la cita -
https://<your-app-url>/bookPara acceder a la interfaz de reserva integrada
El siguiente tutorial profundiza en cómo puede configurar esto.
Tutorial: Creación de un ejemplo de cita virtual
En esta sección vamos a usar una herramienta del Generador de muestras para implementar una aplicación híbrida de citas virtuales de Azure y de Microsoft 365 en una suscripción de Azure. Esta aplicación es una experiencia de explorador compatible con dispositivos móviles y de escritorio, con un código que puede usar para explorar y crear el producto final.
Paso 0: Configurar reservas de Microsoft 365 (opcional)
El generador de muestras proporciona una opción para configurar la muestra mediante Microsoft 365 Bookings. Esta funcionalidad permite que la aplicación de reservas potencie la experiencia de programación del consumidor y cree reuniones para los proveedores.
Si no quieres usar reservas, no dudes en saltarte este paso. Este paso es opcional al crear una muestra, ya que puede seleccionar Salas en su lugar.
Si desea utilizar Bookings, cree un calendario de Bookings y obtenga la URL de la página de Booking de https://outlook.office.com/bookings/calendar.
Vaya a https://outlook.office.com/bookings/services para asegurarse de que la reunión en línea esté habilitada para el calendario.
A continuación, asegúrese de que la opción "Agregar reunión en línea" está habilitada.
Paso 1: Crear una muestra en el constructor
Prerrequisitos
Para utilizar el Generador de muestras, necesita:
- Una suscripción de Azure activa
- Permisos de administrador para implementar recursos en Azure
- Acceso a Microsoft Bookings (si planea habilitar la integración de programación)
Inicie el Generador de muestras: 👉Generador de muestras
También puede ir a la página del recurso de Azure Communication Services en Azure Portal. Si planea integrarse con Microsoft Bookings, vaya directamente a Usar con Microsoft Bookings para obtener información sobre cómo se conecta la aplicación con los flujos de trabajo de programación. Vuelva a este paso después de la configuración.
Siga el asistente paso a paso.
- Elija un escenario de industria (plantilla)
- Elija un método de programación (Reservas o Habitaciones)
- Personaliza el tema, los colores, los banners y añade cualquier logotipo
- Selecciona y personaliza la experiencia posterior a la llamada
- Obtenga una vista previa de su configuración en vivo, incluidos los colores de su marca y las funciones disponibles
A medida que avanza por el asistente, seleccione diferentes opciones de configuración para ver qué funcionalidad está disponible. Las diferentes configuraciones proporcionan diferentes características, experiencias y opciones.
Paso 2: Implementación
Al final del asistente del Generador de muestras, se encontrará con tres opciones. Puede implementar en Azure, descargar el código como zip o clonar en GitHub. El código del Generador de muestras está disponible públicamente en GitHub.
El método más sencillo para obtener un ejemplo de trabajo es implementarlo en Azure. La implementación inicia una plantilla de Azure Resource Manager (ARM) que implementa la aplicación temática configurada.
Cuando concluya el recorrido por la plantilla de ARM, puede Ir al grupo de recursos.
Paso 3: Prueba
El Generador de muestras crea tres recursos en las suscripciones de Azure seleccionadas. App Service es el front-end del consumidor, con tecnología de Azure Communication Services.
El abrir la dirección URL de App Service e ir a https://<YOUR URL>/VISIT le permite probar la experiencia del consumidor y unirse a una reunión de Teams.
https://<YOUR URL>/BOOK inserta la experiencia de Bookings para la programación del consumidor.
Paso 4: Establecer la URL de la aplicación implementada en Bookings
Si utiliza Bookings, introduzca la URL de la aplicación seguida de "/visit" en el campo "URL de la aplicación implementada" en https://outlook.office.com/bookings/businessinformation. De lo contrario, ignore este paso.
Acciones adicionales
¡Enhorabuena! Implementó un ejemplo personalizado. A medida que lo pruebes, ten en cuenta lo siguiente
Patrones de inicio
A menudo, los consumidores quieren unirse a su cita virtual directamente desde los recordatorios enviados por Bookings. Para respaldar esta funcionalidad, Bookings le permite especificar un prefijo de URL que se incluye en esos recordatorios. Por ejemplo, si el prefijo es https://<YOUR URL>/visit, los recordatorios dirigen a los usuarios a https://<YOUR URL>/visit?MEETINGURL=<MEETING URL>.
Integración en la aplicación existente
El servicio de aplicaciones generado por el Generador de muestras es una experiencia independiente optimizada para exploradores de escritorio y móviles. Si ya tienes un sitio web o una aplicación móvil, puedes adaptar el código proporcionado para que se ajuste a tu base de código actual.
Para obtener más flexibilidad y personalización, considere usar:
- SDK de interfaz de usuario : componentes de interfaz de usuario web y móvil prediseñados y listos para producción que le permiten adaptarse a su apariencia existente. El constructor de muestras está construido sobre nuestro compuesto personalizable. Lea aquí para obtener más información
- SDK principales : acceda directamente a los servicios de llamadas y chat subyacentes para crear experiencias totalmente personalizadas.
Identidad y seguridad
La aplicación de ejemplo emite tokens de acceso de ACS sin autenticación de usuario. En producción, implemente la autenticación de usuario segura. Tokens de acceso de usuario de Azure Communication Services