Zum Hauptinhalt springen
CI/CD

Automatisches Build- und Release-Tool 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.

Anik Dhabal Babu

Anik Dhabal Babu

Content-Marketing-Beauftragter

Automatisches Build- und Release-Tool mit GitLab

This article will guide you on how to set up a CI/CD pipeline with GitLab.

Einleitung

Stellen Sie sicher, dass Sie Ihr Capacitor-Anwendungsprogramm zuerst in Capgo hinzugefügt haben, da diese Anleitung sich nur auf die Upload-Phase konzentriert. Wenn Sie Ihr Anwendungsprogramm in Capgo hinzufügen möchten, können Sie sich anhand dieser Anleitung richten. Anleitung.

Commit-Konvention

Beginnen Sie zunächst mit der Einhaltung der Commit-Konvention. Konventionelle Commits` Dies wird den Werkzeugen helfen, wie sie die Versionsnummer aktualisieren sollen, es dauert nur 5 Minuten, es zu lernen.

Konventionelle 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 bei Pushs auf die Hauptzweig und ausschließt Commits mit Nachrichten, die mit ‘chore(release):’ beginnen.

GitLab CI/CD für Build

Füge einem anderen Abschnitt zu deinem .gitlab-ci.yml-Datei für das 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 deine 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 Sie das Build-Skript, um es Ihren spezifischen Projekts Build-Prozess anzupassen, wie z.B. das Ändern des npm-Befehls zum Ausführen des Builds.

Zusammenfassung

Hier sind wir! 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 macht Sinn für alle.

Fortsetzung von Automatischer Build und Release-App mit GitLab

Wenn du CI/CD-Automatisierung mit Automatischer Build und Release-App mit GitLab planst, verbinde es mit Capgo CI/CD für den Produktworkflow in Capgo CI/CD Capgo Native Builds für den Produktworkflow in Capgo Native Builds Capgo Integrations für den Produktworkflow in Capgo Integrations CI/CD-Integration für die Implementierungsdetails in CI/CD-Integration und GitHub Actions-Integration für die Implementierungsdetails in GitHub Actions-Integration

Live-Updates für Capacitor-Apps

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

Los geht's jetzt

Aktuelle Beiträge aus unserem Blog

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