Zum Hauptinhalt springen

Für Teams mit einer Web-App

Ihr Web-App in iOS- und Android-Apps umwandeln

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.

Für Web, iOS und Android
Eine Codebasis
Typische native Anwendungen
2–3 Minuten
Änderungen nach der Veröffentlichung
Live-Updates
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

Ihre Team schafft die Webanwendung jeden Tag. Mobil hinzufügen bringt neue Arbeit.

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.

Einheimische Werkzeuge sind neu für ein Web-Team

Xcode, Android Studio, Signaturzertifikate, Keystores und Laden-Records sind Arbeit, die Ihr Team noch nicht gemacht hat.

Zwei Veröffentlichungsgeschwindigkeiten

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

Was zuerst in Ihrer Webanwendung überprüfen

Die meisten Web-Apps funktionieren innerhalb von Capacitor mit wenigen Änderungen. Diese drei Überprüfungen fangen die häufigsten Probleme frühzeitig.

Eine statische Ausgabe

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

Routing und Anmelde-Redirects

Überprüfen Sie, dass Client-Seitenrouten, OAuth-Weiterleitungen und Links innerhalb der App funktionieren, nicht nur auf Ihrer Domain.

Web app to Capacitor guide

Gerätefunktionen, die Sie benötigen

Listen Sie nach folgenden native Plugins: Push-Benachrichtigungen, Kamera, Dateien, Biometrie oder In-App-Käufe.

Capacitor plugins

Die Lösung

Was Capacitor und Capgo umsetzen

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 umhüllt Ihre Webanwendung

Capacitor platziert Ihre gebaute Webanwendung in native iOS- und Android-Projekten. Plugins geben Ihrem JavaScript Zugriff auf Gerätefunktionen.

Capacitor plugins

Capgo Build compiles und signiert

Request 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-Dokumentation

Veröffentlichung in den Stores

Signed 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-Dokumentation

Live-Updates nach der Veröffentlichung

Schicken 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__-Dokumentation

Wie es funktioniert

How web teams ship mobile apps with Capgo

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.

  1. Fügen Sie Capacitor Ihrem Web-App hinzu

    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
  2. Verbinden Sie die App mit Capgo

    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
  3. Sichere Apps im Cloud bauen

    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
  4. Web-Änderungen als Live-Updates verschicken

    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

Geben Sie Ihrem Codierungsagenten eine mobilen-Release-Brief

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

Web-Produkte, die auch Store-Apps liefern

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.

Poll Everywhere-App-Icon UNTERNEHMEN

Poll Everywhere

Ein Produkt für die Umfrage auf der Web- und Mobilseite, bei dem Presenter und Teilnehmer die gleichen Flows erwarten.

Google Play-Installationen
1,1M
Store-Bewertung
3.2
Freiberufler: Jobs finden und beauftragen ENTERTAINMENT

Freiberufler: Jobs finden und beauftragen

Marktplatz mit einem großen Web-Produkt, bei dem das Beauftragen, das Messaging und die Kontenansichten auch in einer App des Ladens geliefert werden.

Google Play-Installationen
8,9M
Store-Bewertung
4.1
TV-Programm - TV-Spielfilm ENTERTAINMENT

TV-SPielfilm - TV-Programm

Dienst für Fernsehprogramme mit einem beschäftigten Website und einer App im Laden, die das gleiche Führer und redaktionelle Inhalte zeigt.

Google Play installiert
12,1 Mio.
Ladenbewertung
4.4

Kundenbeweis

Was Teams mit Capgo sagen

5.0/5 Bewertet von Entwicklerteams 9,400+ Teams Lesen Sie Bewertungen

sikafanka

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.”

Kapil

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.

Portrait von Luis Dominguez

Luis Dominguez

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

Häufig gestellte Fragen

Kurze Antworten für Teams, die eine bestehende Web-Anwendung in den App Store und Google Play bringen.

Müssen wir unsere Webanwendung neu schreiben?

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 guide

Web-Anwendung zu Capgo-Leitfaden

Yes, 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 Capacitor

Braucht man einen Mac für die iOS-Build?

No. 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 docs

Was können wir ohne eine App-Store-Veröffentlichung ändern?

JavaScript, 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?

Können mobile Updates von unserem bestehenden CI verschickt werden?

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-Integration

Ihre App in den Stores bringen

Starten 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.