Drupal Mobile App: 4 Möglichkeiten, eine zu bekommen, im Vergleich

Eine Drupal-Site kann auf vier Arten zu einer mobilen App werden: Machen Sie sie als progressive Web-App installierbar, laden Sie die Live-Site in eine native Shell mit einem Website-zu-App-Konverter, erstellen Sie eine separate entkoppelte App auf JSON:API oder beauftragen Sie einen verwalteten Dienst oder eine Agentur, dies für Sie zu tun. Die entscheidende Frage für die meisten Drupal-Teams ist, ob es sich die Organisation leisten kann, neben dem bereits verwalteten Frontend ein zweites Frontend zu betreiben.

Dieser Leitfaden vergleicht die vier Routen, einschließlich der Fälle, in denen SiteTo.App die falsche Wahl ist, und bietet dann einen Telefontestplan für Single Sign-On, private Dateien und Sprachen. Die Kurzfassung finden Sie im Drupal zur App-Seite.

Benötigt Ihre Drupal-Site überhaupt eine App?

Drupal betreibt Universitäts- und Ratswebsites, Verbands- und Mitgliederportale, gemeinnützige Ressourcenbibliotheken, Intranets, Nachrichtenseiten und Drupal Commerce-Shops. Allen gemeinsam ist, dass das Publikum oft angemeldet zurückkommt, um eine bestimmte Aufgabe zu erledigen.

Stellen Sie vor dem Produktvergleich drei Fragen:

1. Was wird jemand jede Woche in der App tun? Sehen Sie sich den Zeitplan an, lesen Sie Mitgliedernachrichten, buchen Sie eine Einrichtung, melden Sie ein Problem, erneuern Sie etwas, bestellen Sie neu. Wenn Sie die Aufgabe nicht benennen können, reicht ein gutes responsives Theme.
2. Funktioniert diese Aufgabe bereits auf einem Telefon? Wenn ein Mitglied sieben Klicks durch ein Mega-Menü benötigt, um zu seinem Dashboard zu gelangen, übernimmt eine auf der Website erstellte App den größten Teil dieser Reise. Korrigieren Sie es zuerst im Theme.
3. Ist der Store-Eintrag an sich etwas wert? Bewohner und Schüler durchsuchen den App Store und Google Play nach Namen, und ein Symbol auf dem Startbildschirm ist leichter zu finden als ein Lesezeichen.

Eine reine Informationsseite ohne Wiederholungsaufgabe ist ein schlechter Kandidat. Apple kann Apps ablehnen, die über eine Website hinaus kaum etwas hinzufügen Richtlinie 4.2.

Welche vier Möglichkeiten gibt es, eine mobile Drupal-App zu erhalten?

Für jede Route mit eigenem Store-Eintrag sind auch Entwicklerkonten erforderlich: das Apple Developer Program für 99 US-Dollar pro Jahr und Google Play für einmalig 25 US-Dollar, direkt an Apple und Google gezahlt.

Route 1: eine progressive Web-App

Eine PWA fügt der Site ein Web-App-Manifest und einen Service-Worker hinzu, damit Benutzer es über den Browser installieren können. Der Beitrag Progressives Web-App-Modul behandelt die Grundlagen für Drupal. Seit iOS 16.4 können auch Web-Apps zum iPhone-Startbildschirm hinzugefügt werden Web-Push empfangen.

Es gibt weder eine Store-Bewertung noch einen Store-Eintrag. Auf einem iPhone muss der Benutzer wissen, wie er „Teilen“ und dann „Zum Startbildschirm hinzufügen“ verwenden kann. Für ein Mitarbeiter-Intranet kann das ausreichen. Unser Vergleich von PWA, nativ und WebView geht tiefer.

Route 2: ein Website-zu-App-Konverter

Mit SiteTo.App ist die App eine native Hülle rund um Ihre Live-Website: Ihr Symbol und Startbildschirm, eine native Kopfzeile mit Ihrem Logo, ein Seitenmenü, untere Registerkarten, Zurückwischen, Pull-to-Refresh und optionale Push-Benachrichtigungen über Ihr eigenes Firebase-Projekt. Die darin enthaltenen Seiten sind Ihre Drupal-Seiten, die in eine WebView geladen werden, die dieselbe Browser-Engine wie Safari oder Chrome ist.

Drupal rendert weiterhin jede Seite und trifft jede Zugriffsentscheidung, und ein um 9:00 Uhr veröffentlichter Knoten ist um 9:00 Uhr in der App, ohne dass ein neuer Build erforderlich ist. Die Grenze ergibt sich aus dem gleichen Design: Die App ist nur so gut wie Ihr mobiles Theme. Unser Leitfaden zu Konvertieren einer Website in eine mobile App deckt den allgemeinen Prozess ab.

Ein Drupal-Team mit mobilen Entwicklern kann diese Art von Shell intern mit einem Framework wie Capacitor erstellen, im Gegenzug dafür, dass es die Build-Pipeline besitzt, Zertifikate signiert und jährliche SDK-Updates erhält.

Route 3: eine entkoppelte App auf JSON:API

JSON:API ist Teil des Drupal-Kerns, Die entkoppelter Drupal-Leitfaden deckt den umfassenderen Ansatz ab und trägt dazu bei, Module wie z Einfaches OAuth Behandeln Sie authentifizierte Anfragen. Entwickler schreiben die App in Swift und Kotlin oder in React Native oder Flutter, mit Drupal als Inhalts-Backend.

Eine entkoppelte App kann Dinge tun, die eine Website nicht kann: Inhalte für die Offline-Nutzung speichern, Bluetooth oder Hintergrundortung verwenden und für das Telefon konzipierte Bildschirme präsentieren. Der Preis ist ein zweites Frontend. Jeder Inhaltstyp benötigt einen Bildschirm und Rollen und Zugriffsregeln müssen über die API respektiert werden. Webformulare, Übersetzungen, Suche und Commerce-Checkout sind jeweils ein Stück Arbeit, das erstellt und dann mit der Website Schritt gehalten werden muss.

Route 4: ein verwalteter Dienst oder eine Agentur

Managed Services erstellen und übermitteln die App für Sie und erheben eine wiederkehrende Gebühr für das Team dahinter. Einige verwenden den gleichen WebView-Ansatz wie ein Konverter, und unser Vergleich mit MobiLoud zeigt, was mit dieser Gebühr gekauft wird. Eine Drupal-Agentur kann Route 3 auch als Projekt liefern. Entweder eignet es sich für eine Organisation, in der niemand Eigentümer der Filialeinreichung sein kann, oder in der für die Beschaffung ein Vertragslieferant erforderlich ist.

Welche Route passt zu welcher Drupal-Site?

Wann ist SiteTo.App die falsche Wahl für eine Drupal-Site?

• Ihr SSO-Anbieter blockiert eingebettete Browser und es gibt keine andere Möglichkeit, sich anzumelden. Die App kommt nicht über den Anmeldebildschirm hinaus. Der Testplan unten findet dies schnell heraus.
• Sie benötigen Inhalte offline. Die App benötigt eine Verbindung, um Ihre Seiten zu laden.
• Sie möchten, dass der Push automatisch gesendet wird, wenn ein Knoten veröffentlicht wird, oder ob er nach Rolle oder Sprache gezielt ausgerichtet werden soll. Benachrichtigungen werden manuell vom Dashboard an alle gesendet, die sich angemeldet haben, ohne dass Segmente oder Planungen erforderlich sind.
• Sie möchten Bildschirme, die auf der Website nicht vorhanden sind. SiteTo.App fügt Ihren Seiten eine native Navigation hinzu und lässt deren Design unverändert.
• Sie benötigen einen Lieferanten, der die App einreicht und den Prüfern antwortet. Sie übermitteln Ihre Beiträge über Ihre eigenen Apple- und Google-Konten und lesen jede Bewerternachricht selbst.
• Die Site läuft immer noch auf Drupal 7 mit einem Theme mit fester Breite. Drupal 7 hat im Januar 2025 das Ende seiner Lebensdauer erreicht. Migrieren Sie, bevor Sie die Website weiteren Menschen zugänglich machen.

Wie verhalten sich Drupal-Funktionen in einer WebView-App?

Die meisten Drupal-Designs werden genauso gerendert wie in einem Telefonbrowser. Das sind die Ausnahmen.

Einmaliges Anmelden. Viele Drupal-Sites authentifizieren sich über einen Identitätsanbieter mithilfe von Modulen wie OpenID Connect, SAML-Authentifizierung oder CAS. Der Benutzer verlässt Ihre Website, meldet sich woanders an und wird zurückgeschickt. Ob das innerhalb einer App funktioniert, hängt vom Anbieter ab. Googles OAuth-Richtlinie lässt seinen Anmeldebildschirm nicht in eingebetteten Webansichten zu. Eine Unternehmensrichtlinie, die ein verwaltetes Gerät oder einen zugelassenen Browser erfordert, kann eine Webansicht auf die gleiche Weise blockieren. Das Standard-Drupal-Formular unter /user/login hat keine solche Abhängigkeit.

Sitzungsdauer. Das Standard-Sitzungscookie von Drupal hat eine Lebensdauer von etwa 23 Tagen. Die serverseitigen Standardeinstellungen können jedoch eine Sitzung löschen, die etwas mehr als zwei Tage lang ungenutzt bleibt, und bei Websites des öffentlichen Sektors und von Universitäten kann es zu Einschränkungen kommen Sitzungsverwaltung weiter. Eine kurze Sitzung ist auf einem gemeinsam genutzten Desktop möglich. Auf einem privaten Telefon bedeutet dies, dass man sich viel häufiger erneut anmelden muss, als man es von einer App erwarten würde. Der Dauerhafte Anmeldung Das Modul fügt eine explizite Option „An mich erinnern“ hinzu, falls Sie eine möchten.

Private Dateien. In Drupal gespeicherte Dokumente privates Dateisystem werden über Drupal bereitgestellt, sodass der Zugriff für jede Anfrage überprüft werden kann. Wenn ein PDF-Link an eine andere App oder einen Browser übergeben wird, der das Sitzungscookie nicht enthält, sieht Drupal einen anonymen Besucher und lehnt ab.

Sprachen und Domänen. Drupals Sprachmodul Sie können eine Sprache aus einem URL-Präfix, einer Domäne, dem Benutzerkonto oder dem Browser auswählen. Die App öffnet eine Start-URL und ihre Registerkarten verweisen auf feste Pfade. Eine Seite mit /en Und /fr Präfixe erfordern eine Entscheidung darüber, welches die Registerkarten verwenden, und einen sichtbaren Sprachumschalter für alle anderen.

Forms. Schmucklos Webformular Felder sind kein Problem. Zu testen sind Datei- und Foto-Uploads, mehrstufige Formulare mit gespeicherten Entwürfen und CAPTCHA-Herausforderungen.

Overlays und die Admin-Symbolleiste. Einwilligungsbanner, Newsletter-Modalitäten und Sticky-Header konkurrieren um den Platz, an dem sich der native Header und die Tabs der App befinden. SiteTo.App kann den eigenen Header und die Pop-ups Ihrer Website mit Skripten ausblenden, die in der App ausgeführt werden, sodass das Design unberührt bleibt und zwischengespeicherte Seiten wie gewohnt bereitgestellt werden. Redakteure, die sich bei der App anmelden, sehen weiterhin die Admin-Symbolleiste von Drupal.

Drupal-Commerce. Handel Checkout mit Kartenfeldern auf den eigenen Seiten ist der einfache Fall. Gateways, die auf eine gehostete Zahlungsseite weiterleiten, benötigen jeweils eine Testbestellung.

Accessibility. Öffentliche Stellen und Universitäten haben in der Regel gesetzliche Pflichten zur Barrierefreiheit. Die Seiten innerhalb der App sind derselbe HTML-Code, den Ihr Theme erzeugt, sodass die dort bereits geleistete Arbeit übernommen wird. Die native Kopfzeile, das Menü und die Registerkarten sind neue Benutzeroberflächen. Beziehen Sie sie also ein, wenn Sie VoiceOver und TalkBack testen.

Wie testet man Schritt für Schritt eine Drupal-Site als App?

Verwenden Sie ein echtes Telefon, den Produktionsstandort und Testkonten für zwei oder drei Rollen. Die Vorschau ist kostenlos und erfordert keine Karte. Führen Sie daher den gesamten Plan aus, bevor Sie etwas bezahlen.

Schritt 1: Überprüfen Sie das mobile Theme

Öffnen Sie Ihre fünf am häufigsten besuchten Seiten in einem Telefonbrowser. Achten Sie auf seitliches Scrollen in Tabellen und Ansichten, ein Mega-Menü, das den Bildschirm abdeckt, und ein Einwilligungsbanner, das nicht ignoriert werden kann. Korrigieren Sie, was Sie im Thema finden.

Schritt 2: Erstellen Sie die Vorschau

Fügen Sie die öffentliche URL ein SiteTo.App, indem Sie das Sprachpräfix oder die Domain verwenden, auf der Ihre mobilen Besucher landen sollen. Legen Sie den App-Namen, das Symbol und den Startbildschirm fest und wählen Sie dann Registerkarten für die Aufgaben aus, die die Benutzer wiederholen. Eine Mitgliedsorganisation könnte „Home“, „News“, „Events“ und „Mein Konto“ verwenden. Kopieren Sie jeden Link aus dem Pfad-Alias ​​der Live-Site und scannen Sie dann den Code, um die App auf Ihrem Telefon zu öffnen.

Eine Staging-Site hinter der HTTP-Authentifizierung oder einer IP-Zulassungsliste kann nicht auf ein Telefon geladen werden, daher verwendet der Plan die Produktion.

Schritt 3: Überprüfen Sie zunächst die Anmeldung

Dieser Test entscheidet über das Projekt, also führen Sie ihn vor allem anderen aus.

1. Melden Sie sich an, wie es echte Benutzer tun. Wenn es sich um SSO handelt, schließen Sie den vollständigen Roundtrip ab, einschließlich der MFA-Eingabeaufforderung.
2. Öffnen Sie eine Seite, die nur Ihre Rolle sehen kann.
3. Schließen Sie die App vollständig und öffnen Sie sie erneut. Schauen Sie am nächsten Morgen noch einmal nach.
4. Wenn Ihre Site Drupal-Passwörter verwendet, fordern Sie ein Zurücksetzen an. Der einmalige Link in der E-Mail wird normalerweise im Browser des Telefons geöffnet. Bestätigen Sie also, dass das neue Passwort dann in der App funktioniert.
5. Melden Sie sich ab und bestätigen Sie, dass die eingeschränkte Seite abgelehnt wird.

Wenn SSO fehlschlägt, fragen Sie Ihr Identitätsteam, ob eine Richtlinie eingebettete Browser blockiert und ob zusätzlich eine Drupal-Passwort-Anmeldung angeboten werden kann. Wenn beides nicht möglich ist, halten Sie hier an und schauen Sie sich eine andere Route an.

Schritt 4: Öffnen Sie eingeschränkte Inhalte und private Dateien

Öffnen Sie nach der Anmeldung einen rollenbeschränkten Knoten und eine private PDF-Datei. Überprüfen Sie, ob die Datei angezeigt wird und Sie zu der Seite zurückkehren können, von der Sie gekommen sind. Wiederholen Sie die Abmeldung und bestätigen Sie, dass Drupal beides ablehnt.

Schritt 5: Durcharbeiten Sie Ansichten, Suche und Formulare

Verwenden Sie einen sichtbaren Filter oder eine Facette für eine lange Auflistung und blättern Sie durch die Ergebnisse. Führen Sie eine Site-Suche durch. Senden Sie dann Ihr geschäftigstes Webformular von Anfang bis Ende, einschließlich aller Upload-Felder und CAPTCHAs, und prüfen Sie, ob die Bestätigungsnachricht und die Benachrichtigungs-E-Mail eingehen.

Schritt 6: Wechseln Sie die Sprache und suchen Sie nach Überschneidungen

Ändern Sie die Sprache mit dem Umschalter der Site, tippen Sie dann auf jede Registerkarte und notieren Sie sich alle, die Sie zur Standardsprache zurückführen. Tippen Sie dann als Mitglied und als Redakteur durch und suchen Sie nach einer zweiten Kopfzeile, einem Zustimmungsbanner über den Registerkarten oder der Admin-Symbolleiste, die den Inhalt nach unten verschiebt.

Schritt 7: Entscheiden Sie

Beheben Sie Seitenprobleme in Drupal und Navigationsprobleme in den SiteTo.App-Einstellungen. Eine fehlgeschlagene Anmeldung ohne Fallback ist ein Grund, eine andere Route zu wählen.

Was kostet jede Route?

SiteTo.App berechnet einmal pro Plattform: 29 $ für Android, 79 $ für iOS oder 99 $, wenn Sie beide zusammen kaufen. Es gibt kein SiteTo.App-Abonnement. Spätere Umbauten, beispielsweise zur Änderung des Icons, werden gesondert zitiert. Das Veröffentlichen und Bearbeiten von Inhalten in Drupal erfordert nie einen Neuaufbau. Der Preisseite hat die Details und die Kostenführer vergleicht den breiteren Markt.

Eine entkoppelte App ist ein Entwicklungsprojekt, dem eine Wartungsverpflichtung folgt, da die App mit Drupal und den jährlichen iOS- und Android-Releases Schritt halten muss. Für einen verwalteten Dienst wird eine wiederkehrende Gebühr erhoben, solange die App verfügbar ist.

Für jede Route mit Store-Eintrag gelten die 99 US-Dollar pro Jahr bei Apple und die 25 US-Dollar bei Google für die Registrierung. Gemeinnützige Organisationen, akkreditierte Bildungseinrichtungen und staatliche Stellen können bei Apple eine Anfrage stellen Gebührenbefreiung wenn sie nur kostenlose Apps vertreiben und die sonstigen Bedingungen von Apple erfüllen.

Wie veröffentlicht man eine Drupal-basierte App im App Store und bei Google Play?

Der Leitfaden erstellen und veröffentlichen durchläuft die gesamte Sequenz. Einige Punkte sind für Drupal-Sites wichtiger als für die meisten anderen.

Verwenden Sie die eigenen Entwicklerkonten der Organisation. Melden Sie sich unter dem offiziellen Namen der Institution an, sodass in der Auflistung die Universität, der Rat oder die Vereinigung als Herausgeber aufgeführt ist. Apple bittet Organisationen um eine D-U-N-S-Nummer und die Verifizierung nimmt Zeit in Anspruch, also beginnen Sie frühzeitig.

Builds. Der iOS-Build wird signiert und in Ihrem eigenen Apple-Konto auf TestFlight hochgeladen, sodass niemand einen Mac oder Xcode benötigt (Details hier). Android kommt als AAB für Google Play oder als APK. Wiederholen Sie den Testplan für den TestFlight-Build, bevor Sie ihn einreichen.

Geben Sie den Rezensenten einen Weg hinein. Wenn sich der nützliche Teil der App hinter einem Login verbirgt, erstellen Sie ein Demokonto mit einer repräsentativen Rolle und tragen Sie die Anmeldeinformationen in die Bewertungsnotizen ein. Ein Konto, das von Ihrem SSO und MFA abhängig ist, stoppt einen Prüfer beim ersten Bildschirm.

Planen Sie Drupal-Upgrades ein. Laut Angaben von Drupal 10 erreicht Drupal 10 am 9. Dezember 2026 das Ende seiner Lebensdauer Kern-Release-Zeitplan. Für ein Upgrade auf Drupal 11, das die gleichen Domänen- und Pfad-Aliase beibehält, ist kein neuer App-Build erforderlich. Wenn sich Aliase ändern, fügen Sie Weiterleitungen hinzu oder aktualisieren Sie die Tab-Links.

Apple und Google treffen die Zulassungsentscheidung, und niemand kann das Ergebnis versprechen. Der Verlagsführer behandelt Auflistungen und Rezensionen ausführlicher.

Häufig gestellte Fragen

Kann ich eine Drupal-Website ohne Modul in eine mobile App umwandeln?

Ja. Ein Website-zu-App-Konverter wie SiteTo.App lädt die Seiten, die Ihr Theme bereits rendert, sodass kein Modul installiert und keine API verfügbar gemacht werden muss. Die Wahl JavaScript-SDK Für Tab-Badges ist das Share Sheet and Haptics ein Skript, das Sie über die Bibliothek Ihres Themes anhängen können.

Funktioniert unser SSO innerhalb der App?

Das hängt von Ihrem Identitätsanbieter ab. Das Drupal-eigene Anmeldeformular funktioniert wie in einem Browser. SAML-, OpenID Connect- und CAS-Anmeldungen werden zu einem Anbieter weitergeleitet, der eingebettete Browser möglicherweise einschränkt. Führen Sie in der kostenlosen Vorschau eine vollständige Anmeldung, einschließlich MFA, durch, bevor Sie sich entscheiden.

Funktioniert es mit Drupal 10, Drupal 11 und Drupal CMS?

Ja. SiteTo.App funktioniert über die öffentliche URL und ist nicht von der Drupal-Version abhängig, sodass jede öffentliche, mobilfreundliche Drupal-Site in der Vorschau angezeigt werden kann, auch eine mit einem entkoppelten Frontend.

Kann Drupal Push-Benachrichtigungen auslösen, wenn Inhalte veröffentlicht werden?

Nicht mit SiteTo.App heute. Sie senden jede Benachrichtigung über das Dashboard mit einem Titel, einem Text, einem optionalen Bild und einem Link, und sie geht an alle, die sich angemeldet haben. Wenn automatische oder rollenbasierte Benachrichtigungen unerlässlich sind, ist ein entkoppelter Build die bessere Lösung.

Nächster Schritt

Beginnen Sie mit dem Anmeldetest. Fügen Sie Ihre Drupal-URL in die ein kostenlose Vorschau, öffnen Sie es auf Ihrem Telefon und melden Sie sich an, wie es Ihre Benutzer tun. Wenn das funktioniert, führen Sie den Rest des Plans aus. Der Drupal zur App-Seite hat die kurze Checkliste, die Sie mit jedem teilen können, der sie genehmigen muss.