Aplicación móvil Drupal: 4 formas de conseguir una, comparadas

Un sitio Drupal puede convertirse en una aplicación móvil de cuatro maneras: hacerlo instalable como una aplicación web progresiva, cargar el sitio en vivo dentro de un shell nativo con un conversor de sitio web a aplicación, crear una aplicación desacoplada separada en JSON:API o contratar un servicio administrado o una agencia para que haga una de esas aplicaciones por usted. La pregunta decisiva para la mayoría de los equipos Drupal es si la organización puede darse el lujo de ejecutar una segunda interfaz junto a la que ya administra.

Esta guía compara las cuatro rutas, incluidos los casos en los que SiteTo.App es la elección incorrecta, y luego ofrece un plan de prueba del teléfono para inicio de sesión único, archivos privados e idiomas. Para la versión corta, consulte el Drupal a la página de la aplicación.

¿Su sitio Drupal necesita una aplicación?

Drupal administra sitios web de universidades y consejos, portales de asociaciones y miembros, bibliotecas de recursos para organizaciones sin fines de lucro, intranets, sitios de noticias y tiendas Drupal Commerce. Lo que tienen en común es una audiencia que regresa, a menudo registrada, para realizar un trabajo específico.

Haga tres preguntas antes de comparar productos:

1. ¿Qué hará alguien en la aplicación cada semana? Consulte un horario, lea noticias para miembros, reserve una instalación, informe un problema, renueve algo, reordene. Si no puedes nombrar la tarea, un buen tema responsivo es suficiente.
2. ¿Esa tarea ya funciona en un teléfono? Si un miembro necesita siete toques a través de un mega menú para llegar a su panel de control, una aplicación creada a partir del sitio hereda la mayor parte de ese recorrido. Arréglelo primero en el tema.
3. ¿Vale algo la ficha de Play Store en sí? Los residentes y estudiantes buscan en App Store y Google Play por nombre, y es más fácil regresar a un ícono de la pantalla de inicio que a un marcador.

Un sitio de sólo información sin tareas repetidas es un mal candidato. Apple puede rechazar aplicaciones que agreguen poco más allá de un sitio web en Directriz 4.2.

¿Cuáles son las cuatro formas de obtener una aplicación móvil Drupal?

Cada ruta con su propia lista de tiendas también necesita cuentas de desarrollador: el Apple Developer Program a $99 al año y Google Play a $25 una vez, pagado directamente a Apple y Google.

Ruta 1: una aplicación web progresiva

Una PWA agrega un manifiesto de aplicación web y un trabajador de servicio al sitio para que las personas puedan instalarlo desde el navegador. El contribuido Módulo de aplicación web progresiva maneja los conceptos básicos de Drupal. Desde iOS 16.4, las aplicaciones web agregadas a la pantalla de inicio del iPhone también pueden recibir push web.

No hay reseña de la tienda ni tampoco una lista de tiendas. En un iPhone, el usuario debe saber cómo usar Compartir y luego Agregar a la pantalla de inicio. Para una intranet para el personal, eso puede ser suficiente. Nuestra comparación de PWA, nativa y WebView va más profundo.

Ruta 2: un conversor de sitio web a aplicación

Con SiteTo.App, la aplicación es un caparazón nativo alrededor de su sitio web en vivo: su ícono y pantalla de inicio, un encabezado nativo con su logotipo, un menú lateral, pestañas inferiores, deslizar hacia atrás, tirar para actualizar y notificaciones automáticas opcionales a través de su propio proyecto Firebase. Las páginas internas son sus páginas Drupal, cargadas en un WebView, que es el mismo motor de navegador que Safari o Chrome.

Drupal todavía representa cada página y toma todas las decisiones de acceso, y un nodo publicado a las 9:00 está en la aplicación a las 9:00 sin nueva compilación. El límite se deriva del mismo diseño: la aplicación es tan buena como el tema de tu móvil. nuestra guía para convertir un sitio web a una aplicación móvil Cubre el proceso general.

Un equipo de Drupal con desarrolladores móviles puede construir este tipo de shell internamente con un marco como Capacitor, a cambio de ser propietario del proceso de compilación, firmar certificados y actualizaciones anuales del SDK.

Ruta 3: una aplicación desacoplada en JSON:API

JSON: API es parte del núcleo de Drupal, el guía Drupal desacoplada cubre el enfoque más amplio y ha contribuido con módulos como OAuth simple manejar solicitudes autenticadas. Los desarrolladores escriben la aplicación en Swift y Kotlin, o en React Native o Flutter, con Drupal como contenido back-end.

Una aplicación desacoplada puede hacer cosas que un sitio web no puede: almacenar contenido para uso sin conexión, usar Bluetooth o ubicación en segundo plano y presentar pantallas diseñadas para el teléfono. El precio es un segundo frontal. Cada tipo de contenido necesita una pantalla y se deben respetar los roles y las reglas de acceso a través de la API. Los formularios web, las traducciones, la búsqueda y el pago de Commerce son una parte del trabajo que hay que crear y luego mantenerse al día con el sitio.

Ruta 4: un servicio o agencia gestionada

Los servicios administrados crean y envían la aplicación por usted y cobran una tarifa recurrente al equipo detrás de ella. Algunos utilizan el mismo enfoque WebView como conversor, y nuestro comparación con MobiLoud muestra lo que compra esa tarifa. Una agencia Drupal también puede entregar la ruta 3 como proyecto. O se adapta a una organización donde nadie puede ser propietario de la presentación de la tienda o donde las adquisiciones requieren un proveedor contratado.

¿Qué ruta se ajusta a qué sitio Drupal?

¿Cuándo SiteTo.App es la elección equivocada para un sitio Drupal?

• Su proveedor de SSO bloquea los navegadores integrados y no hay otra forma de iniciar sesión. La aplicación no puede pasar de la pantalla de inicio de sesión. El plan de prueba a continuación encuentra esto rápidamente.
• Necesitas contenido sin conexión. La aplicación necesita una conexión para cargar sus páginas.
• Desea que la inserción se envíe automáticamente cuando se publique un nodo o que se oriente por función o idioma. Las notificaciones se envían manualmente desde el panel a todos los que se inscribieron, sin segmentos ni programación aún.
• Quieres pantallas que no existen en el sitio web. SiteTo.App agrega navegación nativa alrededor de sus páginas y deja su diseño como está.
• Necesita un proveedor para enviar la aplicación y responder a los revisores. Usted envía desde sus propias cuentas de Apple y Google y lee usted mismo todos los mensajes de los revisores.
• El sitio todavía está en Drupal 7 con un tema de ancho fijo. Drupal 7 llegó al final de su vida útil en enero de 2025. Migre antes de poner el sitio frente a más personas.

¿Cómo se comportan las funciones de Drupal dentro de una aplicación WebView?

La mayor parte de un tema de Drupal se muestra exactamente igual que en el navegador de un teléfono. Estas son las excepciones.

Inicio de sesión único. Muchos sitios Drupal se autentican a través de un proveedor de identidad utilizando módulos como Conexión OpenID, Autenticación SAML o CAS. El usuario abandona su sitio, inicia sesión en otro lugar y es enviado de regreso, y si eso funciona dentro de una aplicación depende del proveedor. de google Política de OAuth no permite su pantalla de inicio de sesión en vistas web integradas. Una política empresarial que requiere un dispositivo administrado o un navegador aprobado puede bloquear una vista web de la misma manera. El formulario estándar de Drupal en /user/login no tiene tal dependencia.

Duración de la sesión. La cookie de sesión predeterminada de Drupal dura aproximadamente 23 días, pero la configuración predeterminada del lado del servidor puede borrar una sesión que no se utilice durante un poco más de dos días, y los sitios del sector público y universitarios pueden restringirse. manejo de sesión más. Una sesión corta es buena en un escritorio compartido. En un teléfono personal, significa volver a iniciar sesión con mucha más frecuencia de lo que la gente espera de una aplicación. El Inicio de sesión persistente El módulo agrega una opción explícita "recordarme" si así lo deseas.

Archivos privados. Documentos almacenados en Drupal sistema de archivos privado se sirven a través de Drupal para que se pueda verificar el acceso para cada solicitud. Si se entrega un enlace PDF a otra aplicación o navegador que no contiene la cookie de sesión, Drupal ve un visitante anónimo y lo rechaza.

Idiomas y dominios. Drupal Módulo de idioma Puede elegir un idioma a partir de un prefijo de URL, un dominio, la cuenta del usuario o el navegador. La aplicación abre una URL de inicio y sus pestañas apuntan a rutas fijas. un sitio con /en y /fr Los prefijos necesitan una decisión sobre cuál usan las pestañas y un selector de idioma visible para todos los demás.

Forms. Plano Formulario web Los campos no son un problema. Las cargas de archivos y fotografías, los formularios de varios pasos con borradores guardados y los desafíos CAPTCHA son los que debe probar.

Superposiciones y barra de herramientas de administración. Los banners de consentimiento, los modales de los boletines y los encabezados adhesivos compiten por el espacio donde se ubican el encabezado y las pestañas nativas de la aplicación. SiteTo.App puede ocultar el encabezado y las ventanas emergentes de su sitio con scripts que se ejecutan dentro de la aplicación, por lo que el tema permanece intacto y las páginas almacenadas en caché se muestran como de costumbre. Los editores que inicien sesión en la aplicación seguirán viendo la barra de herramientas de administración de Drupal.

Comercio Drupal. Comercio Pagar con campos de tarjeta en sus propias páginas es el caso simple. Las pasarelas que redireccionan a una página de pago alojada necesitan un pedido de prueba cada una.

Accessibility. Los organismos públicos y las universidades suelen tener obligaciones legales de accesibilidad. Las páginas dentro de la aplicación son el mismo HTML que produce su tema, por lo que el trabajo ya realizado allí se traslada. El encabezado, el menú y las pestañas nativos son una interfaz nueva, así que inclúyelos cuando pruebes con VoiceOver y TalkBack.

¿Cómo se prueba un sitio Drupal como aplicación, paso a paso?

Utilice un teléfono real, el sitio de producción y cuentas de prueba para dos o tres roles. La vista previa es gratuita y no necesita tarjeta, así que ejecuta el plan completo antes de pagar nada.

Paso 1: revisa el tema móvil

Abra sus cinco páginas más visitadas en el navegador de un teléfono. Busque desplazamiento lateral en tablas y Vistas, un mega menú que cubre la pantalla y un banner de consentimiento que no se puede descartar. Arregla lo que encuentres en el tema.

Paso 2: crea la vista previa

Pegue la URL pública en SiteTo.App, utilizando el prefijo de idioma o dominio al que deben llegar sus visitantes móviles. Configure el nombre de la aplicación, el ícono y la pantalla de inicio, luego elija pestañas para las tareas que la gente repite. Un organismo de membresía puede usar Inicio, Noticias, Eventos y Mi cuenta. Copie cada enlace del alias de ruta del sitio en vivo, luego escanee el código para abrir la aplicación en su teléfono.

Un sitio de prueba detrás de la autenticación HTTP o una lista de IP permitidas no se puede cargar en un teléfono, por lo que el plan utiliza producción.

Paso 3: prueba el inicio de sesión primero

Esta prueba decide el proyecto, así que ejecútela antes que nada.

1. Inicie sesión como lo hacen los usuarios reales. Si se trata de SSO, complete el recorrido completo de ida y vuelta, incluido el mensaje de MFA.
2. Abra una página que solo su función pueda ver.
3. Cierra la aplicación por completo y vuelve a abrirla. Vuelva a comprobarlo a la mañana siguiente.
4. Si su sitio utiliza contraseñas de Drupal, solicite un restablecimiento. El enlace de un solo uso en el correo electrónico normalmente se abre en el navegador del teléfono, así que confirme la nueva contraseña y luego funcionará en la aplicación.
5. Cierra sesión y confirma que la página restringida ha sido rechazada.

Si el SSO falla, pregunte a su equipo de identidad si existe una política que bloquea los navegadores integrados y si se puede ofrecer un inicio de sesión con contraseña de Drupal junto con ella. Si ninguna de las dos es posible, deténgase aquí y busque otra ruta.

Paso 4: abra contenido restringido y archivos privados

Una vez iniciado, abra un nodo con funciones restringidas y un PDF privado. Compruebe que se muestre el archivo y que pueda volver a la página de donde vino. Repita el cierre de sesión y confirme que Drupal rechaza ambos.

Paso 5: Trabaje con vistas, búsquedas y formularios

Utilice un filtro expuesto o una faceta en una lista larga y revise los resultados. Ejecute una búsqueda en el sitio. Luego envíe su formulario web más ocupado de principio a fin, incluidos los campos de carga y CAPTCHA, y verifique que lleguen el mensaje de confirmación y el correo electrónico de notificación.

Paso 6: cambia de idioma y busca superposiciones

Cambie el idioma con el selector del sitio, luego toque cada pestaña y anote las que lo devuelvan al idioma predeterminado. Luego, acceda como miembro y como editor, buscando un segundo encabezado, un banner de consentimiento sobre las pestañas o la barra de herramientas de administración que empuja el contenido hacia abajo.

Paso 7: decidir

Solucionar problemas de página en Drupal y problemas de navegación en la configuración de SiteTo.App. Un inicio de sesión fallido sin respaldo es un motivo para elegir una ruta diferente.

¿Cuánto cuesta cada ruta?

SiteTo.App se cobra una vez por plataforma: $29 por Android, $79 por iOS o $99 cuando compras ambos juntos. No hay suscripción SiteTo.App. Las reconstrucciones posteriores, por ejemplo para cambiar el icono, se cotizan por separado. La publicación y edición de contenido en Drupal nunca necesita una reconstrucción. El página de precios tiene los detalles, y el guía de costos compara el mercado en general.

Una aplicación desacoplada es un proyecto de desarrollo seguido de un compromiso de mantenimiento, porque la aplicación tiene que mantenerse al día con Drupal y con las versiones de iOS y Android de cada año. Un servicio administrado cobra una tarifa recurrente mientras la aplicación esté activa.

Los 99 dólares al año de Apple y los 25 dólares de registro de Google se aplican a cualquier ruta con una lista de tiendas. Las organizaciones sin fines de lucro, las instituciones educativas acreditadas y las entidades gubernamentales pueden solicitarle a Apple una exención de tarifa si distribuyen sólo aplicaciones gratuitas y cumplen con las demás condiciones de Apple.

¿Cómo se publica una aplicación basada en Drupal en App Store y Google Play?

El crear y publicar guía recorre la secuencia completa. Algunos puntos son más importantes para los sitios Drupal que para la mayoría.

Utilice las cuentas de desarrollador propias de la organización. Inscríbase con el nombre legal de la institución para que el listado muestre la universidad, consejo o asociación como editor. Apple solicita a las organizaciones un número D-U-N-S y la verificación lleva tiempo, así que comience temprano.

Builds. La compilación de iOS está firmada y cargada en TestFlight en su propia cuenta de Apple, por lo que nadie necesita una Mac o Xcode (detalles aquí). Android llega como AAB para Google Play o APK. Repita el plan de prueba en la compilación TestFlight antes de enviarlo.

Ofrezca a los revisores una entrada. Si la parte útil de la aplicación se encuentra detrás de un inicio de sesión, cree una cuenta de demostración con una función representativa y coloque sus credenciales en las notas de revisión. Una cuenta que depende de su SSO y MFA detendrá a un revisor en la primera pantalla.

Planifique las actualizaciones de Drupal. Drupal 10 llega al final de su vida útil el 9 de diciembre de 2026 según el calendario de lanzamiento principal. Una actualización a Drupal 11 que mantiene el mismo dominio y alias de ruta no necesita la creación de una nueva aplicación. Si los alias cambian, agregue redirecciones o actualice los enlaces de las pestañas.

Apple y Google toman la decisión de aprobación y nadie puede prometer el resultado. El guía editorial Cubre listados y revisa con más profundidad.

Preguntas frecuentes

¿Puedo convertir un sitio web Drupal en una aplicación móvil sin módulo?

Sí. Un convertidor de sitio web a aplicación como SiteTo.App carga las páginas que su tema ya representa, por lo que no hay ningún módulo que instalar ni API que exponer. el opcional SDK de JavaScript para las insignias de pestañas, la hoja para compartir y la háptica es un script que puede adjuntar a través de la biblioteca de su tema.

¿Nuestro SSO funcionará dentro de la aplicación?

Depende de su proveedor de identidad. El propio formulario de inicio de sesión de Drupal funciona como en un navegador. Los inicios de sesión de SAML, OpenID Connect y CAS redirigen a un proveedor que puede restringir los navegadores integrados. Ejecute un inicio de sesión completo, incluido MFA, en la vista previa gratuita antes de decidir.

¿Funciona con Drupal 10, Drupal 11 y Drupal CMS?

Sí. SiteTo.App funciona desde la URL pública y no depende de la versión de Drupal, por lo que se puede obtener una vista previa de cualquier sitio Drupal público y compatible con dispositivos móviles, incluido uno con una interfaz desacoplada.

¿Puede Drupal activar notificaciones automáticas cuando se publica contenido?

No con SiteTo.App hoy. Envía cada notificación desde el panel con un título, texto, una imagen opcional y un enlace, y llega a todos los que optaron por participar. Si las notificaciones automáticas o basadas en roles son esenciales, una compilación desacoplada es la mejor opción.

Siguiente paso

Comience con la prueba de inicio de sesión. Pega tu URL de Drupal en el vista previa gratuita, ábrelo en tu teléfono e inicia sesión como lo hacen tus usuarios. Si eso funciona, ejecute el resto del plan. El Drupal a la página de la aplicación tiene la breve lista de verificación para compartir con quien necesite aprobarla.