Crear un Web Viewer en FileMaker

Pide a Genie una interfaz para un Web Viewer de FileMaker: un panel, formulario, gráfico o versión web de un layout existente. Genie prepara la interfaz y los scripts auxiliares para revisarlos por separado.

Esta guía cubre Genie 3.0 para macOS. Las acciones nativas de programación e instalación requieren Coding Access. El almacenamiento persistente es experimental y tiene requisitos adicionales indicados más abajo.

Las capturas muestran el ejemplo Content Library en una compilación para el tutorial en Windows. Las etiquetas pueden variar en Mac. Consulta las versiones para conocer las funciones publicadas. Selecciona una captura para abrirla a tamaño completo.

Describe la interfaz

Nombra el layout o las tablas de origen, los datos que quieres mostrar y la función de cada control. Indica si la interfaz solo lee datos o también guarda cambios.

Ejemplo que debes adaptar a los nombres de tu archivo:

Crea un Web Viewer a partir del layout Detalles del cliente. Conserva los datos de contacto, la foto y la lista de facturas. Permite abrir una factura. Esta primera versión será de solo lectura. Nombra el objeto CustomerPanel.

Genie puede inspeccionar layouts y metadatos compatibles. Una captura comunica la apariencia, pero no confirma nombres exactos de campos ni comportamientos de scripts. Compatibilidad de la inspección.

Antes de una tarea compleja, comprueba Settings > Models > Agent reasoning. Niveles de razonamiento.

Revisa la vista previa y los scripts

1. Comprueba el contenido, la disposición y los controles en la vista previa.
2. Abre los detalles de configuración y revisa el nombre del objeto y los scripts necesarios.
3. Previsualiza cada script e instálalo mediante su propia acción de revisión.
4. Instala la interfaz con uno de los métodos siguientes.

Una vista previa funcional no prueba la conexión con FileMaker. Genie comprueba la estructura y la sintaxis JavaScript; prueba la carga de datos y los intercambios dentro de FileMaker. Corrige un paquete incompleto antes de instalarlo.

La interfaz y el script auxiliar tienen acciones separadas. Este ejemplo muestra la interfaz almacenada después de Apply, con el script aún disponible para previsualizar y copiar.

Ejemplo: examina el script auxiliar

Revisa el script antes de copiarlo. Su nombre en FileMaker debe coincidir con el que utiliza la interfaz.

Instala con Copy Calculation

1. Elige Copy Calculation en la tarjeta de la interfaz terminada.
2. En modo Presentación de FileMaker, crea o edita un Web Viewer y pega el cálculo en su dirección web.
3. Activa Automatically encode URL. Usa el cálculo tal como se copió, sin añadir otro codificador.
4. Asigna al objeto el nombre exacto que requieren los scripts.
5. Si la interfaz llama a scripts, activa Allow JavaScript to perform FileMaker scripts.
6. Vuelve al modo Visualizar y prueba la interfaz.

El cálculo contiene el HTML. Copiarlo no instala los scripts auxiliares.

Experimental: guarda la interfaz en el archivo

El almacenamiento persistente conserva el HTML en una entrada con nombre dentro del archivo FileMaker. El Web Viewer lo carga mediante un cálculo corto que puede mantenerse al actualizar el HTML.

Requiere una configuración compatible de FileMaker 26.0.2 en Apple silicon, acceso total y la capacidad indicada por Genie. Privacy Mode bloquea este proceso. No es una función general de Windows ni de todas las versiones de FileMaker.

1. Pide a Genie que prepare la interfaz con almacenamiento persistente.
2. Elige Review stored app, revisa el HTML y pulsa Apply stored app.
3. Tras aplicar correctamente, usa Copy Web Viewer Object o Copy Calculation.
4. Pega el objeto en modo Presentación o el cálculo en un Web Viewer existente. Respeta el nombre y comprueba los ajustes anteriores.
5. Instala los scripts auxiliares por separado y prueba en modo Visualizar.

Ejemplo: revisa antes de aplicar el almacenamiento

Review stored app abre el contenido preparado. Apply stored app inicia la instalación independiente del almacenamiento.

Esta interfaz almacenada usa un cálculo corto de carga. Para una instalación con HTML integrado, pega el resultado completo de Copy Calculation. Mantén Automatically encode URL activado y permite las llamadas a scripts de FileMaker si la interfaz las necesita.

Aplicar el almacenamiento solo instala el documento. No coloca objetos ni instala scripts. Copiar verifica que el contenido guardado coincide con lo revisado; si cambió, prepara una nueva revisión.

En archivos alojados, prueba reabrir el archivo y leer desde un segundo cliente. Guardar correctamente en un cliente no prueba la persistencia del servidor ni la visibilidad para otros clientes.

Conecta registros

La interfaz usa scripts auxiliares para cargar datos y devolver resultados a JavaScript. Mantén coherentes los nombres de objetos, scripts y funciones de retorno. Las interfaces vinculadas a registros necesitan la actualización indicada, como un activador OnRecordLoad.

Prueba dos registros distintos y comprueba que la navegación actualiza la vista. Si has pedido guardar cambios, verifica que una acción del usuario modifica el registro correcto y confirma el resultado. Cargar la página o navegar entre registros no debe escribir datos.

El visor instalado después de reabrir el archivo. Compara los valores con el layout original de FileMaker y prueba otro registro.

Para fotos y PDF, pide conservar las áreas de medios y preparar los scripts nativos necesarios. Prueba una imagen y un PDF en FileMaker; los datos de ejemplo no prueban el transporte de contenedores.

Claris: JavaScript y scripts de FileMaker.

Trabaja desde un editor externo

Codex, Cursor o Claude Desktop pueden usar Local MCP Bridge para inspeccionar FileMaker y consultar web-rendered-views. El editor externo gestiona el código fuente, la compilación y la vista previa. Entrega un HTML autónomo con JavaScript clásico integrado; compila React o TypeScript en el proyecto externo.

MCP no instala una conexión entre el navegador y FileMaker ni sincroniza automáticamente la vista previa con los registros. Prueba la vista previa, la instalación y los intercambios en FileMaker por separado.

Solución de problemas

Síntoma	Comprueba
Visor vacío	Cálculo copiado, codificación de URL y existencia del HTML guardado.
Botones sin efecto	Scripts instalados, nombres exactos y permiso JavaScript.
Sigue apareciendo el registro anterior	Carga inicial y actualización al navegar.
Copy o Apply no disponible	Coding Access, validación y cambios en el archivo o contenido revisado.
Nueva tarjeta de almacenamiento sin revisión de scripts	Vuelve a la tarjeta original; las revisiones son independientes.

Workbench · Local MCP Bridge · Contexto FileMaker.