Crear páginas con IA generativa
Las páginas generativas permiten crear una página totalmente funcional en la aplicación controlada por modelos mediante la descripción de lo que desea en lenguaje sin formato. En lugar de configurar diseños y controles manualmente, escriba una descripción de los datos y el diseño que necesita, y un agente de IA genera el código react subyacente automáticamente.
¿Qué es una página generativa?
Una página generativa es una página basada en INTELIGENCIA ARTIFICIAL basada en React que reside dentro de una aplicación controlada por modelos. Interactúa con un agente de aplicación en el diseñador de aplicaciones mediante una experiencia conversacional: describe la página que quieres, adjunta opcionalmente una imagen del diseño y el agente genera código de trabajo en tiempo real. Para refinar la página, continúe con la conversación (pidiendo al agente que ajuste el diseño, agregue columnas o corrija errores) y publique cuando esté satisfecho.
Las páginas generativas son compatibles con la solución, lo que significa que se pueden empaquetar en una solución y moverse entre entornos como cualquier otro componente de la aplicación.
Note
La experiencia de creador para las páginas generativas está disponible actualmente en entornos ubicados en la Estados Unidos, Gran Bretaña, Australia y Singapur. Los creadores de otras regiones pueden crear y editar páginas generativas mediante herramientas de generación de código de IA.
Crear una página generativa
Inicie sesión en Power Apps y abra una aplicación controlada por modelos para su edición.
En el diseñador de aplicaciones, seleccione Agregar una página>Describir una página. Se abre una experiencia conversacional de página completa.
En el cuadro de texto, describa la página que desee. Sea específico sobre los datos, el diseño y el comportamiento. Por ejemplo:
Cree una página en la que se muestren los registros de cuenta como una galería de tarjetas. Incluya el nombre de la cuenta, el correo electrónico y el número de teléfono. Haga que la galería se pueda desplazar.
Opcionalmente, seleccione Agregar datos>Agregar tabla para vincular hasta seis tablas de Dataverse, o bien Agregar datos>Adjuntar imagen para cargar un boceto o un esquema que sirva de guía para el diseño.
Seleccione Generar página. El agente procesa el mensaje, escribe el código y representa una vista previa.
Revise el resultado en la pestaña Vista previa . Para refinar la página, continúe chateando con el agente o seleccione Editar en la pestaña Código para modificar el código directamente.
Cuando esté satisfecho, seleccione Guardar y publicar para publicar la aplicación y poner la página a disposición de los usuarios.
Importante
El agente hace todo lo posible por generar código listo para usar en producción, pero es su responsabilidad validar el resultado. Revise el código generado para confirmar que cumple los requisitos de seguridad y cumplimiento de su organización.
Iterar en su página
Después de la generación inicial, tiene varias maneras de refinar la página:
- Chat: continúe con la conversación para ajustar el diseño, agregar funcionalidad o corregir problemas.
- Editar código: seleccione Editar en la pestaña Código para modificar el código generado manualmente.
- Comparar iteraciones: después de dos o más iteraciones, seleccione Comparar en la pestaña Código para ver una diferencia entre versiones.
- Asistente de accesibilidad: después de cada generación, el asistente de accesibilidad examina el código para detectar problemas y ofrece una opción de corrección automática para resolverlos automáticamente.
A continuación, aprenderá a controlar la seguridad y a compartir la aplicación controlada por modelos con otros usuarios.