Curso intensivo 101
10 Módulos
5 Semanas

Vista previa en tiempo real

Haga clic para copiar

Tome el control total de su aplicación sin ejecutar la publicación.


La vista previa en tiempo real permite a los usuarios ver cómo se ve y funciona su aplicación antes de implementarla en el entorno en vivo.

Al elegir un plan de implementación o utilizar datos simulados, los usuarios pueden obtener una representación más precisa de cómo aparecerá su aplicación y su rendimiento en el entorno real.

🔔 La vista previa no traslada los cambios a la aplicación real. Para enviar cambios a la aplicación implementada, haga clic en el botón "Empujar" en AppMaster Web Designer y ejecute la implementación del proyecto en AppMaster Studio como lo hace normalmente.

Realtime preview of web application in AppMaster Web Designer

Ejecutar vista previa

La vista previa de la aplicación web se abre en una nueva pestaña del navegador, lo que permite a los usuarios observar la apariencia y funcionalidad de su aplicación en tiempo real a medida que realizan cambios. Para ejecutar la vista previa, haga clic en el botón Ojo en la esquina superior derecha.

Antes de ejecutar la vista previa, debe seleccionar los datos que se mostrarán en la interfaz:

  • datos simulados
  • Datos del plan de implementación de destino.

Datos simulados

Para ejecutar una vista previa con datos simulados, haga clic en el botón Vista previa en la parte superior derecha y seleccione Vista previa simulada en el menú desplegable abierto.

El uso de datos simulados permite a los usuarios crear una versión de aplicación simulada, completa con datos ficticios agregados durante el diseño de la interfaz de usuario. Esto es útil para probar la interfaz de usuario, ya que permitirá a los usuarios identificar cualquier problema con los datos mostrados en la aplicación antes de implementarla en el entorno real.

Datos del Plan de Despliegue

Para ejecutar la vista previa con datos de implementación, haga clic en el botón Vista previa en la parte superior derecha y seleccione el plan de implementación de destino en el menú desplegable abierto.

Al utilizar la función de vista previa en tiempo real, puede seleccionar un plan de implementación. Permite a los usuarios obtener una vista previa de su aplicación con los datos reales empleados en el entorno en vivo. Esto beneficia especialmente a las aplicaciones que dependen de fuentes de datos externas como API o bases de datos.

Was this article helpful?
¿Sigue buscando una respuesta?
Únase a la Comunidad