---
title: "外部編集ホストの設定"
slug: "configure-an-external-editing-host"
abstract: "WYSIWYGページビルダーで編集ホストを設定してください"
---
# 外部編集ホストの設定

編集ホストとは、[SitecoreAI](https://doc.sitecore.com/sai/en/users/sitecoreai/sitecoreai.html)の編集体験をサポートするためにプロビジョニングされたアプリケーションインスタンスのことです。これは、パブリックトラフィックを扱わず、ページビルダー内でWYSIWYG編集を可能にするために使われるヘッドアプリケーションのインスタンスです。 [ホストの編集やレンダリング](https://doc.sitecore.com/sai/ja/developers/sitecoreai/environment-editing-hosts-and-rendering-hosts.html "Environment, editing hosts and rendering hosts")についてもっと学べます。

現在、SitecoreAIではNodeベースの編集ホストのみがネイティブでホスト可能です。XM Cloudのスターターリポジトリを使って [プロジェクトを作成・デプロイ](https://doc.sitecore.com/sai/ja/developers/sitecoreai/getting-started-with-sitecoreai/deploy-a-project-and-environment.html "Deploy a project and environment") すると、編集ホストが自動的にプロビジョニングされます。しかし、他の言語でサイトを構築する場合は、編集ホストを手動で設定し、SitecoreAIの外部でホストする必要があります。このトピックでは、このプロセスを案内します。

> !注**XM Cloudは現在SitecoreAIです**。エンジニアリング資産が更新されている間、一部のコード例、画像、UIラベルはXM Cloudを使用している場合があります。

> !注**始める前に**SitecoreAIで [プロジェクトと環境をデプロイ](https://doc.sitecore.com/sai/ja/developers/sitecoreai/getting-started-with-sitecoreai/deploy-a-project-and-environment.html "Deploy a project and environment") していることを確認してください。

外部編集ホストの設定:

1.  Deployアプリでプロジェクトと環境を開いてください。
    
2.  **開発者設定**タブで**コンテキストスイッチが****プレビュー**に設定されているか確認し、以下の環境変数と値をプロジェクトにコピーしてください:
    
    -   SITECORE\_EDGE\_CONTEXT\_ID
    -   NEXT\_PUBLIC\_DEFAULT\_SITE\_NAME
    -   NEXT\_PUBLIC\_SITECORE\_EDGE\_CONTEXT\_ID
    -   SITECORE\_EDITING\_SECRET
    
    ![The Context switch in the Deploy app.](https://doc.sitecore.com/api/markdown-image/sai/ja/developers/sitecoreai/images/XMC_deploy_dev_settings_preview.png)
    
3.  SitecoreAIの外では、外部編集ホストとして使いたいアプリケーションのインスタンスをホスティングプロバイダーにデプロイしてください。これはホスティングプロバイダーごとに異なる対応です。本番環境と非本番環境の両方をホストする際には、同じプロバイダーを使うことを推奨します(ホストの編集やレンダリングホスト)。
    
4.  関連する環境のためにコンテンツエディターを開きます。これはSitecoreAIを開き、**コンテンツ** のドロップダウンリストで **「コンテンツエディター**」をクリックすることでできます。
    
    ![XMC\_Content\_Editor\_in\_the\_dropdown.png](https://doc.sitecore.com/api/markdown-image/sai/ja/developers/sitecoreai/images/XMC_Content_Editor_in_the_dropdown.png)
    
5.  設定したいサイトについては、/sitecore/content/<SITE\_COLLECTION>/<SITE>/Settings/Site Grouping/<SITE> を開き、**Predefined Application editing host**フィールドに値をメモしてください。
    
    ![Predefined application editing host definition in the Content Editor in XM Cloud](https://doc.sitecore.com/api/markdown-image/sai/ja/developers/sitecoreai/images/Predefined_application_editing_host.png)
    
6.  /sitecore/system/Settings/Services/Rendering Hostsに移動し、あらかじめ定義されたアプリケーション編集ホストの値と同じ名前のアイテムをクリックしてください(この例では*Default*です)。
    
7.  以下の値を設定します:
    
    -   **サーバー側レンダリングエンジンのエンドポイントURL** - この値はSDKが [メタデータ編集](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/editor-integration-using-metadata.html)をサポートしているかどうかによって異なります。現在、Content SDKのすべてのバージョン、JSSバージョン22.1以降、およびASP.NET Core SDKバージョン0.0.14以降がこれをサポートしています。
        -   SDKがメタデータをサポートしている場合は、 https://<DOMAIN\_OF\_EDITING HOST>/api/editing/renderを入力します。
        -   SDKがメタデータをサポートしていない場合は、 https://<DOMAIN\_OF\_EDITING\_HOST>/jss-renderを入力してください。
    -   **サーバー側レンダリングエンジンのアプリケーションURL** - https://<DOMAIN\_OF\_EDITING\_HOST>/
    -   **サーバー側レンダリングエンジンの設定URL** - https://<DOMAIN\_OF\_EDITING\_HOST>/api/editing/config
8.  変更を保存するには、左上の「 **保存** 」をクリックしてください。
    
9.  該当サイトでページビルダーへ移動してください。現在は外部ホストに対して動作するように設定されており、そこでサイトページを編集できるはずです。