次の方法で共有


Visual Studio 接続済みサービスを使用した Azure App Configuration の追加

このチュートリアルでは、Visual Studio で Web プロジェクトの構成と機能フラグを管理するために Azure App Configuration の使用を開始するために必要なものをすべて簡単に追加する方法について説明します。 Visual Studio で接続済みサービス機能を使用すると、Azure の App Configuration リソースに接続するために必要なすべてのコード、NuGet パッケージ、構成設定を Visual Studio に自動的に追加させることができます。 この機能を使用するには、Visual Studio 2019 バージョン 16.9 以降を使用している必要があります。

App Configuration Connected Services 機能は、次のプロジェクトの種類で使用できます。

  • ASP.NET Core
  • .NET Core コンソール
  • .NET Framework プロジェクト。

前提 条件

接続済みサービスを使用して Azure App Configuration に接続する

  1. Visual Studio でプロジェクトを開きます。

  2. ソリューション エクスプローラー で、接続済みサービス ノード 右クリックし、コンテキスト メニューから [接続済みサービス 追加] を選択します。

    [Add Azure connected service]\(Azure 接続済みサービスの追加\) 画面を示すスクリーンショット。

  3. [接続済みサービス ] タブで、[サービスの依存関係 ] の [+] アイコンを選択します。

    [サービス依存関係の追加] 画面を示すスクリーンショット。

  4. [依存関係の追加] ページで、[Azure App Configuration] を選択します。

    [アプリ構成の追加] 画面を示すスクリーンショット。

    まだサインインしていない場合は、Azure アカウントにサインインします。 Azure アカウントをお持ちでない場合は、無料試用版にサインアップできます。

  5. Azure App Configuration の構成画面で、サブスクリプションと既存の構成ストアを選択します。 次 を選択します。

    App Configuration ストアを作成する必要がある場合は、次の手順に進みます。 それ以外の場合は、手順 6 に進みます。

    [Add existing configuration account to project]\(既存の構成アカウントをプロジェクトに追加する\) 画面を示すスクリーンショット。

  6. アプリ構成ストアを作成するには:

    1. App Configuration ストアのヘッダーの右側にある [+] アイコンを選択します。

    2. [Azure App Configuration: 新規作成] ダイアログ ボックスに入力し、[作成] を選択します。 [リソース名] フィールドは一意である必要があることに注意してください。

      新しい Azure アプリ構成ストアを示すスクリーンショット。

    3. Azure App Configuration ダイアログが表示されると、新しい構成ストアが一覧に表示されます。 この新しいストアを選択して、次に[次へ]を選択します。

  7. 接続文字列の名前を入力し、接続文字列をローカル シークレット ファイルに格納するか、Azure Key Vault 保存するかを選択します。

    [接続文字列の指定] 画面を示すスクリーンショット。

  8. 変更の概要 画面には、プロセスを完了した場合にプロジェクトに加えられるすべての変更が表示されます。 変更が [OK] に見える場合は、[完了 ] を選択します。

    変更の概要を示すスクリーンショット。

  9. 依存関係の構成プロセス が完了すると、Azure App Configuration がプロジェクトの サービス依存関係 ノードの下に表示されるようになりました。

  1. Visual Studio でプロジェクトを開きます。

  2. ソリューション エクスプローラー で、接続済みサービス ノード 右クリックし、コンテキスト メニューから [の追加] 選択して、使用可能なサービスのメニューを開きます。

    接続済みサービスのコンテキスト メニュー オプションを示すスクリーンショット。

  3. [Azure App Configuration] を選びます。 [依存関係に接続する] ページが表示されます。

    Azure App Configuration の依存関係への接続を示すスクリーンショット。

    まだサインインしていない場合は、Azure アカウントにサインインします。 Azure アカウントをお持ちでない場合は、無料試用版にサインアップできます。

  4. Azure App Configuration の構成画面で、サブスクリプションと既存の構成ストアを選択します。 次 を選択します。

    App Configuration ストアを作成する必要がある場合は、次の手順に進みます。 それ以外の場合は、手順 6 に進みます。

    [Add existing configuration account to project]\(既存の構成アカウントをプロジェクトに追加する\) を示すスクリーンショット。

  5. アプリ構成ストアを作成するには:

    1. App Configuration ストアのヘッダーの右側にある [+] アイコンを選択します。

    2. [Azure App Configuration: 新規作成] ダイアログ ボックスに入力し、[作成] を選択します。 [リソース名] フィールドは一意である必要があることに注意してください。

      新しい Azure アプリ構成ストアを示すスクリーンショット。

    3. Azure App Configuration ダイアログが表示されると、新しい構成ストアが一覧に表示されます。 この新しいストアを選択し、次に 次へを選択します。

  6. 接続文字列の名前を入力し、接続文字列をローカル シークレット ファイルに格納するか、Azure Key Vault 保存するかを選択します。

    [接続文字列の指定] 画面を示すスクリーンショット。

  7. 変更の概要 画面には、プロセスを完了した場合にプロジェクトに加えられるすべての変更が表示されます。 変更が [OK] に見える場合は、[完了 ] を選択します。

    変更の概要を示すスクリーンショット。

    依存関係の構成プロセス が完了すると、Azure App Configuration がプロジェクトの サービス依存関係 ノードの下に表示されるようになりました。

  8. ソリューション エクスプローラーで、接続済みサービス ノードをダブルクリックして、[接続済みサービスの ] タブ 開きます。サービス依存関係の セクションに接続が表示されます。

    Azure App Configuration 接続を示す [サービスの依存関係] セクションのスクリーンショット。

    また、接続文字列のセキュリティで保護されたストレージをローカルでサポートする Secrets.json エントリもあります。 ASP.NET Core での開発中のアプリ シークレットの安全なストレージを示すスクリーンショットで、このしくみについて説明します。

    追加した依存関係の横にある 3 つのドットをクリックすると、Connect を使用してウィザードを再度開いて接続を変更したり、Secrets.jsonの場合はシークレットを管理するオプションなど、さまざまなオプションを確認できます。 また、ウィンドウの右上にある 3 つのドットをクリックして、ローカルの依存関係を開始したり、設定を変更したりするためのオプションを表示することもできます。