Lovable + Homescreen
Auf dem Homescreen zeigt eine App, dass sie mehr ist als ein Lesezeichen. Auf iOS gibt WebViewGold deiner Lovable-App vier Wege, dort präsent zu sein: ein Bild-Widget, das dein Server aktuell hält, Quick Actions per langem Druck auf das Icon, Siri-Sätze, die dein JavaScript ausführen, und alternative App-Icons. Für Widgets und Quick Actions gibt es auf Android kein Gegenstück in WebViewGold, deshalb zeigt dieser Guide dort auch die ehrlichen Alternativen.
Ab $109 einmalig pro Plattform, oder unser Team erledigt alles ab $698.
Ein Homescreen-Widget, das ein SVG oder PNG zeigt, das dein Server rendert: die Zahlen von heute, die nächste Buchung, eine Streak. Deine Web-App verweist mit widget://https://yourdomain.com/widget.svg?t=TOKEN auf das Bild; widgetRefreshTime (Minuten) und widgetfallbackURL in Config.swift legen Aktualisierungsintervall und Fallback-Bild fest.
Setz useShortcuts in Config.swift auf true und definiere Aktionen in Shortcuts.json: einen Titel, einen redirection_link, optional JavaScript per injection und ein SF Symbol. Nutzer sehen sie, wenn sie lange auf das App-Icon drücken.
Mit dem optionalen Siri-Add-on (separat erhältlich; du trägst sein Plugin-Token in siriEnabled ein) kann der Nutzer über einen Link wie addtosiri://?command=Log%20Water&jsFunction=logWater() einen Satz hinzufügen, der eine JavaScript-Funktion in deiner Web-App ausführt.
Liefere bis zu drei alternative Icons mit (dunkel, klassisch, saisonal) und lass Nutzer mit changeicon://icon1 bis changeicon://icon3 wechseln oder mit changeicon://default zurück. iOS bestätigt jeden Wechsel mit einem Systemhinweis.
Füge das in Lovable ein, um die Web-App-Seite umzusetzen. Prüfe das Ergebnis, veröffentliche und teste dann in der WebViewGold-App.
Füge Web-Unterstützung für das iOS-Homescreen-Widget, die Quick Actions und die alternativen Icons von WebViewGold hinzu. 1) Ergänze in profiles eine Spalte widget_token (zufällig, eindeutig) und in den Einstellungen einen Button „Widget-Link neu erzeugen“. 2) Erstelle eine Supabase Edge Function widget-image mit deaktiviertem verify_jwt, die das Profil über den Query-Parameter t findet und ein SVG zurückgibt (image/svg+xml, 360x170, große Schrift, Systemschriften, keine externen Bilder) mit dem nächsten anstehenden Eintrag des Nutzers und der Anzahl von heute; unbekannte Tokens bekommen ein neutrales Logo-Bild. 3) Navigiere nach dem Login, nur wenn navigator.userAgent mein WebViewGold-Token enthält und das Gerät ein iPhone oder iPad ist, einmal pro Session zu widget://https://PROJECT_REF.supabase.co/functions/v1/widget-image?t=TOKEN. 4) Stell sicher, dass /new und /today bei einem Kaltstart als direkte Einstiegspunkte funktionieren, weil die Quick Actions aus der Shortcuts.json sie mit ?source=shortcut öffnen. 5) Füge in den Einstellungen einen Bereich „App-Icon“ mit Buttons hinzu, die zu changeicon://icon1, changeicon://icon2 und changeicon://default navigieren. 6) Blende jedes dieser nativen Bedienelemente in normalen Browsern und auf Android aus.
Mit einer gut optimierten Version Ihrer Web-App können Sie innerhalb von wenigen Minuten eine beeindruckende mobile App erstellen. Zusätzlich dazu ist der Kundenservice sehr nett und hilfsbereit! Ich kann WebViewGold nur empfehlen :-)
Jedes dieser Features sollte dem Nutzer einen Schritt ersparen. Gute Kandidaten in typischen Vibe-Coding-Apps:
Nächster Termin, nächster Kurs, nächstes Lieferfenster. Ein Widget-Bild, das von Supabase oder Lovable Cloud (Postgres, Storage, Edge Functions) gerendert wird, beantwortet „Wann ist es so weit?“, ohne dass jemand die App öffnen muss.
Habit-Streaks, Sparziele, Umsatz heute, geschriebene Wörter. Eine große Zahl und ein Label lassen sich in Widget-Größe gut lesen.
Quick Actions wie „Neuer Eintrag“, „Beleg scannen“ oder „Heute“ öffnen direkt den richtigen Bildschirm, so fühlt sich die App schneller an als die Website.
Siri-Sätze wie „Workout starten“, „Glas Wasser eintragen“ oder „Meinen Sender abspielen“, wenn Tippen unpraktisch ist.
Alternative Icons als kleine Belohnung für Abonnenten oder ein Dark-Mode-Icon für alle, denen ihr Homescreen wichtig ist.
Ein halber Tag, inklusive Endpunkt für das Widget-Bild.
Leg in Supabase oder Lovable Cloud (Postgres, Storage, Edge Functions) einen Endpunkt an, der ein SVG oder PNG für einen Nutzer zurückgibt: eine Zahl oder eine Textzeile, groß und kontrastreich, keine winzigen Labels. Halte ihn schnell und günstig, denn er wird bei jeder Aktualisierung neu abgerufen.
Das Widget lädt das Bild außerhalb deiner eingeloggten WebView, also gib jedem Nutzer ein nicht erratbares Widget-Token, pack es in die URL und lass ihn es neu erzeugen. Schreib nie eine einfache User-ID in die URL.
Navigiere nach dem Login, nur in der iOS-App, einmal zu widget://https://yourdomain.com/widget.svg?t=TOKEN. Setz widgetfallbackURL auf ein Bild mit deinem Branding für abgemeldete Nutzer und wähle eine sinnvolle widgetRefreshTime; iOS teilt Widget-Aktualisierungen zu, rechne also mit „innerhalb einer Stunde aktuell“, nicht mit Echtzeit.
Folge der Videoanleitung in der iOS-Dokumentation, um die Widget Extension im WebViewGold-Xcode-Projekt zu aktivieren, und füge das Widget dann auf einem echten iPhone aus der Widget-Galerie des Homescreens hinzu.
Schreib zwei bis vier Einträge in Shortcuts.json, die auf Unterseiten deiner Lovable-App zeigen (häng ?source=shortcut für Analytics an). Die Liste wird mit der App ausgeliefert, eine Änderung braucht also einen neuen Build; die Seiten, die sie öffnet, können sich mit jedem Deploy ändern.
Leg alternative Icons in den Ordner AppIconAlternate und ergänze die CFBundleAlternateIcons-Einträge in der Info.plist genau so, wie es die Doku zum dynamischen App-Icon zeigt. Für Siri forderst du das Plugin-Token an, wie in der Siri-Doku beschrieben.
Liegt im WebViewGold-iOS-Projekt und wird mit useShortcuts = true aktiviert (siehe Shortcut-Doku). Das Feld injection führt nach dem Laden der Seite JavaScript aus, hier, um eine Scanner-Ansicht zu öffnen, die deine Web-App bereitstellt.
{
"shortcuts": [
{
"title": "Neuer Eintrag",
"redirection_link": "https://app.yourdomain.com/new?source=shortcut",
"injection": "",
"symbol": "plus.circle"
},
{
"title": "Heute",
"redirection_link": "https://app.yourdomain.com/today?source=shortcut",
"injection": "",
"symbol": "calendar"
},
{
"title": "Beleg scannen",
"redirection_link": "https://app.yourdomain.com/expenses?source=shortcut",
"injection": "(function() { if (window.openReceiptScanner) { window.openReceiptScanner(); } })();",
"symbol": "doc.viewfinder"
}
]
}| Bedarf | iOS in WebViewGold | Alternative auf Android |
|---|---|---|
| Infos auf einen Blick auf dem Homescreen | Bild-Widget (widget://) | Keine Widget-API in WebViewGold. Schick eine Push-Benachrichtigung mit einer url, die den richtigen Bildschirm öffnet; ein natives AppWidget ist individuelle Arbeit im Android-Studio-Projekt, das du erhältst. |
| Direkt zu einem Bildschirm springen | Quick Actions (Shortcuts.json) | Keine dokumentierte Quick-Action-API. Halte diese Bildschirme in deiner Navigation einen Tipp entfernt und nutze App Links, damit Links auf Unterseiten die App öffnen. |
| Sprachbefehle | Siri-Add-on (addtosiri://) | Kein Gegenstück in WebViewGold. |
| Vom Nutzer gewähltes App-Icon | changeicon:// | In WebViewGold für Android nicht verfügbar. |
| Inhalte aus anderen Apps empfangen | Share Extension | Verfügbar: die ShareIntent-API. Siehe Share Extension und Share Intent. |
Nicht über WebViewGold. Widget, Quick Actions per Shortcuts.json, Siri-Sätze und alternative Icons sind Features des iOS-Projekts. Auf Android nutzt du Push-Benachrichtigungen, die eine bestimmte URL öffnen, App Links und das Teilen-Ziel; ein natives Android-Widget ist als individuelle Arbeit im Android-Studio-Projekt möglich, das du erhältst, aber kein dokumentiertes WebViewGold-Feature.
Es zeigt ein Bild, das dein Server rendert, und lädt es in dem Intervall neu, das du in widgetRefreshTime festlegst. iOS teilt Widget-Aktualisierungen zu, sieh die Anzeige also als aktuell, nicht als Echtzeit. Das Widget hat keine eigenen Buttons; ein Tipp darauf öffnet die App.
Es stützt das Argument für Guideline 4.2, weil es etwas kann, das eine Website nicht kann, solange es nützliche Inhalte aus der App zeigt. Zeig es in einem Screenshot und erwähne es in den Review-Notizen, damit der Reviewer auch danach sucht.
Siri ist ein optionales, separat erhältliches Add-on: Du bekommst ein Plugin-Token, das du in siriEnabled einträgst, und fügst dem Target die Siri-Capability hinzu. Widget, Quick Actions und alternative Icons sind dokumentierte Features des iOS-Projekts.
Die Liste liegt in der Shortcuts.json in der App, eine Aktion hinzuzufügen oder umzubenennen braucht also einen neuen Build. Die Seiten, die die Aktionen öffnen, sind normale URLs deiner Lovable-App, und was sie zeigen, ändert sich mit jedem Deploy.
Gleiches Ergebnis, unterschiedlich viel Arbeit auf deiner Seite. Alle drei kommen mit Genehmigungsgarantie und 24/7 Support von echten Menschen.
$109 pro Plattform, einmalig
Die WebViewGold-Lizenz: ein fertiges Xcode- oder Android-Studio-Projekt. URL einfügen, Name und Icon setzen, Features einschalten, bauen und einreichen. Kostenlose Updates für immer.
Pakete auf der Hauptseite ansehen$349 pro Lizenz, einmaliges Add-on
Kein Mac, kein Xcode, kein Android Studio: Du konfigurierst im Browser, wir bauen beide Apps in der Cloud und übergeben sie an App Store Connect und die Play Console.
So funktioniert der Cloud Builder Kostenlose Demo ausprobieren$698 pro Plattform $798
Schick uns deine URL und dein Icon. Unser Team konfiguriert, baut und liefert deine App innerhalb von 72 Stunden, White-Label, inklusive Quellprojekten. Beide Plattformen für $1,158.
Full-Service-Details Powered by
Winter-Sale-Preise gültig bis 31. Dezember 2026.
App Store & Google Play Genehmigungsgarantie – oder Geld zurück innerhalb von 14 Tagen
Lieber abgeben? Full Service: Wir konfigurieren, bauen und liefern innerhalb von 72 Stunden, ab $698 pro Plattform. Fragen? Chatte mit uns – 24/7.
Erstattungen erfolgen zu den in unseren FAQ genannten Bedingungen: eine nicht inhaltsbedingte Ablehnung durch Apple und/oder Google, geltend gemacht innerhalb von 14 Tagen nach dem Kauf.