4D para Móviles : Mostrar páginas web en sus aplicaciones móviles

Traducido automáticamente de Deepl

Ya puede componer vistas basadas en plantillas; docenas de ellas están a su disposición para embellecer sus aplicaciones móviles. 4D v19 R7 está animando aún más las cosas al permitirle mostrar una página web servida por 4D usando una nueva acción preestablecida: Abrir URL.

Esto significa cuatro cosas:

  1. Ahora es totalmente libre de crear sus propios diseños
  2. La experiencia del usuario sigue siendo fluida e integrada en su aplicación nativa
  3. Obtenga datos actualizados en tiempo real
  4. Puedes conservar los datos de los usuarios y ofrecer una experiencia de usuario optimizada mediante sesiones.

Sólo tiene que crear una página web optimizada para dispositivos móviles.

Veamos cómo utilizarlo con un sencillo ejemplo:

Mostrar áreas web en tu app nativa

1. Crea una página web sencilla

En primer lugar, debes crear una página web que quieras mostrar en tu aplicación iOS o Android o utilizar una existente que ya tengas.

Existen nuevas funciones de javascript para facilitar su desarrollo. Esto le permite interactuar con su aplicación nativa desde su área web. Por ejemplo, puedes llamar al código javascript para cerrar tu página web o mostrar una notificación de estado.

Esto te da la libertad de crear tu propio diseño y te da la posibilidad de mejorar la experiencia del usuario.

2. Lado del editor de proyectos

Una vez que tu página web esté lista, puedes ir a la sección Acción en el editor de proyectos para móviles.

Desde aquí, puedes crear una nueva acción preestablecida de Abrir url, y donde quieras que esté disponible esta acción, selecciona la Tabla.

A continuación, puede seleccionar Entidad actual o Ámbito de la tabla según quiera mostrar una entidad o una selección de entidades.

Cuando se crea la acción Abrir url, se dispone de un nuevo campo debajo de la tabla de acciones, que permite introducir la ruta del servidor 4D.

3. Lado móvil

Cuando usted construye su aplicación, la acción Abrir «Detalle…» está disponible para obtener los detalles del dispositivo y el «Estado del dispositivo» para obtener todos los estados del dispositivo en una sola vista.

A continuación, puede cerrar sus áreas web simplemente haciendo clic en el botón de cierre que llama al código javascript.

blank

Como puede ver, usted obtiene más y más libertad en la construcción de grandes aplicaciones y hermosas pantallas usando 4D for Mobile, permitiéndole ofrecer una mejor experiencia de usuario en pocos pasos.

No dude en darnos su opinión en el foro de 4D, ¡y consulte la documentación para más detalles!

David Azancot
• Propietario de Producto 4D for iOS - David Azancot se unió al equipo de Producto 4D como Propietario de Producto en 2017. Está a cargo de escribir las historias de usuario y traducirlas en especificaciones funcionales. Su papel también incluye asegurarse de que las implementaciones de funcionalidades satisfagan las necesidades de los clientes. David se graduó con un MBA en Mercadeo, Internet y Movilidad en el Instituto Leonard De Vinci y comenzó su carrera en 2011 con una empresa móvil de nueva creación, posteriormente adquirida por Madvertise (un grupo de mercadeo móvil). Apasionado de las interfaces móviles, fue la elección natural para desarrollar formatos de anuncios móviles interactivos para el grupo en 2015. Paralelamente, David desarrolla sus propias aplicaciones para iOS y Android desde 2012.