Zum Hauptinhalt springen
CI/CD

Automatisches Build und Release der App mit GitLab

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

Anik Dhabal Babu

Anik Dhabal Babu

Content Marketer

Automatisches Build und Release der App mit GitLab

In diesem Artikel erfahren Sie, wie Sie die CI/CD-Pipeline-Einrichtung mit GitLab durchführen.

Vorwort

Stellen Sie sicher, dass Sie Ihre Capacitor-App zuerst in Capgo hinzugefügt haben, da diese Anleitung nur auf die Upload-Phase fokussiert ist. Wenn Sie Ihre App in Capgo hinzufügen möchten, können Sie diese Anleitung befolgen. Tutorial.

Commit-Konvention

Zuerst müssen Sie die Commit-Konvention befolgen konventionelle Commits` Dies hilft den Werkzeugen dabei, die Versionsnummer zu updaten. Es dauert 5 Minuten, es zu lernen.`

Konventionelle Commits

GitLab CI/CD für Tag

Erstelle eine `.gitlab-ci.yml`-Datei in der Wurzel deines GitLab-Repositorys 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

Ersetze `"` mit deinem GitLab-E-Mail-Adresse und `GitLab CI/CD` mit deinem GitLab-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 BuildFüge einem anderen Abschnitt in deiner `.gitlab-ci.yml`-Datei für das Build hinzu

Stelle sicher, dass du deine __CAPGO_KEEP_0__ __CAPGO_KEEP_1__ Schlüssel (__CAPGO_KEEP_2___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_KEEP_3___TOKEN mit deinem __CAPGO_KEEP_4__ Schlüsselwert hinzu.

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

    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

Ensure you have your Capgo API key (CAPGO_TOKEN) added as a CI/CD variable in your GitLab project. Go to your project in GitLab, navigate to Settings > CI/CD > Variables, and add a variable named CAPGO_TOKEN with your API key value.

Customize the build script to match your specific project’s build process, such as changing the npm run build command.

Zusammenfassung

Hier sind wir! Wir haben einen zusätzlichen Schritt in unserer Technologie-Reise unternommen. In der modernen Softwareentwicklung ist CICD ein entscheidender Faktor, der berücksichtigt werden muss. Ich hoffe, diese Leitlinie ist für alle verständlich.

Weitermachen von Automatic build and release app with GitLab

Wenn Sie CI/CD-Automatisierung mit "Automatic build and release app with GitLab" planen, verbinden Sie es mit Automatic build and release app with GitLab für den Produktworkflow in __CAPGO_KEEP_0__ CI/CD, Capgo Native Builds für den Produktworkflow in Capgo Native Builds, Capgo Integrations für den Produktworkflow in Capgo Integrations, Capgo Integrations for the product workflow in Capgo Integrations, CI/CD-Integration für die Implementierungsdetails in CI/CD-Integration, und GitHub Aktionen-Integration für die Implementierungsdetails in GitHub Aktionen-Integration.

Live-Updates für Capacitor-Apps

Wenn ein Web-Schicht-Bug live ist, liefern Sie die Reparatur über Capgo anstatt Tage auf die App-Store-Zulassung zu warten. Die Benutzer erhalten die Aktualisierung im Hintergrund, während native Änderungen im normalen Review-Verfahren bleiben.

Los geht's jetzt

Neueste aus unserem Blog

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