---
title: "サイトの環境変数にアクセスする"
slug: "access-the-environment-variables-for-a-site"
abstract: "アプリをホスティングプロバイダーにデプロイするために必要な環境変数を見つけたり、ローカル開発環境をSitecoreAIに接続したりしましょう。"
---
# サイトの環境変数にアクセスする

Deployアプリの **開発者設定** タブには、環境変数が提供されており、アプリを環境内で動作するサイトに接続できます。

これらの環境変数を使って [、Dockerコンテナを使わずにローカル開発を始める](https://doc.sitecore.com/sai/en/developers/sitecoreai/getting-started-with-sitecoreai/set-up-your-local-development-environment.html) か、[Vercel](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/deploy-your-front-end-application-to-vercel.html)のようなホスティングプラットフォームにアプリをデプロイしてください。

> !ヒントDockerコンテナをベースにしたローカル開発環境を設定するには、「 [Full Stack SitecoreAIローカル開発環境の設定](https://doc.sitecore.com/sai/ja/developers/sitecoreai/using-docker-for-full-stack-development/set-up-your-full-stack-sitecoreai-local-development-environment.html "Set up your full-stack SitecoreAI local development environment")」をご覧ください。

![The Developer settings tab for a single environment, containing environment variables.](https://doc.sitecore.com/api/markdown-image/sai/ja/developers/sitecoreai/images/developer-settings-tab-deploy-app.png)

> !注**始める前に**
> 
> -   もしあなたのアプリがJSSベース(Content SDKではなく)であれば、 [Next.js用のJSSアドオン](https://doc.sitecore.com/sai/en/developers/jss/22/jss-sai/the-jss-xm-cloud-add-on-for-next-js.html)が含まれていることを確認してください。

サイトの環境変数にアクセスするには:

1.  Deployアプリのナビゲーションペインで「 **プロジェクト**」をクリックします。
2.  **プロジェクト**ページで、サイトの環境変数を表示したい環境を含むプロジェクトをクリックしてください。
3.  該当する環境名をクリックしてください。
4.  **開発者設定**タブの「**サイト**」ドロップダウンメニューで、アプリを接続したいサイトを選択します。ドロップダウンメニューには、マルチサイトアプリケーション構成内の各サイトを含むすべてのサイトが一覧表示されます。マルチサイト構成を使う場合は、アプリのデフォルトサイトとして使いたいサイトを選びます。
5.  **SDKバージョン**セレクターで、適切なJSSまたはContent SDKのバージョンを選択します。JSSアプリのバージョンは、package.jsonファイルのversionプロパティで見つけることができます。
6.  アプリが *Content SDK* または *JSS 21.6+*を使用している場合は、 **コンテキスト** セレクターで以下のいずれかを選択してください:
    -   **プレビュー** - ドラフトや未公開コンテンツを含むすべてのコンテンツへのアクセスを許可します。
    -   **ライブ** - 公開コンテンツへのアクセスを提供します。本番環境のアプリにはこれを使いましょう。