サイトコアが提供する SaaS 版の CMS である XM Cloud のツール、XM Cloud Deploy ツールの管理画面が更新されました。色々な情報に管理画面から確認できるようになりましたので、今回はこの部分を紹介していきます。
![](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2FzCZxKjXDOGkAr3vgiDcrT%2F18a2a041ea9f80a59df31d09bd5296ea%2Fventi-views-1cqIcrWFQBI-unsplash.jpg&w=3840&q=75)
2024年6月12日の段階の最新の環境での記事を以下に掲載しています。
新しくなった管理画面
以前の管理画面では XM Cloud で利用する CMS の管理、プロジェクトができる形となっていましたが、今回の更新でツールとして色々な機能が追加されました。ログインをすると以下のような画面になっています。
![xmclouddeploy01.png](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2F1pcTvPf2mgbjaOtG6RxzZ9%2Fb278587420664848bd9523dba28d8e86%2Fxmclouddeploy01.png&w=3840&q=75)
左側のメニューを見るとどういう機能が提供されているのかがわかります。
- Projects - XM Cloud では複数のプロジェクトを持つことができるため、ここから各プロジェクトにアクセスすることが可能となっています。
- Deployments - XM Cloud で展開した時のそれぞれのビルド情報にアクセスすることができます
- Credentials - 提供されている組織ごと、もしくは環境ごとの Credential を作成することができます
- Connections - GitHub や Vercel などの連携している環境に関しての情報を参照することができます
- Documentation - 製品に関連するオンラインマニュアルにアクセスすることができます
- System Status - XM Cloud に関連するサービスの状況を確認することができます
- Settings - リリース前の機能を利用することができます(ブログ記載時には提供されていません)
それぞれ、実際の作業をする上で必要になった時にアクセスすると便利な情報が提供されています。
環境の追加
今回はすでに作成しているプロジェクトに環境を追加していきます。まず最初に、対象となるプロジェクトにアクセスをします。今回は xmc-demo-jp のプロジェクトにアクセスをします。すでに prod という環境が作成されています。
![xmclouddeploy02.png](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2F3kpgu2qX8ZVW2JnTnpzlpL%2F1b86eda46b156861c657ccfc116e5d04%2Fxmclouddeploy02.png&w=3840&q=75)
環境を追加するため、今回は create environment のボタンをクリックします。すると以下のようなダイアログが表示されます。
![xmclouddeploy03.png](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2F5XnVM0oCjQXOZ3S4WxxFfu%2F10013cbc0e515950694630d1affa9c8a%2Fxmclouddeploy03.png&w=3840&q=75)
作成を開始すると、Deployments に切り替えると、新しく CMS を展開していることを確認することができます。
![xmclouddeploy04.png](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2F5c2BnI7RzXaHLZX4E4fc1l%2Fe58f5749f3aa40d6ddb0ed04bac90c10%2Fxmclouddeploy04.png&w=3840&q=75)
しばらくすると環境が追加されます。
サイトの詳細を確認する
作成された環境の詳細情報を確認すると、以下のような画面となります。
![xmclouddeploy05.png](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2F31sYAZafsNqhb4UQ0cy1Y0%2F6bfaae70aa9a15d51bb86d1c5024724f%2Fxmclouddeploy05.png&w=3840&q=75)
- Environment ID - CLI で利用する環境 ID となります
- Edge token value - Vercel などのエッジ環境と接続するための Token を取得できます
- HOSTNAMES AND URLS - 実際の Sitecore XM が起動している環境、Edge Preview Endpoint などの URL を確認することができます
タブを切り替えると CM instance のログにアクセスすることができます。
![xmclouddeploy06.png](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2F6rjTtKR8fL6seiEmUG8Eui%2F01114a0e7bab67c58f4d1559a1c0ef40%2Fxmclouddeploy06.png&w=3840&q=75)
また CMS のインスタンスに対して Variables を利用して何らかの値を指定することが可能となっています。これに関しては後日、Sitecore Content Hub Connector との連携の際に利用します。
![xmclouddeploy07.png](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2F1MyaXboFnRtQloRMBAJvjH%2F38fef6d6c9f47844ed69b0ce9d787fc5%2Fxmclouddeploy07.png&w=3840&q=75)
まとめ
新しい UI を利用することで、CMS の環境に関する ID など従来の CLI が必要だった部分が管理画面から確認をすることが可能となりました。