前回、Sitecore Connect for Content Hub のインストールを実施しました。インストール、設定が完了すると、デジタルアセット管理との連携まではスムーズに進みます。今回は、コンテンツマーケティングプラットフォームとの連携について少し深掘りをします。
![](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2F3Em8ltJWa62fRrCVQqHyJ8%2F1add535d626ab9d547a8155d35c3ec93%2Fchcmp36.png&w=3840&q=75)
Microsoft Azure での準備
Sitecore Content Hub CMP と Sitecore CMS を連携させるにあたって、Microsoft Azure の Azure Service Bus を利用して連携をします。まずは、Service Bus を作成します。
![chcmp01.png](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2F6UNLaLYzPqn1yHprwzEvVr%2F88e42d2e45a01ff5e5d687d171b5fae8%2Fchcmp01.png&w=3840&q=75)
作成をする際には、価格レベルに関しては Standard をしてください。
![chcmp02.png](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2F6BzMvcPiWGxzYPwwQWGYIr%2Ff04e3f1807adc297f024eab54ee423d2%2Fchcmp02.png&w=3840&q=75)
左側のメニューのうち、トピックを選択して、名前を hub_out を選択して作成してください。
![chcmp03.png](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2F7Drg7Xlq0LcBobilKrcb6L%2F60ce8cb053a45c19a1f552b7276b8d69%2Fchcmp03.png&w=3840&q=75)
作成したトピックの中に、Sitecore というサブスクリプションを作成してください。今回は Sitecore とします。
![chcmp04.png](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2F5LvWsIvy3jKZr6s4CFe6e1%2F3ad4fe4640413c84937d91389652f493%2Fchcmp04.png&w=3840&q=75)
同じ設定で hub_out と同じ様に hub_in を作成して、トピックを2つとします。
![chcmp05.png](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2F1aKVgqqw4ON2yGlzFXwLGQ%2F36c8ebaf65bc426bc481f716b72b04d1%2Fchcmp05.png&w=3840&q=75)
hub_out のサブスクリプションを選択し、メッセージの転送先を hub_in に設定をします。
![chcmp05a.png](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2F7Fbv8tLbjKvJ92wYnS6EH8%2F2078344b8b2f2df7879d7ef593613110%2Fchcmp05a.png&w=3840&q=75)
Sitecore Content Hub CMP の設定
アカウントの作成
まず、コネクタで利用するシステム連携のアカウントを作成します。
![chcmp06.png](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2FFleoLav7eZIviyE4luLDG%2Fce410fd7f596bc1a441de2178ff2d0bf%2Fchcmp06.png&w=3840&q=75)
ユーザーにはグループメンバーシップとして、Supeusers を適用します。
![chcmp07.png](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2FjmW1QwT3LnHUzLa4HJexN%2Ff5ba655b78b0fe695e4b7c563708987c%2Fchcmp07.png&w=3840&q=75)
アカウントの作成をしたあと、プロファイルの編集を選択、メールアドレスを設定します。
![chcmp08.png](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2F2xuVFMX8SqE23bO0EOGlcQ%2F1d1a65b28a314dafecb5958615487d66%2Fchcmp08.png&w=3840&q=75)
メールアドレスを設定したあと、パスワードのリセット をクリックすると、パスワードリセットのメールを受け取ることができます。
![chcmp09.png](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2F2vLZwjnoO94SzYPLDi2HyB%2F879583b44d3772fd2008f972e8fa75cd%2Fchcmp09.png&w=3840&q=75)
パスワードをリセットしたあと、ログインができるか確認をします。ログインができれば、Sitecore Content Hub のアカウントができました。
アクションの作成
続いて事前に作成をしておいた Azure Service Bus との接続を作成していきます。管理画面のアクションで新規アクションを作成します。入力項目は以下の通りです。
設定項目 | 設定値 |
---|---|
名前 | Demo - CMP 2 Sitecore Action |
ラベル | |
形式 | Azure Service Bus |
接続文字列 | (後述) |
送信タイプ | トピック |
送信先 | hub_out |
接続文字列に関しては、Azure Service Bus の共有アクセスポリシーが作成されており、_RootManageSharedAccessKey_ を選択、プライマリ接続文字列を選択してください。
![chcmp10.png](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2F2PA3HRLF8WXWg4BCzeRV7r%2F3812f05239b4eae3b95722c267a7d8d3%2Fchcmp10.png&w=3840&q=75)
プライマリ接続文字列を設定してください。実際に全てを入力したのが以下の画面です。テスト接続 のボタンをクリックして、テストがパスすることを確認してください。
![chcmp11.png](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2F5AtuJLmXT4hoDPZAvtU4n5%2F395db58679f70e24dc439a32f9fd139c%2Fchcmp11.png&w=3840&q=75)
トリガーの作成
今度はトリガーの作成をおこないます。管理画面からトリガーを開き、新規トリガーの作成を進めます。まず最初の画面では以下のように設定をしてください。
設定項目 | 設定値 |
---|---|
名前 | Demo - CMP 2 Sitecore Trigger |
目的 | エンティティの変更 |
実行タイプ | バックグラウンドで |
![chcmp12.png](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2F4klexztOehyB8qmj5H8WJo%2F623343ada5656db4a9e7fd0d8f47cee8%2Fchcmp12.png&w=3840&q=75)
続いて条件のタブに切り替えます。ここでは、M.Content に対する変更をトリガーとし、Published のステータスに変わった際にトリガーが動く様にします。ということで、以下の様な設定となります。
![chcmp13.png](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2F5WpbYJ1Mu9l8fOCLntttwf%2F093d755c2be46bb6383c8c0437ad5792%2Fchcmp13.png&w=3840&q=75)
最後にアクションのタブに切り替えて、先ほど作成をしたアクションを選択します。
![chcmp14.png](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2F4mds1c27EmVaalNrDN9Z3L%2F61f7634f260e53268c075cc4cef83689%2Fchcmp14.png&w=3840&q=75)
全て設定が完了したら、保存して閉じるをクリックします。するとトリガーを有効にするかどうかの確認が表示されます。
![chcmp15.png](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2F1JLAbXKSQRSHjvTyJ1yDi0%2F6300bb803731bc2d90923398f2df1765%2Fchcmp15.png&w=1920&q=75)
有効にすることで、Sitecore Content Hub CMP 側の設定が完了となります。
Sitecore の設定
ConnectionStrings.config の設定
前回の Sitecore Content Hub DAM の設定の際に、ConnectionStrings.config の設定として以下の項目が決まっていませんでした。
<add name="CMP.ContentHub" connectionString="ClientId={client_id};ClientSecret={client_secret};UserName={username};Password={password};URI={uri};" />
<add name="CMP.ServiceBusEntityPathIn" connectionString="{Azure Service Bus connection string with incoming topic}" />
<add name="CMP.ServiceBusSubscription" connectionString="{Subscription name}" />
<add name="CMP.ServiceBusEntityPathOut" connectionString="{Azure Service Bus connection string with outcoming topic}" />
以下の項目を設定していきます。
設定項目 | 設定値 |
---|---|
Client Id | LogicApp |
Client Secret | (後述) |
ユーザー名 | 作成した管理者名 |
Password | 作成した管理者のパスワード |
Content Hub URI | Content Hub のサーバー URL |
Connection String | Service Bus の Endpont |
incoming topic name | hub_in の接続文字列 |
outcoming topic name | hub_out の接続文字列 |
Incoming subscription name | sitecore |
Client Seacret に関しては、Sitecore Content Hub の管理画面、Oauth クライアントを開きます。すると、LogicApp の設定を参照できます。
![chcmp16.png](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2F6kFpPfFpLWvZiPpyxETK4r%2Fb0b54b08ed365f2ba3c4601fe4f71cba%2Fchcmp16.png&w=3840&q=75)
上記の値を設定一通り設定した画面は参考までに以下の様になります。
<add name="CMP.ContentHub" connectionString="ClientId=LogicApp;ClientSecret=xxxxxxx-xxxx-xxxx-xxx-xxxxxxxxxxxx;UserName=CMPDemo;Password=Password;URI=https://yourdemo.stylelabs.io;" />
<add name="CMP.ServiceBusEntityPathIn" connectionString="Endpoint=sb://demodemo.servicebus.windows.net/;SharedAccessKeyName=hub_in;SharedAccessKey=hereiskenumberforhubin;EntityPath=hub_in" />
<add name="CMP.ServiceBusSubscription" connectionString="Sitecore" />
<add name="CMP.ServiceBusEntityPathOut" connectionString="Endpoint=sb://demodemo.servicebus.windows.net/;SharedAccessKeyName=hub_out;SharedAccessKey=itishuboutsharedaccesskey=;EntityPath=hub_out" />
テンプレートの作成
CMP から提供されるアイテムを保存するために、/sitecore/content/CMP の直下にバケットを作成します。今回は Blog とします。
![chcmp17.png](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2F7dxhCf4IiiJqM1bIsqkwlu%2Fd450df4ea3fffdc73f1f3bb9ea062fe5%2Fchcmp17.png&w=3840&q=75)
続いてこのアイテムのテンプレートを作成します。テンプレートの /sitecore/templates/User Defined の直下で Blog テンプレートを作ります。今回は、タイトル(1行テキスト)と本文(リッチテキスト)のフィールドを作成しました。
![chcmp18.png](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2F7wNAjdjnCf7HHDYmIVEyGp%2Fc5e1cc025d8a5b2eb7081f6de74a75f9%2Fchcmp18.png&w=3840&q=75)
続いて作成中のテンプレートのタブでコンテンツを選択します。CMP のテンプレート一覧にある Content Hub Entity を選択してください。
![chcmp19.png](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2F5rK4aGuLMXY2isydJTbfQs%2F6b5bbacae5da7b048c249fb6b0dd4a86%2Fchcmp19.png&w=3840&q=75)
表示タブを選択して、スタンダードフィールドおよびバケットをチェックしてください。
![chcmp20.png](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2F6kWaspxD5Npz5rGLcMnykf%2F16f549679ef2a9628e66a67faac15045%2Fchcmp20.png&w=3840&q=75)
メニューのビルダーオプションを選択して、スタンダードバリューをクリックします。
![chcmp21.png](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2F4rJhq2nA1lFO4mTzbnImST%2F337869ac06dbf6fa4891de9e3e8cd7c5%2Fchcmp21.png&w=3840&q=75)
アイテムバケットの設定項目で、バケット化を許可をチェックします。
![chcmp22.png](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2F55vc7kwHfxO4Oa59WHlMHx%2Fc93bab0fd9904bd1dd5806a024e53611%2Fchcmp22.png&w=3840&q=75)
保存をしてテンプレートが完成しました。
エンティティマッピング
続いて Sitecore Content Hub CMP で定義しているフィールドと Sitecore のテンプレートのフィールドのマッピングをします。/sitecore/system/Modules/CMP/Config のアイテムを右クリックして、Entity Mapping のアイテムの作成を開始します。
![chcmp23.png](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2F7gzglaPEFQ1J18AbaLAL3i%2F3231dbf664e4f36d2cb4194926c4cfbb%2Fchcmp23.png&w=3840&q=75)
今回は Blog としてアイテムを作成します。設定をする項目は以下の通りです。
EntityTypeSchema は、Content Hub のタクソノミーにあるコンテンツタイプの識別子を利用してください。
![chcmp24.png](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2F4E8YqfuGa3I4ld4O6C6mZM%2F3126a725ce3ab06e7a7a6f4900669fc5%2Fchcmp24.png&w=3840&q=75)
バケットは事前に作ったバケットのアイテムを、テンプレートも事前に作成をしたテンプレートを指定します。最後の項目はアイテム名に関する定義となります。これは Content Hub で作成をするアイテム名が適用されるように、ItemNameProperty には Content.Name を設定します。今回は、仕上がりはこんな形です。
![chcmp25.png](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2F6X5miXVAViDZJTXWh4BYYR%2F053b870228d82591333b984fa17f2e05%2Fchcmp25.png&w=3840&q=75)
フィールドの追加
続いて、フィールドを指定していきます。まず Content Hub のデータスキーマを確認するために、ブログのコンテンツを作成します。作成をしているブログの URL を確認すると、例えば以下の様になります。
- https://yourinsctance.io/ja-jp/content/detail/37649
上記の URL に対して、 /ja-jp/content/detail/ の部分を /api/entities/ に書き換えると、作成中のエンティティのデータを参照できる様になります。
- https://yourinsctance.io/api/entities/37649
![chcmp26.png](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2F4PE4bIiEp0tXlhOZ1Xt2Uv%2Ffc5ad1bb3275c727551dba432d3ca40d%2Fchcmp26.png&w=3840&q=75)
Json のデータを参照すると、properties - Content.Name がすでに作成されていることがわかります。ブログに関しては、以下の項目が対象となります。
"Blog_Title": null,
"Blog_Quote": null,
"Blog_Body": null,
今回はこのうち、Blog_Title と Blog_Body の2つを連携させたいと考えています。
もう一度 Sitecore の環境に戻ります。今回は2つのフィールドを追加して、Content Hub のスキーマの名前と Sitecore のフィールドの名前を合わせる形の設定を追加します。以下が今回設定をしている内容となります。
![chcmp27.png](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2F7tsV0WzHEREmuRYcHbkRWZ%2F84217ecac9884ce1dd652e169ebb9f6b%2Fchcmp27.png&w=3840&q=75)
![chcmp28.png](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2F6Ax3dr7lIPfrfYyTZ4hmxS%2Fc5f7edf01733d6b927fa77eab18d98c5%2Fchcmp28.png&w=3840&q=75)
これで設定が完了となります。
動作検証
Sitecore Content Hub のコンテンツメニューを開き、 +コンテンツ をクリックして新しいコンテンツの作成を始めます。
![chcmp29.png](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2F3Z90TkoC1bzT5sSww4i5dX%2F3f76c3fa8938c1c8e4af96372b59cd8a%2Fchcmp29.png&w=3840&q=75)
作成を開始すると、ブログなのでタイトル、記事のエリアが表示されます。今回は以下の様に入力してみました。
![chcmp30.png](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2F2WsUh0aPGM4qdfbneZ1FPa%2F307aa1ddeec977a3f9aa700b7e6969ea%2Fchcmp30.png&w=3840&q=75)
コンテンツの設定はもう少し本来はやったほうがいいのですが、テストなのでこの項目だけで進めていきます。ワークフローを進めていきます。
- 開始
- レビューに送る
- 承認
承認をクリックすると、以下のようなダイアログが表示されます。
![chcmp32.png](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2F3TCkLG0DvcJosOpUwTYNFq%2F1877a5e8cc987ebb3e1fdf03228981d1%2Fchcmp32.png&w=3840&q=75)
確認をクリックすると、コンテンツの状態は公開準備完了に切り替わります。この変更がトリガーとなり、アクションが動いているはずですので、管理 - アクションを開き、監査を開いてください。ここでは一番上に表示されているのが、実行されたアクションのログとなります。
![chcmp33.png](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2Ft5YQ9POpUiMG1rQ47Y4x6%2F4452e67ef184e9d3aa6b183ae02a4e23%2Fchcmp33.png&w=3840&q=75)
CMS の画面に切り替えると、CMP のアイテムの下のアイテムバケットに1つのサブアイテムが生成されていることがわかります。
![chcmp34.png](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2F5a7Ztg9aC2NV4egjSExLeS%2F109c5170f51b1a1097ed068cc7f42400%2Fchcmp34.png&w=3840&q=75)
Blog のアイテムを選択して、Test で検索をするとバケットの中にアイテムが生成されていることがわかります。
![chcmp35.png](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2F4kekmJsTLpZCYpU2LXuulT%2F9113d347980f8e7d2dd0d00b314f1577%2Fchcmp35.png&w=3840&q=75)
アイテムを選択すると、CMP で作成した名前がアイテム名に、ブログのタイトルおよび記事のタイトルに Blog_Title のデータが、また Body には Blog の本文が入っていることがわかります。
![chcmp36.png](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2F3Em8ltJWa62fRrCVQqHyJ8%2F1add535d626ab9d547a8155d35c3ec93%2Fchcmp36.png&w=3840&q=75)
また識別子もアイテムに含まれており、この識別子は CMP で作成したアイテムの識別子と同じ値が入っていることがわかります。
まとめ
このように、Sitecore Content Hub CMP で作成したコンテンツを Sitecore CMS のアイテムとして作成することができました。定型的なコンテンツであれば、CMP でページを作成する形の運用が可能となります。また、CMP で作成することができるコンテンツタイプも増やすことができます。