Eine responsiv gestaltete Seite ist kein Ladenapp
Eine Präsenz im Laden, Push-Benachrichtigungen und Geräte-APIs benötigen eine native App-Shell um Ihr Web code herum.
Für Teams mit einer Web-App
Um Ihre bestehende Web-App mit Capacitor zu umhüllen, Capgo Build zur Erstellung von signierten Binärdateien zu verwenden und diese auf dem App Store und Google Play zu veröffentlichen. Nach der Veröffentlichung können Web-Änderungen als Live-Updates verschickt werden. Ihre Web-code bleibt der Quellcode.
14-tägige unbegrenzte kostenlose Testversion. Keine Kreditkarte erforderlich
npm install @capacitor/core @capacitor/cli @capacitor/ios @capacitor/android
npx cap init "Your App" com.company.app --web-dir dist
npx cap add ios && npx cap add android
npx @capgo/cli@latest init
npx @capgo/cli@latest build request --platform ios
Deine Webanwendung
Reakt, Vue, Angular, Svelte oder jede andere Stapel, der statische Dateien erstellt
Speichere Apps, die du ständig aktualisierst
Native iOS- und Android-Projekte, in der Cloud erstellt, über das Air-Update aktualisiert
Das Problem
Eine Präsenz im Laden, Push-Benachrichtigungen und Geräte-APIs benötigen eine native App-Shell um Ihr Web code herum.
Xcode, Android Studio, Signaturzertifikate, Keystores und Laden-Records sind Arbeit, die Ihr Team noch nicht gemacht hat.
Ihr Web-App wird immer dann verschickt, wenn Sie mergeen. Eine Ladenapp wartet auf jede Änderung auf eine Überprüfung, oft 24-48 Stunden, manchmal viel länger.
Bevor Sie beginnen
Die meisten Web-Apps funktionieren innerhalb von Capacitor mit wenigen Änderungen. Diese drei Überprüfungen fangen die häufigsten Probleme frühzeitig.
Capacitor lädt Ihre gebauten Dateien von einem Ordner (webDir) herunter. Vite, Angular und Vue produzieren das Standardmäßig. Next.js benötigt eine statische Exportierung.
Next.js mit CapacitorÜberprüfen Sie, dass Client-Seitenrouten, OAuth-Weiterleitungen und Links innerhalb der App funktionieren, nicht nur auf Ihrer Domain.
Web app to Capacitor guideListen Sie nach folgenden native Plugins: Push-Benachrichtigungen, Kamera, Dateien, Biometrie oder In-App-Käufe.
Capacitor pluginsDie Lösung
Capacitor gibt Ihrem Web-App eine native Schale. Capgo baut sie, sendet sie in die Stores und hält sie auf dem neuesten Stand.
Capacitor platziert Ihre gebaute Webanwendung in native iOS- und Android-Projekten. Plugins geben Ihrem JavaScript Zugriff auf Gerätefunktionen.
Capacitor pluginsRequest iOS and Android builds from the CLI. iOS builds run on cloud Macs, so nobody on the team needs one. A typical build takes 2–3 minutes.
Capgo Build-DokumentationSigned Builds werden an App Store Connect und Google Play hochgeladen. Die erste Veröffentlichung und jede native Änderung müssen noch einer Store-Überprüfung unterzogen werden.
Capgo Build-DokumentationSchicken Sie JavaScript, HTML, CSS und Asset-Änderungen an installierte Apps ohne eine neue App-Store-Version. Testen Sie zunächst auf einer Vorabversion.
__CAPGO_KEEP_0__-DokumentationWie es funktioniert
Von einer bestehenden Web-App zu Store-Builds und Live-Updates. Capacitor-Befehle kommen aus der Capacitor CLI, Capgo-Befehle aus der Capgo CLI-Dokumentation.
Installieren Sie Capacitor, legen Sie den App-Namen, den Bundle-Id und den Build-Ausgabefolder fest, und fügen Sie dann die iOS- und Android-Projekte hinzu.
npm install @capacitor/core @capacitor/cli @capacitor/ios @capacitor/android
npx cap init "Your App" com.company.app --web-dir dist
npx cap add ios
npx cap add android
Web-App zu Capacitor-Guide
Die Einrichtung fügt Ihrer App Capgo hinzu, erstellt eine Produktionskanal, installiert den Updater-Plugin und führt Sie durch eine erste Testaktualisierung.
npx @capgo/cli@latest init
CLI-Einrichtungsleitfaden
Einmal Signieren, dann iOS- und Android-Builds anfordern. Die signierten Builds werden an App Store Connect und Google Play für die Überprüfung hochgeladen.
npm run build && npx cap sync
npx @capgo/cli@latest build init
npx @capgo/cli@latest build request --platform ios
npx @capgo/cli@latest build request --platform android
Capgo-Build-Dokumentation
Nachdem die Benutzer die App installiert haben, müssen sie jede neue Webversion in einen Kanal hochladen. Änderungen an der Native-Anwendung erfordern eine neue App-Version.
npm run build
npx @capgo/cli@latest bundle upload --channel production
Ein Update verschicken
Optional: KI-Codierungsagent
Wenn Sie einen KI-Codierungsagenten verwenden, fügen Sie diesen Brief ein. Es überprüft die Anwendung und erstellt einen Handover-Datei mit der Konfiguration, den Plugin-Bedürfnissen und den offenen Aufgaben, bevor jemand native Werkzeuge ausführt.
KI-mobilen-Release-Brief
You are preparing this existing web app to become an installable iOS and Android app.
Do not assume you can run local tooling. If this environment cannot create native projects or run local tools, create a clean handoff document instead.
Inspect the app and return:
1. The framework, package manager, production build process, and build output folder.
2. Whether the app can be exported or committed to a real Git repository.
3. The app name, bundle ID or package ID suggestion, app icon and splash-screen source, and any missing brand assets.
4. Auth, redirect, deep-link, storage, camera, push, payment, geolocation, file, or notification features that need native plugin planning.
5. Routing, environment variables, API URLs, and asset assumptions that could break inside a native WebView.
6. A proposed Capacitor configuration, including appId, appName, webDir, and required plugins, without inventing secrets.
7. A release-channel plan: production, staging, preview, and rollback expectations for web-layer updates.
8. A list of tasks that must happen outside this environment, such as Apple signing, Android keystore setup, native sync, store records, and signed builds.
9. A docs/mobile-release-handoff.md file with the exact checklist, open questions, and files that a developer or build service should handle next.
10. A short summary of what you changed, what you could not do in this environment, and the next human action.
Apps, die mit Capacitor erstellt wurden
Produkte, die bereits auf dem Web leben, können das gleiche code mit Capacitor paketieren, es im App Store und Google Play veröffentlichen und Web-Schichten-Verbesserungen als Live-Updates liefern.
Ein Produkt für die Umfrage auf der Web- und Mobilseite, bei dem Presenter und Teilnehmer die gleichen Flows erwarten.
Marktplatz mit einem großen Web-Produkt, bei dem das Beauftragen, das Messaging und die Kontenansichten auch in einer App des Ladens geliefert werden.
Dienst für Fernsehprogramme mit einem beschäftigten Website und einer App im Laden, die das gleiche Führer und redaktionelle Inhalte zeigt.
Kundenbeweis
Gestaltung, Radius 5
“Capgo Build hat uns geholfen, unseren Capacitor App-Veröffentlichungsprozess zu vereinfachen. Wir können iOS- und Android-Apps aus einem klaren Workflow erstellen und verschicken.”
Gründer, NuTriQ
Das sofortige Pushen von Produktions-OTA-Updates ohne Wartezeit auf die vollständige App-Store-Bewertung hat einen enormen operativen Vorteil gebracht.
Wer zahlt, Anirol
“Seit ich Capgo verwende, ist alles schneller, und ich kann meinen Nutzern die Zeit geben, die sie verdienen, ohne meine tägliche Arbeit vernachlässigen zu müssen.”
FAQ
Kurze Antworten für Teams, die eine bestehende Web-Anwendung in den App Store und Google Play bringen.
No. Capacitor runs your existing web build inside native iOS and Android projects. You add plugins where you need device features and keep one codebase for web and mobile.
Web app to Capacitor guideYes, with a static export. Capacitor loads files from your build output folder, so set output: 'export' and point webDir at the exported folder. Vite, Angular, and Vue produce static output by default.
Next.js mit CapacitorNo. Capgo Build runs iOS builds on cloud Mac machines and uploads the signed build to App Store Connect. You still need an Apple Developer account.
Capgo Build docsJavaScript, HTML, CSS und Assets können als Live-Updates verschickt werden. Hinzufügen eines Plugins, Ändern der Berechtigungen oder Aktualisieren von Capacitor erfordert eine neue Store-Build.
Live update oder native Build?Ja. Führen Sie nach Ihrem Web-Build den Upload von Bundeln in GitHub Actions, GitLab CI oder jeder anderen Pipeline durch und fordern Sie native Builds von derselben Pipeline an, wenn native code-Änderungen vorliegen.
CI/CD-IntegrationStarten Sie den 14-tägigen kostenlosen Test, um Ihre App mit Capacitor zu umhüllen und Ihre ersten iOS- und Android-Builds vom CLI anfordern.
Menschliche Unterstützung von Martin
14-tägige kostenlose Testversion. Keine Kreditkarte erforderlich
Unternehmen benötigen? Kontaktieren Sie unser Team