---
title: "Connect Pagesに地元のホストを"
slug: "connect-your-local-host-to-pages"
abstract: "SitecoreAI開発者は、ローカルホストを直接ページビルダーに接続し、ビジュアルエディターでコンポーネントをテストできます。"
---
# Connect Pagesに地元のホストを

ページビルダーはデフォルトで編集ホストに接続されているため、ページビルダーで行われたコンテンツ更新は環境全体に適用されます。 [SitecoreAI](https://doc.sitecore.com/sai/en/users/sitecoreai/sitecoreai.html)用のコンポーネントを作成する開発者は、代わりにページビルダーをローカルホストに接続し、同じ環境を共有する他のユーザーや公開されたサイトに影響を与えずにコンポーネントを可視化・テストできます。

> !重要この機能はJSSバージョン22.1以降から [メタデータ可視](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/editor-integration-using-metadata.html) 化手法を用いてサポートされています。もし現在古いバージョンを使っているなら、JSS[のアップグレード](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/upgrade-jss-22-0-0-next-js-apps-to-version-22-1.html) を検討してもいいでしょう。
> 
> この手続きを有効にするには、サードパーティクッキーを許可する必要があります。

## Connect Your Local Host

ローカルホストをページに接続するには:

1.  ページを開くには、あなたのサイトで **「Pagesのアクション** 」>「 **編集**」をクリックしてください。または、https://pages.sitecorecloud.io/editorに直接アクセスし、左上のドロップダウンで該当サイトを選択する方法もあります。
    
2.  左上でホスト編集セレクターを開き、「 **ローカルホスト**」を選択します。
    
    ![The editing host selector in the Page builder](https://doc.sitecore.com/api/markdown-image/sai/ja/developers/sitecoreai/images/XMC_LocalEditingHost.png)
    
3.  地元のホスト名を入力してください。例えばhttp://localhost:3000/。
    
4.  変更を保存してください。
    

## デフォルトの編集ホストを再接続してください

いつでもデフォルトの編集ホストに戻すことができます。そうすると、変更点はサイト全体とそのユーザーに反映されます。

デフォルトの編集ホストに戻すには:

1.  編集ホストセレクターを開きます。
2.  **「デフォルト編集ホスト**」を選択します。
3.  変更を保存してください。