Zum Hauptinhalt springen
CI/CD

Automatische Build- und Release-Anwendung mit GitLab

Erstellen Sie Ihre eigene CI/CD-Pipeline mit GitLab kostenlos und deployen Sie Ihre Ionic Capacitor JS-Anwendung bei jedem Push auf main.

Artikelcredits

Martin Donadieu

Schriftsteller

Valeria

Rezensent

Jordan

Redakteur

Automatische Build- und Release-Anwendung mit GitLab

In diesem Artikel erfahren Sie, wie Sie eine CI/CD Pipeline in GitLab einrichten.

Vorwort

Stellen Sie sicher, dass Sie Ihr Capacitor-Anwendungs erst vorher in Capgo hinzugefügt haben, da diese Anleitung sich nur auf die Upload-Phase konzentriert. Wenn Sie Ihr Anwendungs in Capgo hinzufügen müssen, können Sie sich anhand dieser Anleitung orientieren. Tutorial.

Commit-Konvention

Zunächst müssen Sie die Commit-Konvention befolgen conventional commits` this wird Ihnen helfen, wie die Werkzeuge die Versionsnummer aufschlüsseln können, es dauert nur 5 Minuten, es zu lernen.

Conventional Commits

GitLab CI/CD für Tags

Erstellen Sie in der Wurzel Ihres GitLab-Repositorys eine .gitlab-ci.yml-Datei mit dem folgenden Inhalt

 stages:
      - tag

 bump_version:
   stage: tag
   only:
     - main
  except:
    variables:
  - $CI_COMMIT_MESSAGE =~ /^chore\(release\):/
  script:
   - git config --global user.email "gitlab@yourdomain.com"
   - git config --global user.name "GitLab CI/CD"
   - git checkout $CI_COMMIT_REF_NAME
   - git pull origin $CI_COMMIT_REF_NAME
   - npx capacitor-standard-version
   - git push origin $CI_COMMIT_REF_NAME --tags

Ersetzen Sie "gitlab@deineDomain.de” und ‘GitLab CI/CD’ mit deinem GitLab-E-Mail-Adresse und deinem Benutzernamen in der Skript-Sektion. Diese Konfiguration löst die Aufgabe nur aus, wenn auf die Hauptzweig gepusht wird, und ausschließt Commits mit Nachrichten, die mit ‘chore(release):’ beginnen.

GitLab CI/CD für Build

Füge einem weiteren Abschnitt zu deinem .gitlab-ci.yml-Datei für den Build hinzu:

    stages:
      - deploy

   deploy:
     stage: deploy
     only:
       - tags  # This job will only run for tag pushes
     script:
       - apt-get update -qy && apt-get install -y nodejs npm
       - npm install -g @capgo/cli
       - npm ci
       - npm run build
       - npx @capgo/cli bundle upload -a $CAPGO_TOKEN -c production
     variables:
       FIREBASE_CONFIG: $FIREBASE_CONFIG  # Define this in your GitLab project settings
     environment:
       name: production

Stelle sicher, dass du dein Capgo API Schlüssel (CAPGO_TOKEN) als CI/CD-Variablen in deinem GitLab-Projekt hinzugefügt hast. Gehe zu deinem Projekt in GitLab, navigiere zu Einstellungen > CI/CD > Variablen und füge eine Variable mit dem Namen CAPGO_TOKEN mit deinem API Schlüsselwert hinzu.

Anpassen des Build-Skripts, um es deinem spezifischen Projekts Build-Prozess anzupassen, wie z.B. das Ändern des npm Ausführen-Build-Befehls.

Zusammenfassung

Wir sind fertig! Wir haben einen weiteren Schritt in unserer Technologie-Reise gemacht. In der modernen Softwareentwicklung ist CICD ein entscheidender Faktor, der berücksichtigt werden muss. Ich hoffe, diese Anleitung ist für alle verständlich.

Fortsetzung von Automatischer Build und Release-App mit GitLab

Wenn du ‘Automatischer Build und Release-App mit GitLab’ verwendest Automatischer Build und Release-App mit GitLab um CI/CD-Automatisierung zu planen, verbinde es mit Capgo CI/CD zur Produktworkflow in Capgo CI/CD Capgo Native Builds zur Produktworkflow in Capgo Native Builds Capgo Integrations zur Produktworkflow in Capgo Integrations CI/CD-Integration zur Implementierungsdetail in CI/CD-Integration, und GitHub Actions Integration zur Implementierungsdetail in GitHub Actions Integration

Live Updates für Capacitor-Apps

Wenn ein Fehler im Web-Layer live ist, können Sie die Korrektur über Capgo verschicken, anstatt Tage auf die Genehmigung durch den App-Store zu warten. Die Benutzer erhalten die Aktualisierung im Hintergrund, während native Änderungen im normalen Review-Prozess bleiben.

Menschliche Unterstützung von Martin

Los geht's jetzt

Neueste von unserem Blog

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