Capacitor CLI hilft Ihnen dabei, Webanwendungen mit einer einzigen Codebasis in native iOS- und Android-Apps zu transformieren. So richten Sie es schnell ein:
- Voraussetzungen: Installieren Sie Node.js (v16+), npm und ein Web-Framework (React, Vue, Angular, etc.).
- Capacitor CLI installieren: Führen Sie
npm install @capacitor/cli @capacitor/core
aus und initialisieren Sie Ihr Projekt mitnpx cap init
. - Plattformen vorbereiten: Fügen Sie Unterstützung für iOS (
npx cap add ios
) und Android (npx cap add android
) Plattformen hinzu. - Build und Sync: Verwenden Sie
npm run build
undnpx cap sync
, um Web-Assets in native Projekte zu übertragen. - Optionale Live-Updates: Nutzen Sie Tools wie Capgo, um Updates sofort ohne App-Store-Verzögerungen bereitzustellen.
Capacitor CLI vereinfacht die App-Entwicklung und -Wartung. Befolgen Sie die Anleitung für eine reibungslose Einrichtung und Fehlerbehebung.
Erstellen Sie schnell eine Mobile App! React + Capacitor + Tailwind + DaisyUI
Bevor Sie beginnen
Bereiten Sie Ihre Umgebung mit diesen Schritten vor:
Node.js und npm einrichten
Sie benötigen Node.js Version 16 oder höher. Die neueste LTS-Version wird empfohlen. Um Ihre Installation zu überprüfen, führen Sie aus:
node --versionnpm --version
Falls Sie aktualisieren müssen, laden Sie Node.js (inklusive npm) von der offiziellen Website herunter.
Nachdem Sie Node.js bestätigt haben, stellen Sie sicher, dass Ihr Webprojekt die erforderlichen Capacitor-Anforderungen erfüllt.
Ihr Webprojekt überprüfen
Ihr Webprojekt sollte Folgendes haben:
- Eine gültige package.json: Stellen Sie sicher, dass sie korrekt konfiguriert ist.
- Ein Build-Verzeichnis: Hier befinden sich Ihre Web-Assets (üblicherweise
dist
oderwww
). - Einen Einstiegspunkt: Ihr Build-Verzeichnis muss eine
index.html
Datei enthalten.
Hier ein kurzer Überblick über wichtige package.json
Felder:
Erforderliches Feld | Beispielwert | Zweck |
---|---|---|
name | ”my-app” | Identifiziert das Projekt |
version | ”1.0.0” | Gibt die App-Version an |
build directory | ”dist” oder “www” | Verweist auf Web-Assets |
Sobald Node.js und Ihr Webprojekt bereit sind, fahren Sie mit der Installation plattformspezifischer Tools fort.
Erforderliche Software installieren
Für Android-Entwicklung:
- Laden Sie die neueste Version von Android Studio herunter und installieren Sie sie.
- Richten Sie das Android SDK mit mindestens API Level 22 ein.
- Konfigurieren Sie die
ANDROID_HOME
Umgebungsvariable.
Für iOS-Entwicklung (nur Mac):
-
Installieren Sie Xcode 14 oder eine neuere Version.
-
Installieren Sie Command Line Tools.
-
Verwenden Sie Homebrew um CocoaPods zu installieren:
Terminal window brew install cocoapods -
Akzeptieren Sie die Xcode-Lizenz:
Terminal window sudo xcodebuild -license accept
Bei der späteren Integration von Capgo stellen Sie sicher, dass Sie eine stabile Internetverbindung und gültige SSL-Zertifikate haben.
Mit diesen Schritten sind Sie für einen reibungslosen Capacitor-Entwicklungsprozess bereit. Als Nächstes installieren Sie die Capacitor CLI.
[Continue with the rest of the text? Let me know if you want me to translate more sections.]