GitHubアクションを使用してGitHubリポジトリーでのCI(継続的インテグレーション)を設定する
開発ワークフローの一環として、本番コードベース全体をバージョン管理するのが適切な場合があります。開発チームの一員として働いている場合、変更を追跡し、必要に応じて素早くロールバックできるようにするには、これが特に役立つでしょう。
GitHubアクションを使用して、GitHubリポジトリーとのCIを設定できます。このガイドでは、読者が次の事柄に精通していることを前提として、連携プロセスの概要を説明します。
- GitとGitHubの使用
- HubSpot CLIを使用してウェブサイトを構築する
以下では、HubSpot CMSデプロイGitHubアクションの使用(推奨される方法)または手動によって連携をセットアップする方法を説明します。
GitHubと連携するには、その前に、まずローカルにファイルを収集する必要があります。
- テーマやテンプレートのセットなど、既存のCMSアセットがHubSpotに存在する場合は、次のfetchコマンドを実行してそれを取得できます:
hs fetch<HubSpot_src> <local_dest>
または、hs fetch /
を実行して、アカウントのデベロッパー ファイル システム内の全てのファイルをダウンロードすることもできます。 - 新しいローカルプロジェクトを作成するには、CMSテーマボイラープレートから始めることをお勧めします。CMSテーマボイラープレートを使用したことがない場合は、クイックスタートガイドをご覧ください。すでにHubSpot CLIのインストールとローカル環境の設定が済んでいる場合は、
hs create website-theme <new-theme-name>
を実行して、ボイラープレートから新しいローカルテーマを作成することができます。その後、hs uploadコマンドを使用してファイルをHubSpotにアップロードする必要があります。
ローカルでコードが利用可能になったら、それをGitHubリポジトリーに追加します。ファイルをGitHubに追加した後、次のステップに進んでHubSpotの既成のGitHubアクションをインストールするか(推奨される方法)、または手動でアクションを設定します。
- これでGitHubリポジトリーの中にシークレット、ワークフロー、スクリプトが用意されたので、次にプルリクエストを作成し、それをメインにマージします。
- プルリクエストをマージした後、[アクション]に移動します。デプロイアクション実行が表示され、コードがHubSpotアカウントにデプロイされます。
信頼できる情報源がGitHubに存在するようになったので、HubSpotで編集が行われないようにアセットをロックする必要があります。これにより、デプロイアクションを通してのみ変更が行われるようになります。
デザインマネージャーでアセットをロックするには:
- HubSpotアカウントにて、[マーケティング]>[ファイルとテンプレート]>[デザインツール]の順に進みます。
- 左側のサイドバーでアセットのフォルダーを見つけ、右クリックして[フォルダーをロック]を選択します。

貴重なご意見をありがとうございました。
こちらのフォームではドキュメントに関するご意見をご提供ください。HubSpotがご提供しているヘルプはこちらでご確認ください。