Ihre Website/Web-App einrichten
Erstellen Sie eine für den Desktop optimierte Website oder Web-App und laden Sie sie auf Ihren Webspace hoch. WebViewGold für macOS unterstützt klassisches HTML, PHP, WordPress, Progressive Web Apps, HTML5-Spiele, Wix, Bubble, jQuery Mobile sowie moderne KI-/No-Code-Builder wie Lovable, Base44 und Bolt. Ein professioneller Implementierungs-Workflow besteht darin, Ihr Kernprodukt in jQuery, Lovable, Base44, Bolt, React, Vue, Angular oder einem anderen Web-Stack zu erstellen und WebViewGold anschließend als nativen Mac-App-Container zu verwenden, der Xcode-Paketierung, natives macOS-Fensterverhalten, URL-Handling, Dateiintegrationen und Optionen zur App-Verteilung hinzufügt.
Optimieren Sie das Erlebnis wie eine echte macOS-Desktop-App: Verwenden Sie responsive Layouts für Fenster mit veränderbarer Größe, eine tastaturfreundliche Navigation, klare Lade- und Fehlerzustände, HTTPS-Endpunkte und prägnante Ausweichbildschirme für Offline- oder Wartungssituationen. Sie können beispielsweise das Zoomen durch Benutzer deaktivieren, wenn dies Ihrer UI-Spezifikation entspricht:
<meta name="viewport" content="width=device-width, user-scalable=no" />
Beispiel für eine SDK-artige Implementierung
Behalten Sie Ihre Website als maßgebliche Quelle der Geschäftslogik bei und stellen Sie kleine, dokumentierte JavaScript-Hilfsfunktionen für rein native Aktionen bereit. So bleibt dieselbe Webanwendung in Browsern nutzbar, während WebViewGold für macOS die Desktop-Hülle bereitstellt. Halten Sie für SEO die Routentitel, Meta-Beschreibungen, Überschriften und strukturierten Inhalte auf Ihrer öffentlichen Website indexierbar; für App-Nutzer lässt WebViewGold dieselben Routen in einer nativen Mac-App-Erfahrung laden.
WebViewGold für macOS-Desktop-Apps einrichten
Xcode ist erforderlich, um Apps mit WebViewGold für macOS einzurichten. Xcode ist eine leistungsstarke integrierte Entwicklungsumgebung (IDE), mit der Apps für Apple-Geräte wie iPhones, iPads und Macs erstellt werden. Wichtig zu wissen: Xcode ist ein großes Programm und kann viel Speicherplatz auf Ihrem Mac belegen. Außerdem ist Xcode nur für Macs verfügbar und nicht mit Windows oder Linux kompatibel. Hier finden Sie eine Schritt-für-Schritt-Anleitung zum Herunterladen und Installieren von Xcode auf Ihrem Mac:- Klicken Sie hier: Xcode im Mac App Store herunterladen
- Klicken Sie auf die Schaltfläche „Laden“ oder „Herunterladen“, um den Download-Vorgang zu starten.
- Sobald der Download abgeschlossen ist, wird das Xcode-Installationsprogramm automatisch gestartet.
- Folgen Sie den Anweisungen im Installationsprogramm, um die Installation abzuschließen.
- Öffnen Sie Xcode nach Abschluss der Installation über den Ordner „Programme“ oder die Spotlight-Suche.
- Wenn Sie Xcode zum ersten Mal öffnen, werden Sie möglicherweise aufgefordert, zusätzliche Komponenten zu installieren oder den Nutzungsbedingungen zuzustimmen. Folgen Sie den Aufforderungen, um die Einrichtung abzuschließen.
Führen Sie die folgenden Schritte aus, um diese Funktion zu deaktivieren:
- Öffnen Sie den Finder und wechseln Sie zum Ordner „Programme“.
- Suchen Sie die Xcode-App und klicken Sie mit der rechten Maustaste darauf.
- Wählen Sie im Menü „Informationen“ aus.
- Deaktivieren Sie im Informationsfenster die Option „Mit Rosetta öffnen“.
- Schließen Sie das Informationsfenster.
- Öffnen Sie Xcode; es sollte nun nativ auf dem Prozessor Ihres Mac laufen.
- Das Deaktivieren von „Mit Rosetta öffnen“ kann andere Xcode-Projekte (wie WebViewGold für iOS) beeinträchtigen, die auf Rosetta angewiesen sind. Daher ist es ratsam, Ihre anderen Projekte nach dieser Änderung zu testen (und die Änderung rückgängig zu machen), um sicherzustellen, dass alles ordnungsgemäß funktioniert.
Wählen Sie den Ordner „public“ und konfigurieren Sie die Datei config.json:
Öffnen Sie die Datei index.html, um die URL zu bearbeiten:
Wenn Sie lokale HTML-Inhalte (anstelle einer entfernten URL) verwenden möchten, ersetzen Sie einfach die Datei index.html durch Ihre eigenen Inhalte.
App-Symbol ändern
Ersetzen Sie einfach die enthaltenen Bilddateien durch Ihre eigenen, in der Größe angepassten Bilddateien. Alternativ können Sie dieses hilfreiche Tool verwenden: Asset Catalog Creator - App Icon, Image Set & Launch Screen Generator for iOS & OS X von Bridge Technologies Limited (wir sind nicht mit dem Entwicklerunternehmen verbunden).
Anwendungsnamen ändern
Optional) Text des Offline-Bildschirms ändern
Öffnen Sie die Datei OfflineOverlay.xib im Unterordner Interface Builder. Doppelklicken Sie anschließend auf den Text, um ihn zu bearbeiten: 
Optional) Text des Dialogs beim ersten Start ändern
Öffnen Sie die Datei FirstRunWindow.xib im Unterordner Interface Builder. Doppelklicken Sie anschließend auf den Text, um ihn zu bearbeiten: 
Optional) Text/Dauer des Begrüßungsbildschirms ändern
Öffnen Sie die Datei SplashScreen.xib im Unterordner Interface Builder. Doppelklicken Sie anschließend auf den Text, um ihn zu bearbeiten: 
Wenn Sie die maximale Dauer des Begrüßungsbildschirms ändern möchten, öffnen Sie die Datei Preferences.m im Unterordner Generic, um den Timeout-Wert (in Sekunden) zu ändern:
In-App Purchase & In-App Subscription API
In einigen macOS-/Mac-Apps können Sie zusätzliche Inhalte oder Dienste kaufen. Diese Art von Käufen wird als „in-app purchases“ bezeichnet. Sie können eine attraktive Einnahmequelle für Entwickler sein und sind für Kunden sehr praktisch, da für die Abwicklung vorhandene Konten und Zahlungsquellen verwendet werden. WebViewGold ermöglicht das Auslösen von Mac App Store In-App Purchases. Fügen Sie einfach Ihre In-App Purchase Product ID (aus App Store Connect) in die Datei Constants.h ein: 
Verlinken Sie anschließend einfach auf eine solche URL:
<a href="inapppurchase://?successful_url=https://www.google.com">Buy In-App Purchase</a>
Alternativ können Sie für Abonnementprodukte eine solche URL verwenden:
<a href="inappsubscription://?successful_url=https://www.google.com&expired_url=https://www.yahoo.com">Start In-App Subscription</a>
In diesem URL-Beispiel sollte https://www.google.com nach der erfolgreichen Aktivierung des Abonnements aufgerufen werden, und https://www.yahoo.com sollte aufgerufen werden, sobald das Abonnement abgelaufen ist.
UUID API
WebViewGold ermöglicht die Übergabe einer nicht personenbezogenen, eindeutigen Geräte-ID (UUID / „Universally Unique Identifier“) an JavaScript, die zur eindeutigen Identifizierung von macOS-Geräten verwendet werden kann. Diese API kann beispielsweise nützlich sein, um Einstellungen oder Werte serverseitig zu speichern und clientseitig wiederherzustellen. Bitte beachten Sie lokale und internationale Datenschutzbestimmungen, wenn Sie diese API verwenden.
<a href="get-uuid://">Get UDID</a>
<a href="#" onClick="alert(uuid);">Show UDID</a>
Deeplinking API
Deeplinking („Custom URL Scheme“) ist ein leistungsstarker Ansatz, mit dem Benutzer direkt aus einer externen Quelle wie einer Website, einer E-Mail oder einer anderen App zu einer bestimmten Seite oder einem bestimmten Bereich einer App navigieren können. Im Kontext der macOS-App-Vorlage von WebViewGold ermöglicht Deeplinking Entwicklern, Links zu erstellen, die die App starten und Benutzer zu einer bestimmten Seite innerhalb der App führen.
Die Implementierung von Deeplinking in der App-Vorlage von WebViewGold für macOS ist relativ einfach. So funktioniert es:
Danksagungen / Lizenz
Alle Rechte (z. B. an Bildern) liegen bei den jeweiligen Eigentümern. Anbieter dieses Quellcodes ist OnlineAppCreator.com c/o jocapps GmbH – mit Sitz in Deutschland – und steht in keiner Verbindung zu Apple. iOS ist eine eingetragene Marke von Cisco und wird von Apple Inc. unter Lizenz verwendet. iPad, iPhone, iPod, Xcode und das Xcode-Logo sind eingetragene Marken von Apple Inc. WebViewGold für Mac basiert auf MacGap (lizenziert unter der MIT-Lizenz).
Bitte werfen Sie einen Blick auf die Lizenzinformationen Ihres CodeCanyon-Kaufs: https://codecanyon.net/licenses/terms/tools
WebViewGold bewerten
Wenn Sie 10 Sekunden Zeit haben, bewerten Sie WebViewGold bitte (das ist eine großartige Motivation für zukünftige Updates ^^):
1. Gehen Sie zu CodeCanyon.net und melden Sie sich an
2. Navigieren Sie zu https://www.codecanyon.net/downloads
3. Klicken Sie auf die Sterne, wie in diesem Bild gezeigt:
Vielen Dank!
WebViewGold für iOS & Android
photos2webgallery für macOS
