GitHubアクションを使用してGitHubリポジトリーでのCI(継続的インテグレーション)を設定する

Last updated:

開発ワークフローの一環として、本番コードベース全体をバージョン管理するのが適切な場合があります。開発チームの一員として働いている場合、変更を追跡し、必要に応じて素早くロールバックできるようにするには、これが特に役立つでしょう。

GitHubアクションを使用して、GitHubリポジトリーとのCIを設定できます。このガイドでは、読者が次の事柄に精通していることを前提として、連携プロセスの概要を説明します。

  • GitとGitHubの使用
  • HubSpot CLIを使用してウェブサイトを構築する

以下では、HubSpot CMSデプロイGitHubアクションの使用(推奨される方法)または手動によって連携をセットアップする方法を説明します。

ローカルファイルを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アクションをインストールするか(推奨される方法)、または手動でアクションを設定します。

HubSpot CMSデプロイGitHubアクションを使用する(推奨)

プロセスの合理化のためにHubSpotが作成したGitHubアクションをGitHubプロジェクトにインストールすると、ブランチから本番HubSpotアカウントに変更内容が自動的にデプロイされるようになります。

Install GitHub Action

プルリクエストを作成してメインにマージする

  • これでGitHubリポジトリーの中にシークレット、ワークフロー、スクリプトが用意されたので、次にプルリクエストを作成し、それをメインにマージします。 
  • プルリクエストをマージした後、[アクション]に移動します。デプロイアクション実行が表示され、コードがHubSpotアカウントにデプロイされます。

デザインマネージャーでアセットをロックする

信頼できる情報源がGitHubに存在するようになったので、HubSpotで編集が行われないようにアセットをロックする必要があります。これにより、デプロイアクションを通してのみ変更が行われるようになります。

デザインマネージャーでアセットをロックするには:

  • HubSpotアカウントにて、[マーケティング]>[ファイルとテンプレート]>[デザインツール]の順に進みます。
  • 左側のサイドバーでアセットのフォルダーを見つけ、右クリックして[フォルダーをロック]を選択します。
design-manager-lock-folder

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