Zum Hauptinhalt springen

npm Skripte für Capacitor OTA-Updates erklärt

Lernen Sie, wie Sie OTA-Updates für Ihre Capacitor-Anwendung automatisieren können, indem Sie npm-Skripte verwenden, um die Bereitstellungsleistung und die Benutzererfahrung zu verbessern.

Martin Donadieu

Martin Donadieu

Inhaltsmarketer

npm Scripts for Capacitor OTA Updates Explained

Aktualisieren Sie Ihre Capacitor Die Anwendung wurde nie einfacher. Durch die Combination von Over-The-Air (OTA)-Updates mit npm-Skripten können Sie die Bereitstellung automatisieren, Zeit sparen und sicherstellen, dass Ihre Benutzer immer die neueste Version haben - ohne auf die Genehmigung durch das App-Store abzuwarten.

Hier lernen Sie Folgendes:

  • Wie man npm-Skripte für OTA-Updates einrichtet.
  • Automatisierung durch Einfügen von Updates in CI/CD-Pipelines.
  • Verwaltung von App-Versionen, Sicherheit und Updates testen.
  • Warum Capgo ist eine zuverlässige Plattform für die Verwaltung von OTA-Updates.

Hauptvorteile:

  • Automatisieren Sie Updates mit einem Befehl.
  • Deploy Updates sicher mit Verschlüsselung.
  • Integrieren Sie Updates in Workflows wie GitHub.
  • Zeit sparen mit Tools wie Capgo, die Updates in weniger als 500ms liefern.

Schnelle Einrichtungsbeispiel:

  1. Installieren Sie Tools: npm install @capgo/cli --save-dev
  2. Konfigurationen für Updates capacitor.config.json.
  3. Fügen Sie Skripte wie npm hinzu, um deploy:production die Bereitstellung zu vereinfachen.

Mit Plattformen wie Capgo, die schnelle Updates (95% Benutzerakzeptanz in 24 Stunden) und günstige Preise anbieten, wurde das Management von OTA-Updates nie effizienter.

npm-Skripte für OTA-Updates

Hier erfahren Sie, wie Sie npm-Skripte konfigurieren, um Capacitor-OTA-Updates wirksam zu verwalten. Dazu gehören die Installation notwendiger Pakete, die Einrichtung von Konfigurationen und die Erstellung von Bereitstellungs-Skripten.

Installation notwendiger Pakete

Zuerst installieren Sie die notwendigen Pakete. Das Capgo CLI-Tool ermöglicht diese Prozess mit integrierten Befehlen:

npm install @capgo/cli --save-dev
npm install @capacitor/cli --save-dev

Dann initialisieren Sie die OTA-Konfiguration mit folgendem Befehl:

npx @capgo/cli init

OTA-Updates konfigurieren

Aktualisieren Sie Ihr capacitor.config.json Legen Sie die folgenden Einstellungen in Ihrem

{
  "appId": "com.your.app",
  "appName": "Your App",
  "plugins": {
    "CapacitorUpdates": {
      "autoUpdate": true,
      "updateUrl": "https://api.capgo.app/updates",
      "statsUrl": "https://api.capgo.app/stats"
    }
  }
}

Diese Konfiguration stellt sicher, dass Ihre App Updates automatisch abrufen und Statistiken melden kann.

Erstellung von Bereitstellungs-Skripten

Fügen Sie diese npm-Skripte in Ihrem package.json zur Vereinfachung des Build- und Bereitstellungsprozesses ein:

{
  "scripts": {
    "build:web": "npm run build",
    "build:update": "npx @capgo/cli build",
    "deploy:update": "npx @capgo/cli upload",
    "deploy:production": "npm run build:web && npm run build:update && npm run deploy:update"
  }
}
  • build:web: Erstellt Web-Assets, typischerweise während der Entwicklung und Bereitstellung verwendet.
  • build:update: Vorbereitet das Update-Paket für OTA-Updates.
  • deploy:update: Uploadet das Update-Paket auf Capgo.
  • deploy:production: Verwaltet den vollständigen Build- und Bereitstellungsworkflow, ideal für Produktionsfreigaben.

“Wir konfigurieren Ihre CI/CD-Pipeline direkt in Ihrer bevorzugten Plattform, egal ob es GitHub Actions, GitLab CI oder andere ist. Wir hosten keine CI/CD und berechnen keine Gebühren für deren Pflege.” - Capgo [1]

Umgebungseinstellungen setzen

Um die Einrichtung abzuschließen, definieren Sie diese Umgebungsvariablen:

CAPGO_TOKEN=your_api_token
CAPGO_APP_ID=your_app_id

Kompatibilität und Zuverlässigkeit

Das Capgo CLI unterstützt Capacitor 8, wodurch es mit den neuesten Versionen funktioniert und eine zuverlässige Aktualisierungsfunktion bietet.

SkriptbefehlZweckVerwendung
build:webBaut Web-AssetsWährend der Entwicklung und des Deployments
build:updateVorbereitet das Update-PaketBevor jede OTA-Update
deploy:updateHochladen von Updates auf CapgoWenn Updates bereit sind, zum Pushen
deploy:productionBehandelt den gesamten WorkflowFür Produktionsfreigaben

Hinzufügen von npm-Skripten zur CI/CD

Integriert npm-Skripte in Ihre CI/CD-Pipeline können den Over-The-Air-(OTA)-Update-Prozess für Capacitor-Apps vereinfachen. Hier ist eine Anleitung zur effizienten Einrichtung automatischer Bereitstellungen.

CI/CD-Build-Setup

Konfigurieren Sie Ihre CI/CD-Umgebung mit den notwendigen Variablen und Schritten:

environment:
  CAPGO_TOKEN: ${{ secrets.CAPGO_TOKEN }}
  CAPGO_APP_ID: ${{ secrets.CAPGO_APP_ID }}
  NODE_ENV: production

Für beste Leistung, fügen Sie Caching in Ihren Build-Prozess ein:

cache:
  paths:
    - node_modules/
    - .npm/
    - dist/

GitHub Actions Einrichtungsanleitung

GitHub Actions

Um Ihre Bereitstellungsvorgänge zu automatisieren, erstellen Sie ein .github/workflows/ota-deploy.yml Datei mit dieser Konfiguration:

name: Deploy OTA Update
on:
  push:
    branches: [ main ]

jobs:
  deploy:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v6

      - name: Setup Node.js
        uses: actions/setup-node@v3
        with:
          node-version: '24'

      - name: Install dependencies
        run: npm ci

      - name: Run deployment
        run: npm run deploy:production
        env:
          CAPGO_TOKEN: ${{ secrets.CAPGO_TOKEN }}
          CAPGO_APP_ID: ${{ secrets.CAPGO_APP_ID }}

Dieses Setup stellt sicher, dass Ihre App automatisch bereitgestellt wird, sobald Änderungen auf den __CAPGO_KEEP_0__ gepusht werden. main Zweig.

Aktualisierung von Recovery und Fixes

Um potenzielle Updatefehler zu handhaben, sollten Sie Recovery-Mechanismen in Ihrem CI/CD-Pipeline implementieren. Diese Funktionen können dabei helfen, die App-Stabilität aufrechtzuerhalten:

WiederherstellungsfeatureImplementierungZweck
Version zurücksetzennpm run revert:updateGibt die letzte stabile Version zurück
Gesundheitsüberprüfungennpm run verify:updateStellt sicher, dass die Aktualisierung ordnungsgemäß funktioniert
Automatischer WiederholungsversuchmaxRetries: 3 in der KonfigurationVersucht die Aktualisierung mehrmals

Sie können Ihren Bereitstellungs-Script umfangreich verbessern, um Fehler automatisch zu verwalten. Zum Beispiel:

npm run deploy:production || npm run revert:update

Dieses Skript stellt sicher, dass, wenn eine Bereitstellung fehlschlägt, das System auf die vorherige stabile Version zurückkehrt. Darüber hinaus kann Ihre CI/CD-Pipeline Statusberichte senden und Benachrichtigungen über Ihre bevorzugte Plattform auslösen.

Tipps zur Verwaltung von OTA-Updates

Die effektive Verwaltung von OTA-Updates beinhaltet das Aufrechterhalten eines engen Blicks auf die Versionskontrolle, strenge Tests und starke Sicherheitsprotokolle. Hier erfahren Sie, wie Sie Updates mit Hilfe von npm-Skripten effizienter gestalten können.

Versionsverwaltung

Semantic versioning ist eine einfache Möglichkeit, Anwendungsaktualisierungen zu verwalten. Hier ist ein Beispielkonfiguration:

{
  "version": "2.5.0",
  "scripts": {
    "update:major": "npm version major && npm run deploy:update",
    "update:minor": "npm version minor && npm run deploy:update",
    "update:patch": "npm version patch && npm run deploy:update"
  }
}

Verwenden Sie separate Kanäle wie Produktions, Beta, Alpha und Hotfix, um gezielte Rollouts zu ermöglichen. Diese Strategien erleichtern die Testung von Updates und sichern glatte Bereitstellungen.

Aktualisierungs-Schritte

Automated testing is essential for catching issues early. Use npm scripts to simplify the process:

npm run test:update -- --channel=beta
npm run verify:deployment
npm run monitor:metrics

Durch die Überprüfung von Updates in verschiedenen Kanälen können Probleme frühzeitig identifiziert werden, bevor sie alle Benutzer erreichen. Automatisierte Rollover-Prozeduren sind ein weiterer Sicherheitsnetz, um die App-Stabilität aufrechtzuerhalten.

Aktualisieren von Sicherheitsmaßnahmen

Sicherheit ist bei OTS-Updates von entscheidender Bedeutung. Hier sind einige wichtige Maßnahmen, die Sie ergreifen sollten:

SicherheitsfunktionImplementierungZweck
End-to-End VerschlüsselungBereitgestellt durch CapgoSchützt vor Datenpannen
Update-ZertifizierungPaketüberprüfungBestätigt, dass Updates echt sind
ZugriffssteuerungBerechtigungs-basierte BerechtigungenBeschränkt Zugriff für das Team

„Die einzige Lösung mit echter Ende-zu-Ende-Verschlüsselung, andere signieren nur Updates“ - Capgo [1]

Um sicherzustellen, dass Updates sicher sind, konfigurieren Sie npm-Skripte, um alles zu validieren, bevor Sie es bereitstellen:

{
  "scripts": {
    "predeploy": "npm run security:check",
    "deploy": "capgo upload --encrypt",
    "security:check": "npm audit && npm run validate:bundle"
  }
}

Zusätzlich setzen Sie kanal-spezifische Sicherheitsrichtlinien durch und verwenden Sie berechtigungs-basierte Berechtigungen, um zu steuern, wer Updates verteilen kann. Dies fügt einem zusätzlichen Schutzschicht zu Ihrem Bereitstellungsprozess hinzu.

OTA-Update-Plattform-Optionen

Choosing the right OTA update platform is crucial for effectively integrating npm scripts into your workflow. Prioritize factors like performance, security, and compatibility with your existing tools. Here’s a breakdown of Capgo and other market options to help you make an informed decision.

Capgo Funktionen

Capgo Live Update Dashboard Interface

Capgo ist speziell für Capacitor OTA-Updates konzipiert, bietet eine durchschnittliche Aktualisierungszeit von 434 Millisekunden und erreicht eine Benutzeraktualisierungsrate von 95%. [1]Es bietet eine nahtlose Integration mit npm-Skripten, wie im folgenden Beispiel gezeigt:

{
  "scripts": {
    "deploy:production": "capgo upload --channel production",
    "deploy:beta": "capgo upload --channel beta --encrypt",
    "rollback": "capgo revert --channel production"
  }
}

Capgo sichert Updates mit Ende-zu-Ende-Verschlüsselung ab und ermöglicht strategische Bereitstellungen über sein Kanal-System. Mit 23,5 Millionen Updates in 750 Produktanwendungen hat es seine Skalierbarkeit und Zuverlässigkeit bewiesen [1].

Plattformenvergleich

Wenn Sie npm-Skripte verwenden, ist es wichtig, Plattformen auf der Basis von Verschlüsselung, Geschwindigkeit und CI/CD-Integrationen zu bewerten. Hier ist eine schnelle Übersicht der Funktionen:

FunktionImplementierungsdetailsAktualisierungs-Erfolgsrate
End-to-End-VerschlüsselungVollständige Verschlüsselungsfunktion82% weltweit [1]
Aktualisierungs-Geschwindigkeit114 ms für ein 5 MB-PaketGlobale CDN-Lieferung
__CAPGO_KEEP_0__ Aktionen, GitLab CIGitHub Actions, GitLab CI„Wir praktizieren agiles Entwicklung und @__CAPGO_KEEP_0__ ist mission-kritisch bei der ständigen Lieferung an unsere Benutzer!“

“We practice agile development and @Capgo is mission-critical in delivering continuously to our users!”
Der Markt für OTA-Updates hat sich deutlich verändert, insbesondere nachdem [1]

– Rodrigo Mantica Microsoft Code Push wird in 2024 eingestellt, mit Appflow sollte 2026 folgen. Simon Flack teilte seine Perspektive zu diesen Änderungen mit:

“Wir versuchen derzeit, @Capgo zu testen, seit Appcenter die Live-Updates für hybride Apps eingestellt hat und @AppFlow ist viel zu teuer.” [1]

Der Preis ist ein weiterer wichtiger Faktor für Teams. Capgo bietet OTA-Updates ab 12 US-Dollar pro Monat, ein viel niedrigerer Preis im Vergleich zu den jährlichen Gebühren von 6.000 US-Dollar für Unternehmenslösungen [1]Für Teams, die eine automatisierte CI/CD für native Apps benötigen, steht eine optionale Einmalgebühr von 2.600 US-Dollar für die Einrichtung zur Verfügung.

Wenn Sie npm-Skripte in Ihrem Bereitstellungsworkflow implementieren, sollten Sie diese Faktoren berücksichtigen:

  • API-Reaktionszeit für eine glatte Skriptausführung
  • Kanalmanagement für gezielte Updates
  • Integration der CI/CD-Pipeline für effiziente Prozesse
  • Starke Sicherheitsmaßnahmen um die Einhaltung sicherzustellen
  • Wirtschaftlichkeit für das Skalieren ohne den Budget zu sprengen

Capgo’s Fähigkeit, komplexe npm Skriptkonfigurationen zu handhaben, während die Leistung auf hohem Niveau bleibt, macht es zu einem starken Bewerber für OTA-Updates Update-Management.

Zusammenfassung

Hauptpunkte im Überblick

Die Verwendung von npm-Skripten vereinfacht den Prozess der Verwaltung von Capacitor OTA-Updates. Wenn diese Skripte in CI/CD-Pipelines integriert werden, helfen sie bei der Automatisierung von Bereitstellungen, während die Sicherheit und die Leistungsebene aufrechterhalten werden.

Hier sind die wichtigsten Schwerpunkte:

  • Automatisierte BereitstellungVerwaltet Versionierung und Bereitstellung ohne manuelle Eingriffe.
  • SicherheitsmaßnahmenSichert Updates sicher über Ende-zu-Ende-Verschlüsselung.
  • LeistungsmessungVerfolgt die Liefergeschwindigkeiten und Erfolgsraten von Updates.

Diese Funktionen unterstreichen, warum Capgo sich als zuverlässiges Werkzeug für die Verwaltung von OTA-Updates auszeichnet.

Capgo Vorteile

Mit dem Shutdown von Microsoft CodePush 2024 hat sich die Landschaft der OTA-Updates verändert. Capgo hat sich als zuverlässige Lösung etabliert, indem es erfolgreich 23,5 Millionen Updates an 750 Produktionsanwendungen geliefert hat. [1].

“Wir praktizieren agiles Entwicklung und @Capgo ist mission-kritisch bei der kontinuierlichen Lieferung an unsere Benutzer!” – Rodrigo Mantica [1]

Die Leistungsmetriken von Capgo sprechen für sich selbst aus:

LeistungsmarkerErfolg
Durchschnittliche API Antwortzeit434 ms weltweit
Bündel-Download-Geschwindigkeit114 ms für 5 MB
Update-Erfolgsrate82% global

Ab 12 $ pro Monat für OTA-Updates - im Vergleich zu 6.000 $ jährlich für Enterprise-Lösungen - bietet Capgo eine sichere, zuverlässige und kosteneffiziente Option für die Verwaltung von OTA-Updates [1].

Echtzeit-Updates für Capacitor-Anwendungen

Wenn ein Web-Schicht-Bug live ist, liefern Sie den Fix über Capgo anstatt Tage zu warten, bis die App-Store-Zulassung vorliegt. Die Benutzer erhalten das Update im Hintergrund, während native Änderungen im normalen Zulassungsprozess bleiben.

Los geht's jetzt

Neueste aus unserem Blog

Capgo bietet Ihnen die besten Einblicke, die Sie benötigen, um eine echte professionelle mobilen App zu erstellen.