Drupal mobiele app: 4 manieren om er een te krijgen, vergeleken

Een Drupal-site kan op vier manieren een mobiele app worden: maak hem installeerbaar als een progressieve web-app, laad de live site in een native shell met een website-naar-app-converter, bouw een afzonderlijke ontkoppelde app op JSON:API, of huur een beheerde service of bureau in om een ​​van deze voor u te doen. De doorslaggevende vraag voor de meeste Drupal-teams is of de organisatie het zich kan veroorloven om een ​​tweede front-end te runnen naast de front-end die zij al beheert.

Deze gids vergelijkt de vier routes, inclusief de gevallen waarin SiteTo.App de verkeerde keuze is, en geeft vervolgens een telefoontestplan voor eenmalige aanmelding, privébestanden en talen. Voor de korte versie, zie de Drupal naar app-pagina.

Heeft uw Drupal-site überhaupt een app nodig?

Drupal beheert websites van universiteiten en gemeentes, verenigings- en ledenportals, non-profit bronnenbibliotheken, intranetten, nieuwssites en Drupal Commerce-winkels. Wat deze gemeen hebben is een publiek dat, vaak ingelogd, terugkeert om een ​​specifieke taak uit te voeren.

Stel drie vragen voordat u producten vergelijkt:

1. Wat gaat iemand wekelijks in de app doen? Bekijk een rooster, lees ledennieuws, boek een faciliteit, meld een probleem, verleng iets, bestel opnieuw. Als je de taak niet kunt benoemen, is een goed responsive thema voldoende.
2. Werkt die taak al op een telefoon? Als een lid zeven keer door een megamenu moet tikken om zijn dashboard te bereiken, neemt een app die op de site is gebouwd het grootste deel van die reis over. Pas het eerst in het thema aan.
3. Is de winkelvermelding zelf iets waard? Bewoners en studenten zoeken op naam in de App Store en Google Play en naar een homescreen-icoontje kun je makkelijker terugkeren dan naar een bladwijzer.

Een site met uitsluitend informatie zonder herhaalde taken is een slechte kandidaat. Apple kan apps afwijzen die verder weinig toevoegen dan een website eronder Richtlijn 4.2.

Wat zijn de vier manieren om een ​​Drupal mobiele app te krijgen?

Elke route met een eigen winkelvermelding heeft ook ontwikkelaarsaccounts nodig: het Apple Developer Program voor $ 99 per jaar en Google Play voor eenmalig $ 25, rechtstreeks aan Apple en Google betaald.

Route 1: een progressieve webapp

Een PWA voegt een webapp-manifest en een servicemedewerker toe aan de site, zodat mensen deze vanuit de browser kunnen installeren. De bijgedragen Progressieve Web App-module behandelt de basis voor Drupal. Sinds iOS 16.4 kunnen ook webapps aan het startscherm van de iPhone worden toegevoegd webpush ontvangen.

Er is geen winkelrecensie en ook geen winkelvermelding. Op een iPhone moet de gebruiker weten dat hij Share en vervolgens Add to Home Screen moet gebruiken. Voor een personeelsintranet kan dat voldoende zijn. Onze vergelijking van PWA, native en WebView gaat dieper.

Route 2: een website naar app converter

Met SiteTo.App is de app een native shell rond uw live website: uw pictogram en startscherm, een native header met uw logo, een zijmenu, onderste tabbladen, swipe-back, pull-to-refresh en optionele pushmeldingen via uw eigen Firebase-project. De pagina's binnenin zijn uw Drupal-pagina's, geladen in een WebView, dezelfde browserengine als Safari of Chrome.

Drupal geeft nog steeds elke pagina weer en neemt elke toegangsbeslissing, en een knooppunt dat om 9.00 uur wordt gepubliceerd, staat om 9.00 uur in de app zonder nieuwe build. De limiet volgt uit hetzelfde ontwerp: de app is slechts zo goed als je mobiele thema. Onze gids voor het omzetten van een website naar een mobiele app omvat het algemene proces.

Een Drupal-team met mobiele ontwikkelaars kan dit soort shell in eigen huis bouwen met een raamwerk zoals Capacitor, in ruil voor het bezit van de build-pijplijn, het ondertekenen van certificaten en jaarlijkse SDK-updates.

Route 3: een ontkoppelde app op JSON:API

JSON:API is onderdeel van de Drupal-kern, de ontkoppelde Drupal-gids bestrijkt de bredere aanpak en heeft modules bijgedragen zoals Eenvoudige OAuth verwerkt geauthenticeerde verzoeken. Ontwikkelaars schrijven de app in Swift en Kotlin, of in React Native of Flutter, met Drupal als content-backend.

Een ontkoppelde app kan dingen die een website niet kan: inhoud opslaan voor offline gebruik, Bluetooth of achtergrondlocatie gebruiken en schermen presenteren die voor de telefoon zijn ontworpen. De prijs is een tweede voorkant. Elk contenttype heeft een scherm nodig en via de API moeten rollen en toegangsregels worden gerespecteerd. Webformulieren, vertalingen, zoeken en Commerce-afrekenen zijn allemaal een stukje werk dat u moet bouwen en vervolgens in de pas moet houden met de site.

Route 4: een managed service of agency

Managed Services bouwen en indienen de app voor u en brengen een terugkerende vergoeding in rekening voor het team erachter. Sommigen gebruiken dezelfde WebView-aanpak als converter, en onze vergelijking met MobiLoud laat zien wat die vergoeding oplevert. Een Drupal bureau kan route 3 ook als project opleveren. Ofwel past het bij een organisatie waar niemand eigenaar kan zijn van een winkel, of waar voor de inkoop een gecontracteerde leverancier nodig is.

Welke route past bij welke Drupal site?

Wanneer is SiteTo.App de verkeerde keuze voor een Drupal-site?

• Uw SSO-provider blokkeert ingebedde browsers en er is geen andere manier om in te loggen. De app komt niet voorbij het inlogscherm. Met onderstaand testplan wordt dit snel gevonden.
• Je hebt inhoud offline nodig. De app heeft een verbinding nodig om uw pagina's te laden.
• U wilt dat push automatisch wordt verzonden wanneer een knooppunt wordt gepubliceerd, of wordt getarget op rol of taal. Meldingen worden handmatig vanaf het dashboard verzonden naar iedereen die zich heeft aangemeld, zonder dat er nog segmenten of planning nodig zijn.
• Je wilt schermen die niet op de website bestaan. SiteTo.App voegt native navigatie toe rond uw pagina's en laat het ontwerp met rust.
• U heeft een leverancier nodig om de app in te dienen en reviewers te antwoorden. U verzendt vanuit uw eigen Apple- en Google-accounts en leest zelf elk reviewerbericht.
• De site draait nog steeds op Drupal 7 met een thema met een vaste breedte. Drupal 7 bereikte het einde van zijn levensduur in januari 2025. Migreer voordat je de site aan meer mensen bekendmaakt.

Hoe gedragen Drupal-functies zich in een WebView-app?

Het grootste deel van een Drupal-thema wordt precies zo weergegeven als in een telefoonbrowser. Dit zijn de uitzonderingen.

Eenmalige aanmelding. Veel Drupal-sites authenticeren via een identiteitsprovider met behulp van modules zoals OpenID Connect, SAML-authenticatie of CAS. De gebruiker verlaat je site, logt ergens anders in en wordt teruggestuurd, en of dat binnen een app werkt, hangt af van de aanbieder. Die van Google OAuth-beleid staat het inlogscherm niet toe in ingebedde webweergaven. Een bedrijfsbeleid dat een beheerd apparaat of een goedgekeurde browser vereist, kan een webweergave op dezelfde manier blokkeren. Het standaard Drupal-formulier op /user/login heeft geen dergelijke afhankelijkheid.

Sessie lengte. De standaard sessiecookie van Drupal duurt ongeveer 23 dagen, maar de standaardinstellingen aan de serverzijde kunnen een sessie wissen die iets meer dan twee dagen ongebruikt blijft, en sites uit de publieke sector en universiteiten kunnen strakker worden sessie afhandeling verder. Een korte sessie is prima op een gedeelde desktop. Op een persoonlijke telefoon betekent dit dat je veel vaker opnieuw moet inloggen dan mensen van een app verwachten. De Permanent inloggen module voegt een expliciete "onthoud mij" -optie toe als je er een wilt.

Privébestanden. Documenten opgeslagen in Drupal's privé bestandssysteem worden aangeboden via Drupal, zodat de toegang voor elk verzoek kan worden gecontroleerd. Als een pdf-link wordt doorgegeven aan een andere app of browser die de sessiecookie niet bevat, ziet Drupal een anonieme bezoeker en weigert.

Talen en domeinen. Drupals Taalmodule kan een taal kiezen uit een URL-voorvoegsel, een domein, het gebruikersaccount of de browser. De app opent één start-URL en de tabbladen verwijzen naar vaste paden. Een website met /en En /fr voorvoegsels hebben een beslissing nodig over welke de tabbladen gebruiken, en een zichtbare taalwisselaar voor alle anderen.

Forms. Vlak Webformulier velden zijn geen probleem. Bestanden en foto-uploads, meerstapsformulieren met opgeslagen concepten en CAPTCHA-uitdagingen zijn degenen die u kunt testen.

Overlays en de beheerderswerkbalk. Toestemmingsbanners, nieuwsbriefmodaliteiten en sticky headers strijden om de ruimte waar de native header en tabbladen van de app zich bevinden. SiteTo.App kan de header en pop-ups van uw site verbergen met scripts die in de app worden uitgevoerd, zodat het thema onaangeroerd blijft en gecachte pagina's zoals gewoonlijk worden weergegeven. Bewerkers die inloggen op de app zien nog steeds de admin-werkbalk van Drupal.

Drupal-commerce. Handel afrekenen met kaartvelden op uw eigen pagina's is het eenvoudige geval. Gateways die doorverwijzen naar een gehoste betalingspagina hebben elk een testbestelling nodig.

Accessibility. Overheidsinstanties en universiteiten hebben doorgaans wettelijke toegankelijkheidsplichten. De pagina's in de app zijn dezelfde HTML die uw thema produceert, dus het werk dat daar al is gedaan, wordt overgedragen. De oorspronkelijke koptekst, het menu en de tabbladen zijn een nieuwe interface, dus neem deze mee wanneer u test met VoiceOver en TalkBack.

Hoe test je stap voor stap een Drupal site als app?

Gebruik een echte telefoon, de productielocatie en testaccounts voor twee of drie rollen. De preview is gratis en vereist geen kaart, dus voer het hele plan uit voordat u ergens voor betaalt.

Stap 1: Controleer het mobiele thema

Open uw vijf meest bezochte pagina's in een telefoonbrowser. Zoek naar zijwaarts scrollen in tabellen en weergaven, een megamenu dat het scherm bedekt en een toestemmingsbanner die niet kan worden genegeerd. Corrigeer wat u in het thema aantreft.

Stap 2: Maak het voorbeeld

Plak de openbare URL in SiteTo.App, met behulp van het taalvoorvoegsel of domein waarop uw mobiele bezoekers terecht moeten komen. Stel de app-naam, het pictogram en het startscherm in en kies vervolgens tabbladen voor de taken die mensen herhalen. Een ledenorganisatie kan Home, Nieuws, Evenementen en Mijn account gebruiken. Kopieer elke link van de padalias van de live site en scan vervolgens de code om de app op uw telefoon te openen.

Een testsite achter HTTP-authenticatie of een IP-toelatingslijst kan niet op een telefoon worden geladen, dus het plan maakt gebruik van productie.

Stap 3: Bewijs eerst de aanmelding

Deze test bepaalt het project, dus voer het eerst uit.

1. Log in zoals echte gebruikers dat doen. Als dat SSO is, voltooit u de volledige rondreis, inclusief de MFA-prompt.
2. Open een pagina die alleen uw rol kan zien.
3. Sluit de app volledig en open hem opnieuw. Controleer de volgende ochtend opnieuw.
4. Als uw site Drupal-wachtwoorden gebruikt, vraag dan een reset aan. De eenmalige link in de e-mail wordt normaal gesproken geopend in de browser van de telefoon, dus bevestig het nieuwe wachtwoord en werkt dan in de app.
5. Meld u af en bevestig dat de beperkte pagina wordt geweigerd.

Als SSO mislukt, vraag dan aan uw identiteitsteam of er een beleid is dat ingebouwde browsers blokkeert en of er daarnaast een Drupal-wachtwoordaanmelding kan worden aangeboden. Als geen van beide mogelijk is, stop dan hier en kijk naar een andere route.

Stap 4: Open beperkte inhoud en privébestanden

Als u bent aangemeld, opent u een knooppunt met rolbeperking en een privé-pdf. Controleer of het bestand wordt weergegeven en of u kunt terugkeren naar de pagina waar u vandaan kwam. Herhaal uitgelogd en bevestig dat Drupal beide weigert.

Stap 5: Werk door Views, zoeken en formulieren

Gebruik een zichtbaar filter of een facet op een lange lijst en blader door de resultaten. Voer een sitezoekopdracht uit. Dien vervolgens uw drukste webformulier van begin tot eind in, inclusief eventueel uploadveld en CAPTCHA, en controleer of het bevestigingsbericht en de notificatie-e-mail aankomen.

Stap 6: Wissel van taal en zoek naar overlappingen

Wijzig de taal met de switcher van de site, tik vervolgens op elk tabblad en noteer elk tabblad dat u terugstuurt naar de standaardtaal. Tik vervolgens door als lid en als redacteur, op zoek naar een tweede koptekst, een toestemmingsbanner over de tabbladen of de beheerderswerkbalk die inhoud naar beneden duwt.

Stap 7: Beslis

Los paginaproblemen in Drupal en navigatieproblemen in de SiteTo.App-instellingen op. Een mislukte aanmelding zonder terugval is een reden om voor een andere route te kiezen.

Wat kost elk traject?

SiteTo.App rekent één keer per platform: $29 voor Android, $79 voor iOS of $99 als je ze allebei samen koopt. Er is geen SiteTo.App-abonnement. Latere verbouwingen, bijvoorbeeld om het pictogram te wijzigen, worden afzonderlijk vermeld. Het publiceren en bewerken van inhoud in Drupal hoeft nooit opnieuw te worden opgebouwd. De prijspagina heeft de details, en de kosten gids vergelijkt de bredere markt.

Een ontkoppelde app is een ontwikkelingsproject gevolgd door een onderhoudsverplichting, omdat de app Drupal en de jaarlijkse iOS- en Android-releases moet bijhouden. Voor een beheerde service worden terugkerende kosten in rekening gebracht zolang de app live is.

Apple's $99 per jaar en Google's $25 registratie zijn van toepassing op elke route met een winkelvermelding. Non-profitorganisaties, geaccrediteerde onderwijsinstellingen en overheidsinstanties kunnen Apple om een vrijstelling van vergoeding als ze alleen gratis apps distribueren en aan de overige voorwaarden van Apple voldoen.

Hoe publiceer je een Drupal-gebaseerde app in de App Store en Google Play?

De handleiding maken en publiceren loopt door de volledige reeks. Een paar punten zijn voor Drupal-sites belangrijker dan voor de meeste.

Gebruik de eigen ontwikkelaarsaccounts van de organisatie. Schrijf u in onder de wettelijke naam van de instelling, zodat de universiteit, gemeente of vereniging als uitgever wordt weergegeven. Apple vraagt ​​organisaties om een ​​D-U-N-S-nummer en verificatie kost tijd, dus begin vroeg.

Builds. De iOS-build wordt ondertekend en geüpload naar TestFlight in je eigen Apple-account, dus niemand heeft een Mac of Xcode nodig (details hier). Android arriveert als een AAB voor Google Play of een APK. Herhaal het testplan op de TestFlight-build voordat u deze indient.

Geef recensenten een ingang. Als het nuttige deel van de app achter een login zit, maak dan een demo-account aan met een representatieve rol en plaats de inloggegevens in de beoordelingsnotities. Een account dat afhankelijk is van uw SSO en MFA stopt een reviewer bij het eerste scherm.

Plan rond Drupal-upgrades. Drupal 10 bereikt het einde van zijn levensduur op 9 december 2026 volgens de kern releaseschema. Voor een upgrade naar Drupal 11 met behoud van dezelfde domein- en padaliassen is geen nieuwe app-build nodig. Als aliassen veranderen, voeg dan omleidingen toe of werk de tabbladlinks bij.

Apple en Google nemen het goedkeuringsbesluit en niemand kan de uitkomst beloven. De publicatiegids behandelt lijsten en beoordeling in meer diepte.

Veelgestelde vragen

Kan ik van een Drupal-website zonder module een mobiele app maken?

Ja. Een website-naar-app-converter zoals SiteTo.App laadt de pagina's die uw thema al weergeeft, dus u hoeft geen module te installeren en geen API beschikbaar te stellen. De optionele JavaScript-SDK voor tabbladbadges is het deelblad en de haptiek een script dat u kunt bijvoegen via de bibliotheek van uw thema.

Werkt onze SSO binnen de app?

Het hangt af van uw identiteitsprovider. Het eigen inlogformulier van Drupal werkt net als in een browser. SAML-, OpenID Connect- en CAS-aanmeldingen worden omgeleid naar een provider die ingebedde browsers kan beperken. Voer een volledige aanmelding uit, inclusief MFA, in de gratis preview voordat u beslist.

Werkt het met Drupal 10, Drupal 11 en Drupal CMS?

Ja. SiteTo.App werkt vanaf de openbare URL en is niet afhankelijk van de Drupal-versie, dus elke openbare, mobielvriendelijke Drupal-site kan worden bekeken, inclusief een site met een ontkoppelde front-end.

Kan Drupal pushmeldingen activeren wanneer inhoud wordt gepubliceerd?

Niet met SiteTo.App vandaag. Je stuurt elke melding vanaf het dashboard met een titel, tekst, optionele afbeelding en een link, en deze gaat naar iedereen die zich heeft aangemeld. Als automatische of op rollen gebaseerde meldingen essentieel zijn, is een ontkoppelde build beter geschikt.

Volgende stap

Begin met de inlogtest. Plak uw Drupal-URL in het gratis voorproefje, open het op uw telefoon en log in zoals uw gebruikers dat doen. Als dat werkt, voer dan de rest van het plan uit. De Drupal naar app-pagina heeft een korte checklist die u kunt delen met iedereen die deze moet goedkeuren.