---
title: "Connect SitecoreAIローカルXMインスタンスへのページビルダー"
slug: "connect-sitecoreai-page-builder-to-your-local-xm-instance"
abstract: "SitecoreAIのページビルダーを有効にして、ローカルで動作するレンダリングホストとXMインスタンスを活用してください。"
---
# Connect SitecoreAIローカルCMインスタンスへのページビルダー

[DockerでSitecoreAI](https://doc.sitecore.com/sai/en/users/sitecoreai/sitecoreai.html)でフルスタック開発を行い、ローカル開発環境をセットアップした後、ページビルダーはローカル実行中のインスタンスに接続されていません。

ブラウザでローカルストレージキーを設定することで、ローカルアプリケーションをページビルダーに接続できます。

> !注**始める前に**
> 
> -   インスタンス [が作成されたSitecore Cloud Portal組織に参加](https://doc.sitecore.com/sai/ja/developers/sitecoreai/user-security/users-roles-and-domains/creating-users-in-sitecoreai.html "Creating users in SitecoreAI") し、SitecoreAIアプリへのアクセスが必要です。
>     
> -   SitecoreAIコンテナを起動しなければなりません。
>     
> -   レンダリングアプリケーションは接続モードで実行する必要があります。
>     
> -   JSS SDKを22.1以上にアップグレードした場合は、[メタデータベースの統合パフォーマンス最適化](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/optimize-performance-for-metadata-based-integration.html)のステップを完了してください。
>     

ページビルダーを接続するには:

1.  ブラウザでSitecoreAIページビルダーアプリケーションにアクセスしてください。
    
2.  ブラウザの開発者ツールコンソールを開き、ローカルストレージセクションを探してください。場所はブラウザによって異なります:
    
    -   ChromeとEdgeの場合は、 **アプリケーション** パネルを開きます。 **ストレージ** セクションでローカル **ストレージ** セクションを展開してください。
    -   Firefoxの場合は、 **ストレージ** パネルを開き、 **ローカルストレージ** セクションを展開してください。
3.  **ローカルストレージ**パネルでエントリーhttps://pages.sitecorecloud.ioをクリックすると、ローカルストレージのエントリが表示されます。
    
4.  次の値で新しい行を追加して新しいエントリを作成します:
    
    -   キー: Sitecore.Pages.LocalXmCloudUrl。
    -   値:ローカルインスタンスのURLです。例えば、 https://xmcloudcm.localhost/.
5.  ローカルインスタンスがページビルダーに接続するように設定されているか確認してください。正しく設定されていれば、インスタンスには以下の環境変数があります:
    
    SITECORE\_Pages\_Client\_Host=https://pages.sitecorecloud.io
    SITECORE\_Pages\_CORS\_Allowed\_Origins=pages.sitecorecloud.io
    SITECORE\_GRAPHQL\_CORS=\\\*.sitecorecloud.io
    
6.  Dockerでは、環境変数をdocker-compose.override.ymlファイル、特にcmサービスのenvironmentセクションに追加してください。これにより、コンテナが変数を正しく認識していることが保証されます。
    
7.  [https://pages.sitecorecloud.io](https://pages.sitecorecloud.io)ページを更新して、地元のフロントエンドアプリケーションを確認してください。
    
    > !注*401*エラーが出た場合は、ホーム![home.png](https://doc.sitecore.com/api/markdown-image/sai/ja/developers/sitecoreai/images/home.png) をクリックして再度ログインしてください。