Zum Inhalt springen
WebViewGold Vibe Coding in den App Store
Deutsch
WebViewGold holen

Cursor + Homescreen

Homescreen-Widgets, Quick Actions und Siri für deine Cursor-App

Auf dem Homescreen zeigt eine App, dass sie mehr ist als ein Lesezeichen. Auf iOS gibt WebViewGold deiner Cursor-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.

  • Genehmigungsgarantie – oder Geld zurück innerhalb von 14 Tagen
  • Kein Programmieren nötig
  • Einmalzahlung, kostenlose Updates
  • 24/7 Support von echten Menschen
  • Made in Germany seit 2014 · ISO 27001

Vier Homescreen-Features auf iOS

Bild-Widget

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.

Quick Actions

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.

Siri-Sätze

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.

Alternative App-Icons

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.

Prompt für Cursor

Füge das in Cursor ein, um die Web-App-Seite umzusetzen. Prüfe das Ergebnis, veröffentliche und teste dann in der WebViewGold-App.

Prompt für den Cursor-Agenten
Prompt für den Cursor-Agenten: Füge Web- und Konfigurations-Unterstützung für die iOS-Homescreen-Features von WebViewGold hinzu. 1) Ergänze in src/lib/webviewgold.ts isIOSApp() (unser eigenes WebViewGold-Token in navigator.userAgent plus iPhone oder iPad), updateWidget(url), das zu "widget://" + url navigiert, setAppIcon(name) für changeicon://icon1, icon2, icon3 oder default, und addSiriPhrase(phrase, fnName), das zu addtosiri://?command=ENCODED_PHRASE&jsFunction=fnName() navigiert. 2) Füge eine Backend-Route /widget.svg?t=TOKEN hinzu, die die wichtigste Kennzahl des Nutzers als SVG rendert und über ein rotierendes Token pro Nutzer statt über das Session-Cookie authentifiziert. 3) Ruf updateWidget nach dem Login einmal pro Session auf. 4) Erzeuge die Shortcuts.json für das WebViewGold-Xcode-Projekt mit drei Einträgen (title, redirection_link auf unserer Produktionsdomain mit ?source=shortcut, leere injection, ein gültiges SF Symbol) und liste die verwendeten Symbolnamen auf. 5) Stell window.startQuickTimer() global als Siri-Ziel bereit. 6) Ruf diese Schemes nie außerhalb der iOS-App auf und dokumentiere das in .cursor/rules.

Großartige Möglichkeit, eine Web-App in eine native App zu verwandeln! Schnelle Umsetzung und ein toller Weg, Apps in die App Stores zu bringen, ohne eine komplett native App entwickeln zu müssen!

Kevin Joling · FlightConnections & TrainConnections · Trustpilot

Was auf den Homescreen gehört

Jedes dieser Features sollte dem Nutzer einen Schritt ersparen. Gute Kandidaten in typischen Vibe-Coding-Apps:

Das, was als Nächstes kommt

Nächster Termin, nächster Kurs, nächstes Lieferfenster. Ein Widget-Bild, das von Deine eigenen API-Routen oder Dienste gerendert wird, beantwortet „Wann ist es so weit?“, ohne dass jemand die App öffnen muss.

Fortschritt auf einen Blick

Habit-Streaks, Sparziele, Umsatz heute, geschriebene Wörter. Eine große Zahl und ein Label lassen sich in Widget-Größe gut lesen.

Die drei wichtigsten Aufgaben

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.

Wenn die Hände voll sind

Siri-Sätze wie „Workout starten“, „Glas Wasser eintragen“ oder „Meinen Sender abspielen“, wenn Tippen unpraktisch ist.

Ein Extra für treue Nutzer

Alternative Icons als kleine Belohnung für Abonnenten oder ein Dark-Mode-Icon für alle, denen ihr Homescreen wichtig ist.

Widget und Quick Actions zu einer Cursor-App hinzufügen

Ein halber Tag, inklusive Endpunkt für das Widget-Bild.

  1. Das Widget-Bild auf dem Server rendern

    Leg in Deine eigenen API-Routen oder Dienste 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.

  2. Mit einem Token authentifizieren, nicht mit einem Cookie

    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.

  3. Das Widget aus Cursor heraus verknüpfen

    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.

  4. Das Widget-Target aktivieren

    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.

  5. Quick Actions definieren

    Schreib zwei bis vier Einträge in Shortcuts.json, die auf Unterseiten deiner Cursor-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.

  6. Optional: Icons und Siri

    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.

Shortcuts.json für Quick Actions

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.

json
{
    "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"
        }
    ]
}

Android: was es gibt und was du stattdessen nutzt

BedarfiOS in WebViewGoldAlternative auf Android
Infos auf einen Blick auf dem HomescreenBild-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 springenQuick 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.
SprachbefehleSiri-Add-on (addtosiri://)Kein Gegenstück in WebViewGold.
Vom Nutzer gewähltes App-Iconchangeicon://In WebViewGold für Android nicht verfügbar.
Inhalte aus anderen Apps empfangenShare ExtensionVerfügbar: die ShareIntent-API. Siehe Share Extension und Share Intent.

Häufig gestellte Fragen

Funktionieren Widgets und Quick Actions auf Android?

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.

Kann das Widget Live-Daten zeigen?

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.

Hilft ein Widget beim App-Review?

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.

Ist die Siri-Integration in der Lizenz enthalten?

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.

Kann ich Quick Actions ohne App-Update ändern?

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 Cursor-App, und was sie zeigen, ändert sich mit jedem Deploy.

Drei Wege, deine App in die Stores zu bringen

Gleiches Ergebnis, unterschiedlich viel Arbeit auf deiner Seite. Alle drei kommen mit Genehmigungsgarantie und 24/7 Support von echten Menschen.

Selbst machen

$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

Full Service

$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 WeSetupYourWebViewApp

Winter-Sale-Preise gültig bis 31. Dezember 2026.

Bereit, deine Cursor-App zu veröffentlichen?

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.