Eine kontinuierliche Integration mit einem GitHub-Repository mithilfe von GitHub-Aktionen einrichten

Last updated:

Als Teil Ihres Entwicklungsworkflows ziehen Sie es möglicherweise vor, die Datenquelle Ihrer Produktionscodebasis in der Versionskontrolle zu behalten. Dies wäre besonders hilfreich, wenn Sie als Teil eines Entwicklungsteams arbeiten, damit Sie Änderungen nachverfolgen und bei Bedarf schnell zurücksetzen können.

Mithilfe von GitHub-Aktionen können Sie eine kontinuierliche Integration mit einem GitHub-Repository einrichten. Dieser Leitfaden geht durch den Integrationsprozess und geht davon aus, dass Sie mit Folgendem vertraut sind:

Im Folgenden erfahren Sie, wie Sie die Integration mit der CMS Hub-Bereitstellungsaktion in GitHub (empfohlen) oder manuell einrichten.

Lokale Dateien an GitHub senden

Bevor Sie mit GitHub integrieren können, müssen Sie zunächst Ihre Dateien lokal erfassen.

  • Wenn Sie ein vorhandenes CMS-Element haben, das sich in HubSpot befindet, z. B. ein Design oder eine Gruppe von Vorlagen, können Sie es abrufen, indem Sie den fetch-Befehl wie folgt ausführen: hs fetch <HubSpot_src> <local_dest>. Alternativ können Sie alle Dateien im Entwickler-Dateisystem des Accounts herunterladen, indem Sie hs fetch / ausführen.
  • Um ein neues lokales Projekt zu erstellen, wird empfohlen, mit der CMS Theme Boilerplate zu beginnen. Wenn Sie noch nicht mit der CMS Theme Boilerplate gearbeitet haben, lesen Sie die Schnellanleitung. Wenn Sie das HubSpot CLI bereits installiert und Ihre lokale Umgebung konfiguriert haben, können Sie ein neues lokales Design über die Boilerplate erstellen, indem Sie hs create website-theme <new-theme-name> ausführen. Sie müssen dann Ihre Dateien mit dem hs upload-Befehl nach HubSpot hochladen.

Ihr Code ist nun lokal verfügbar und Sie können ihn dann einem GitHub-Repository hinzufügen. Nachdem Sie Ihre Dateien zu GitHub hinzugefügt haben, fahren Sie mit dem nächsten Schritt fort, um entweder die vorgefertigte GitHub-Aktion von HubSpot zu installieren (empfohlen) oder die Aktion manuell zu konfigurieren.

Verwenden Sie die CMS Hub-Bereitstellungsaktion in GitHub (empfohlen)

Um den Prozess zu optimieren, hat HubSpot eine GitHub-Aktion erstellt, die Sie in Ihrem GitHub-Projekt installieren können, um die automatische Bereitstellung von Änderungen aus einer Verzweigung in Ihrem HubSpot-Produktions-Account zu verarbeiten.

Install GitHub Action

Einen Pull Request erstellen und in der Hauptverzweigung zusammenführen

  • Erstellen Sie mit Ihren Geheimnissen, Workflows und Skripts in Ihrem GitHub-Repository einen Pull Request und führen Sie ihn in der Hauptverzweigung zusammen. 
  • Gehen Sie nach dem Zusammenführen des Pull Requests zu „Aktionen“. Sie sollten sehen, dass Ihre Bereitstellungsaktion ausgeführt, die dann Ihren Code in Ihrem HubSpot-Account bereitstellt.

Ihr Element im Design-Manager sperren

Jetzt, da sich Ihre Datenquelle in GitHub befindet, sollten Sie Ihr Element in HubSpot sperren, um zu verhindern, dass dort Änderungen vorgenommen werden. Dadurch wird sichergestellt, dass Änderungen nur durch die Bereitstellungsaktion erfolgen.

So sperren Sie Elemente im Design-Manager:

  • Gehen Sie in Ihrem HubSpot-Account zu „Marketing“ > „Dateien und Vorlagen“ > „Design-Tools“.
  • Suchen Sie den Ordner Ihres Elements in der linken Seitenleiste, klicken Sie mit der rechten Maustaste und wählen Sie „Ordner sperren“ aus.
design-manager-lock-folder
War dieser Artikel hilfreich?
Dieses Formular dient dazu, Feedback zu unserer Entwicklerdokumentation zu sammeln. Wenn Sie uns Ihre Meinung zu HubSpot-Produkten mitteilen möchten, teilen Sie diese bitte im Ideenforum der Community.