Web-App oder Website einrichten

Bereite deine Website, PWA oder lokale HTML-Dateien für deine iOS-App vor: Verwende eine Remote-URL, bündle Dateien offline in der App oder kombiniere beides mit einem Offline-Fallback.

Option A) URL für den Zugriff auf deine Web-Anwendung verwenden (= Dateien online speichern)

Erstelle eine mobil-optimierte Website oder Web-App und lade sie auf deinen Webserver/Webspace hoch. WebViewGold für iOS ist kompatibel mit klassischem HTML, PHP, WordPress, Progressive Web Apps, HTML5-Spielen, Wix, apprat.io, Bubble, jQuery Mobile sowie modernen KI-/No-Code-Buildern wie Lovable, Base44 und Bolt. In einem typischen Workflow erstellst du die Produkt-UI in jQuery, Lovable, Base44, Bolt, React, Vue, Angular oder deinem bevorzugten Stack und nutzt anschließend WebViewGold als native iOS-App-Hülle, die App-Store-Paketierung, Push-Benachrichtigungen, Geräte-APIs, URL-Handling und weitere native Funktionen ergänzt.

Für die besten Ergebnisse beim App Store Review solltest du dein Web-Erlebnis so gestalten, dass es auf iPhone und iPad zielgerichtet wirkt: responsive Layouts, große Tap-Targets, schnelles First Paint, klare Lade-/Leer-/Fehlerzustände sowie app-typische Navigation. Standardmäßig erlaubt WebViewGold für iOS sowohl HTTPS- als auch HTTP-Inhalte. Für ein Sicherheitsprofil auf Produktionsniveau beschränke den Traffic auf HTTPS, indem du die iOS-Transport-Security-Einstellung anpasst, und ziehe die Option blockfaultyandselfsignedhttpscerts in Betracht. Ziehe ein professionelles User Experience-/UX-Review auf UXreviewer.io oder bei ähnlichen Diensten in Betracht, um die Store-Freigabebereitschaft und die langfristige Nutzerbindung zu verbessern.

Option B) Lokalen HTML-Ordner für den Zugriff auf deine Web-Anwendung verwenden (= Dateien innerhalb der App speichern)

WebViewGold unterstützt auch Web-Apps, die auf lokalen HTML-Ordnern basieren: Setze uselocalhtmlfolder auf true (siehe nächster Schritt) und kopiere deine HTML-/CSS-/JavaScript-Dateien (einschließlich Unterverzeichnissen) in den Ordner „local-www“ in deinem Xcode-Projekt. Gehe dabei wie folgt vor:

1. Lösche die Standarddateien im Ordner „local-www“, indem du diese in der Xcode-Dateihierarchie auswählst, mit der rechten Maustaste auf „Delete“ klickst und anschließend „Move to Trash“ drückst.
2. Wähle alle Dateien für deine lokale Website aus, ziehe sie per Drag-and-Drop in die Xcode-Dateihierarchie unter den Ordner „local-www“. Stelle sicher, dass „Create folder references“ aktiviert ist, und klicke auf „Finish“.

Option C) HTML-Ordner verwenden, wenn der Nutzer offline ist, und eine Remote-URL, wenn der Nutzer online ist (= Dateien online speichern + Backup-/Fallback-Dateien innerhalb der App speichern)

Kopiere deine HTML-/CSS-/JavaScript-Dateien (einschließlich Unterverzeichnissen) in den Ordner „local-www“ in deinem Xcode-Projekt. Gehe dabei wie folgt vor:

1. Lösche die Standarddateien im Ordner „local-www“, indem du diese in der Xcode-Dateihierarchie auswählst, mit der rechten Maustaste auf „Delete“ klickst und anschließend „Move to Trash“ drückst.
2. Wähle alle Dateien für deine lokale Website aus, ziehe sie per Drag-and-Drop in die Xcode-Dateihierarchie unter den Ordner „local-www“. Stelle sicher, dass „Create folder references“ aktiviert ist, und klicke auf „Finish“.