add AAD for js doc

Author: zhiyuanliang-ms

articles/azure-app-configuration/enable-dynamic-configuration-javascript.md

@@ -3,13 +3,13 @@ title: Use dynamic configuration in JavaScript
 titleSuffix: Azure App Configuration
 description: Learn how to dynamically update configuration data for JavaScript.
 services: azure-app-configuration
-author: eskibear
+author: zhiyuanliang-ms
 ms.service: azure-app-configuration
 ms.devlang: javascript
 ms.topic: tutorial
 ms.date: 03/27/2024
 ms.custom: devx-track-js
-ms.author: yanzh
+ms.author: zhiyuanliang
 #Customer intent: As a JavaScript developer, I want to dynamically update my app to use the latest configuration data in Azure App Configuration.
 ---
 # Tutorial: Use dynamic configuration in JavaScript
@@ -44,8 +44,8 @@ Choose the following instructions based on how your application consumes configu
     ### [Use configuration as Map](#tab/configuration-map)
 
     ```javascript
-    // Connecting to Azure App Configuration using connection string
-    const settings = await load(connectionString, {
+    // Connecting to Azure App Configuration using endpoint and token credential
+    const settings = await load(endpoint, credential, {
         // Setting up to refresh when the sentinel key is changed
         refreshOptions: {
             enabled: true,
@@ -60,8 +60,8 @@ Choose the following instructions based on how your application consumes configu
     To ensure an up-to-date configuration, update the configuration object in the `onRefresh` callback triggered whenever a configuration change is detected and the configuration is updated.
 
     ```javascript
-    // Connecting to Azure App Configuration using connection string
-    const settings = await load(connectionString, {
+    // Connecting to Azure App Configuration using endpoint and token credential
+    const settings = await load(endpoint, credential, {
         // Setting up to refresh when the sentinel key is changed
         refreshOptions: {
             enabled: true,
@@ -115,11 +115,13 @@ Choose the following instructions based on how your application consumes configu
     ```javascript
     const sleepInMs = require("util").promisify(setTimeout);
     const { load } = require("@azure/app-configuration-provider");
-    const connectionString = process.env.AZURE_APPCONFIG_CONNECTION_STRING;
+    const { DefaultAzureCredential } = require("@azure/identity");
+    const endpoint = process.env.AZURE_APPCONFIG_ENDPOINT;
+    const credential = new DefaultAzureCredential(); // For more information, see https://learn.microsoft.com/azure/developer/javascript/sdk/credential-chains#use-defaultazurecredential-for-flexibility
 
     async function run() {
-        // Connecting to Azure App Configuration using connection string
-        const settings = await load(connectionString, {
+        // Connecting to Azure App Configuration using endpoint and token credential
+        const settings = await load(endpoint, credential, {
             // Setting up to refresh when the sentinel key is changed
             refreshOptions: {
                 enabled: true,
@@ -142,11 +144,13 @@ Choose the following instructions based on how your application consumes configu
     ```javascript
     const sleepInMs = require("util").promisify(setTimeout);
     const { load } = require("@azure/app-configuration-provider");
-    const connectionString = process.env.AZURE_APPCONFIG_CONNECTION_STRING;
+    const { DefaultAzureCredential } = require("@azure/identity");
+    const endpoint = process.env.AZURE_APPCONFIG_ENDPOINT;
+    const credential = new DefaultAzureCredential(); // For more information, see https://learn.microsoft.com/azure/developer/javascript/sdk/credential-chains#use-defaultazurecredential-for-flexibility
 
     async function run() {
-        // Connecting to Azure App Configuration using connection string
-        const settings = await load(connectionString, {
+        // Connecting to Azure App Configuration using endpoint and token credential
+        const settings = await load(endpoint, credential, {
             // Setting up to refresh when the sentinel key is changed
             refreshOptions: {
                 enabled: true,

articles/azure-app-configuration/quickstart-feature-flag-javascript.md

@@ -42,10 +42,54 @@ Add a feature flag called *Beta* to the App Configuration store and leave **Labe
 
 1. Create a file named *app.js* and add the following code.
 
+    ### [Microsoft Entra ID (recommended)](#tab/entra-id)
+    You use the `DefaultAzureCredential` to authenticate to your App Configuration store. Follow the [instructions](./concept-enable-rbac.md#authentication-with-token-credentials) to assign your credential the **App Configuration Data Reader** role. Be sure to allow sufficient time for the permission to propagate before running your application.
+
     ``` javascript
     const sleepInMs = require("util").promisify(setTimeout);
     const { load } = require("@azure/app-configuration-provider");
-    const { FeatureManager, ConfigurationMapFeatureFlagProvider} = require("@microsoft/feature-management")
+    const { DefaultAzureCredential } = require("@azure/identity");
+    const { FeatureManager, ConfigurationMapFeatureFlagProvider} = require("@microsoft/feature-management");
+    const endpoint = process.env.AZURE_APPCONFIG_ENDPOINT;
+    const credential = new DefaultAzureCredential(); // For more information, see https://learn.microsoft.com/azure/developer/javascript/sdk/credential-chains#use-defaultazurecredential-for-flexibility
+
+    async function run() {
+        // Connect to Azure App Configuration using connection string
+        const settings = await load(connectionString, {
+            featureFlagOptions: {
+                enabled: true,
+                // Note: selectors must be explicitly provided for feature flags.
+                selectors: [{
+                    keyFilter: "*"
+                }],
+                refresh: {
+                    enabled: true,
+                    refreshIntervalInMs: 10_000
+                }
+            }
+        });
+
+        // Create a feature flag provider which uses a map as feature flag source
+        const ffProvider = new ConfigurationMapFeatureFlagProvider(settings);
+        // Create a feature manager which will evaluate the feature flag
+        const fm = new FeatureManager(ffProvider);
+
+        while (true) {
+            await settings.refresh(); // Refresh to get the latest feature flag settings
+            const isEnabled = await fm.isEnabled("Beta"); // Evaluate the feature flag
+            console.log(`Beta is enabled: ${isEnabled}`);
+            await sleepInMs(5000);
+        }
+    }
+
+    run().catch(console.error);
+    ```
+
+    ### [Connection string](#tab/connection-string)
+    ``` javascript
+    const sleepInMs = require("util").promisify(setTimeout);
+    const { load } = require("@azure/app-configuration-provider");
+    const { FeatureManager, ConfigurationMapFeatureFlagProvider} = require("@microsoft/feature-management");
     const connectionString = process.env.AZURE_APPCONFIG_CONNECTION_STRING;
 
     async function run() {
@@ -80,42 +124,54 @@ Add a feature flag called *Beta* to the App Configuration store and leave **Labe
     run().catch(console.error);
     ```
 
+    ---
+
 ## Run the application
 
-1. Set an environment variable named **AZURE_APPCONFIG_CONNECTION_STRING**, and set it to the connection string of your App Configuration store. At the command line, run the following command:
+1. Set the environment variable.
 
-    ### [Windows command prompt](#tab/windowscommandprompt)
+    ### [Microsoft Entra ID (recommended)](#tab/entra-id)
+    Set the environment variable named **AZURE_APPCONFIG_ENDPOINT** to the endpoint of your App Configuration store found under the *Overview* of your store in the Azure portal.
 
-    To run the app locally using the Windows command prompt, run the following command and replace `<app-configuration-store-connection-string>` with the connection string of your app configuration store:
+    If you use the Windows command prompt, run the following command and restart the command prompt to allow the change to take effect:
 
     ```cmd
-    setx AZURE_APPCONFIG_CONNECTION_STRING "<app-configuration-store-connection-string>"
+    setx AZURE_APPCONFIG_ENDPOINT "endpoint-of-your-app-configuration-store"
     ```
 
-    ### [PowerShell](#tab/powershell)
+    If you use PowerShell, run the following command:
 
-    If you use Windows PowerShell, run the following command and replace `<app-configuration-store-connection-string>` with the connection string of your app configuration store:
+    ```powershell
+    $Env:AZURE_APPCONFIG_ENDPOINT = "endpoint-of-your-app-configuration-store"
+    ```
 
-    ```azurepowershell
-    $Env:AZURE_APPCONFIG_CONNECTION_STRING = "<app-configuration-store-connection-string>"
+    If you use macOS or Linux, run the following command:
+
+    ```bash
+    export AZURE_APPCONFIG_ENDPOINT='endpoint-of-your-app-configuration-store'
     ```
 
-    ### [macOS](#tab/unix)
+    ### [Connection string](#tab/connection-string)
+    Set the environment variable named **AZURE_APPCONFIG_CONNECTION_STRING** to the read-only connection string of your App Configuration store found under *Access keys* of your store in the Azure portal.
 
-    If you use macOS, run the following command and replace `<app-configuration-store-connection-string>` with the connection string of your app configuration store:
+    If you use the Windows command prompt, run the following command and restart the command prompt to allow the change to take effect:
 
-    ```console
-    export AZURE_APPCONFIG_CONNECTION_STRING='<app-configuration-store-connection-string>'
+    ```cmd
+    setx AZURE_APPCONFIG_CONNECTION_STRING "connection-string-of-your-app-configuration-store"
     ```
 
-    ### [Linux](#tab/linux)
-
-    If you use Linux, run the following command and replace `<app-configuration-store-connection-string>` with the connection string of your app configuration store:
+   If you use PowerShell, run the following command:
 
-    ```console
-    export AZURE_APPCONFIG_CONNECTION_STRING='<app-configuration-store-connection-string>'
+    ```powershell
+    $Env:AZURE_APPCONFIG_CONNECTION_STRING = "connection-string-of-your-app-configuration-store"
     ```
 
+    If you use macOS or Linux, run the following command:
+
+    ```bash
+    export AZURE_APPCONFIG_CONNECTION_STRING='connection-string-of-your-app-configuration-store'
+    ```
+    
     ---
 
 1. Run the following command to run the app locally: