Condividi tramite


Autenticare le app JavaScript ospitate su Azure alle risorse di Azure usando un'identità gestita assegnata dall'utente

L'approccio consigliato per autenticare un'app ospitata Azure in altre risorse di Azure consiste nell'usare un'identità managed identity. Questo approccio è supportato per la maggior parte dei servizi Azure, incluse le app ospitate in Azure App Service, Azure Container Apps e Azure Virtual Machines. Altre informazioni sulle diverse tecniche e approcci di autenticazione sono disponibili nella pagina di panoramica dell'autenticazione . Nelle sezioni successive si apprenderà quanto descritto di seguito:

  • Concetti essenziali relativi all'identità gestita
  • Come creare un'identità gestita assegnata dall'utente per l'app
  • Come assegnare ruoli all'identità gestita assegnata dall'utente
  • Come eseguire l'autenticazione usando l'identità gestita assegnata dall'utente dal codice dell'app

Concetti essenziali relativi all'identità gestita

Un'identità gestita consente all'app di connettersi in modo sicuro ad altre risorse Azure senza usare chiavi segrete o altri segreti dell'applicazione. Internamente, Azure tiene traccia dell'identità e delle risorse a cui è consentito connettersi. Azure usa queste informazioni per ottenere automaticamente token di Microsoft Entra per consentire all'app di connettersi ad altre risorse Azure.

Esistono due tipi di identità gestite da considerare durante la configurazione dell'app ospitata:

  • Assegnate dal sistema, le identità gestite vengono abilitate direttamente in una risorsa di Azure e sono associate al suo ciclo di vita. Quando la risorsa viene eliminata, Azure elimina automaticamente l'identità per te. Le identità assegnate dal sistema offrono un approccio minimalista all'uso delle identità gestite.
  • Identità gestite assegnate dall'utente vengono create come risorse Azure autonome e offrono maggiore flessibilità e funzionalità. Sono ideali per soluzioni che coinvolgono più risorse Azure che devono condividere la stessa identità e le stesse autorizzazioni. Ad esempio, se più macchine virtuali devono accedere allo stesso set di risorse Azure, un'identità gestita assegnata dall'utente offre la riutilizzabilità e la gestione ottimizzata.

Suggerimento

Altre informazioni sulla selezione e sulla gestione delle identità gestite assegnate dal sistema e assegnate dall'utente sono disponibili nell'articolo Raccomandazioni sulle procedure consigliate sulle identità gestite .

Le sezioni seguenti descrivono i passaggi per abilitare e usare un'identità gestita assegnata dall'utente per un'app ospitata Azure. Se è necessario usare un'identità gestita assegnata dal sistema, vedere l'articolo Identità gestite assegnate dal sistema per altre informazioni.

Creare un'identità gestita assegnata dall'utente

Le identità gestite assegnate dall'utente vengono create come risorse autonome nella sottoscrizione Azure usando il portale di Azure o il Azure CLI. I comandi di Azure CLI possono essere eseguiti nel Azure Cloud Shell o su una workstation con Azure CLI installata.

  1. Nel portale di Azure immettere Managed identities nella barra di ricerca principale e selezionare il risultato corrispondente nella sezione Services.

  2. Nella pagina Identità gestite selezionare + Crea.

    Screenshot che mostra la pagina per gestire le identità gestite assegnate dall'utente.

  3. Nella pagina Crea identità gestita assegnata dall'utente selezionare una sottoscrizione, un gruppo di risorse e un'area per l'identità gestita assegnata dall'utente e quindi specificare un nome.

  4. Seleziona Rivedi e crea per esaminare e convalidare i dati.

    Screenshot che mostra il modulo per creare un'identità gestita assegnata dall'utente.

  5. Selezionare Crea per creare l'identità gestita assegnata dall'utente.

  6. Dopo aver creato l'identità, selezionare Vai alla risorsa.

  7. Nella pagina panoramica della nuova identità, copiare il valore ID client da utilizzare successivamente per configurare il codice dell'applicazione.

Assegna l'identità gestita alla tua app

Un'identità gestita assegnata dall'utente può essere associata a una o più risorse Azure. Tutte le risorse che usano tale identità ottengono le autorizzazioni applicate tramite i ruoli dell'identità.

  1. Nel portale di Azure passare alla risorsa che ospita il codice dell'app, ad esempio un'istanza di Azure App Service o Azure Container Apps.

  2. Nella Pagina Panoramica della risorsa, espandere Impostazioni e selezionare Identità nel menu di navigazione.

  3. Nella pagina Identità , passare alla scheda Assegnata dall'utente .

  4. Selezionare + Aggiungi per aprire il pannello Aggiungi identità gestita assegnata dall'utente.

  5. Nel pannello Aggiungi identità gestita assegnata dall'utente, usa il menu a discesa Sottoscrizione per filtrare i risultati della ricerca per le tue identità. Usare la casella di ricerca Identità gestite assegnate dall'utente per individuare l'identità gestita assegnata dall'utente abilitata per la risorsa Azure che ospita l'app.

  6. Selezionare l'identità e scegliere Aggiungi nella parte inferiore del pannello per continuare.

    Screenshot che mostra come associare un'identità gestita assegnata dall'utente a un'app.

Assegnare ruoli all'identità gestita

Successivamente, determinare i ruoli necessari per l'app e assegnare tali ruoli all'identità gestita. È possibile assegnare ruoli a un'identità gestita negli ambiti seguenti:

  • risorsa: i ruoli assegnati si applicano solo a tale risorsa specifica.
  • gruppo di risorse: i ruoli assegnati si applicano a tutte le risorse contenute nel gruppo di risorse.
  • Sottoscrizione: I ruoli assegnati si applicano a tutte le risorse contenute nella sottoscrizione.

L'esempio seguente illustra come assegnare ruoli nell'ambito del gruppo di risorse, poiché molte app gestiscono tutte le risorse Azure correlate usando un singolo gruppo di risorse.

  1. Passare alla pagina panoramica del gruppo di risorse che contiene l'app con l'identità gestita assegnata dall'utente.

  2. Selezionare Controllo di accesso (IAM) nella navigazione a sinistra.

  3. Nella pagina Controllo di accesso (IAM), seleziona + Aggiungi nel menu in alto e quindi scegli Aggiungi assegnazione di ruolo per passare alla pagina Aggiungi assegnazione di ruolo.

    Screenshot che mostra come accedere alla pagina di assegnazione dei ruoli di identità.

  4. La pagina Aggiungi assegnazione di ruolo presenta un flusso di lavoro a schede suddiviso in più passaggi per assegnare ruoli alle identità. Nella scheda iniziale Ruolo, usare la casella di ricerca in alto per individuare il ruolo da assegnare all'identità.

  5. Selezionare il ruolo nei risultati e quindi scegliere Avanti per passare alla scheda Membri.

  6. Per l'opzione Assegna accesso a, selezionare identità gestita.

  7. Per l'opzione Membri, scegliere + Seleziona membri per aprire il pannello Seleziona identità gestite.

  8. Nel pannello Seleziona identità gestite, utilizza i menu a tendina Sottoscrizione e Identità gestita per filtrare i risultati della ricerca delle tue identità. Usare la casella di ricerca Select per individuare l'identità gestita assegnata dall'utente abilitata per la risorsa Azure che ospita l'app.

    Screenshot che mostra il processo di assegnazione dell'identità gestita.

  9. Selezionare l'identità e scegliere Selezionare nella parte inferiore del pannello per continuare.

  10. Selezionare Rivedi e assegna nella parte inferiore della pagina.

  11. Nella scheda finale Rivedi e assegna, selezionare Rivedi e assegna per completare il flusso di lavoro.

Eseguire l'autenticazione ai servizi di Azure dalla tua app

La libreria Azure Identity fornisce varie credentials- implementazioni di TokenCredential adattate al supporto di diversi scenari e flussi di autenticazione Microsoft Entra. Poiché l'identità gestita non è disponibile durante l'esecuzione in locale, i passaggi successivi illustrano quali credenziali usare in quale scenario:

  • ambiente di sviluppo locale: durante lo sviluppo locale solo, usare una classe denominata DefaultAzureCredential per una catena di credenziali preconfigurata e opinata. DefaultAzureCredential individua le credenziali utente dall'IDE o dagli strumenti locali, ad esempio il Azure CLI o l'Visual Studio Code. Offre inoltre flessibilità e praticità per i tentativi, i tempi di attesa per le risposte e il supporto per più opzioni di autenticazione. Per ulteriori informazioni, visitare l'articolo Autenticazione ai servizi Azure durante lo sviluppo locale.
  • Azure-hosted apps: quando l'app è in esecuzione in Azure, usare ManagedIdentityCredential per individuare in modo sicuro l'identità gestita configurata per l'app. La specifica di questo tipo esatto di credenziali impedisce che altre credenziali disponibili vengano prelevate in modo imprevisto.

Implementare il codice

In un progetto JavaScript aggiungere il pacchetto @azure/identity . In un terminale di propria scelta passare alla directory del progetto dell'applicazione ed eseguire i comandi seguenti:

npm install @azure/identity

Azure servizi sono accessibili usando classi client specializzate dalle varie librerie client Azure SDK. In index.jscompletare i passaggi seguenti per configurare l'autenticazione basata su token:

  1. Importare il pacchetto @azure/identity.
  2. Passa un'istanza TokenCredential appropriata al client:
    • Usa DefaultAzureCredential quando l'app è in esecuzione in locale.
    • Usare ManagedIdentityCredential quando l'app è in esecuzione in Azure e configurare l'ID client, l'ID risorsa o l'ID oggetto.

L'ID client viene usato per identificare un'identità gestita durante la configurazione di applicazioni o servizi che devono eseguire l'autenticazione usando tale identità.

  1. Recuperare l'ID client assegnato a un'identità gestita assegnata dall'utente usando il comando seguente:

    az identity show \
        --resource-group <resource-group-name> \
        --name <identity-name> \
        --query 'clientId'
    
  2. Configurare ManagedIdentityCredential con l'ID client:

    import { BlobServiceClient } from '@azure/storage-blob';
    import { ManagedIdentityCredential, DefaultAzureCredential } from '@azure/identity';
    
    console.log(process.env);
    
    function createBlobServiceClient() {
        const accountName = process.env.AZURE_STORAGE_ACCOUNT_NAME;
        if (!accountName) throw Error('Azure Storage accountName not found');
        const url = `https://${accountName}.blob.core.windows.net`;
    
        if (process.env.NODE_ENV === "production") {
            const clientId = process.env.AZURE_CLIENT_ID;
            if (!clientId) throw Error('AZURE_CLIENT_ID not found for Managed Identity');
            return new BlobServiceClient(url, new ManagedIdentityCredential(clientId));
        } else {
            return new BlobServiceClient(url, new DefaultAzureCredential());
        }
    }
    
    async function main() {
        try {
            const blobServiceClient = createBlobServiceClient();
            const containerClient = blobServiceClient.getContainerClient(process.env.AZURE_STORAGE_CONTAINER_NAME);
            // do something with client
            const properties = await containerClient.getProperties();
    
            console.log(properties);
        } catch (err) {
            console.error("Error retrieving container properties:", err.message);
            throw err;
        }
    }
    
    main().catch((err) => {
        console.error("Error running sample:", err.message);
        process.exit(1);
    });
    

Implementare il codice

In un progetto TypeScript aggiungere il pacchetto @azure/identity . In un terminale di propria scelta passare alla directory del progetto dell'applicazione ed eseguire i comandi seguenti:

npm install typescript @azure/identity @types/node

Azure servizi sono accessibili usando classi client specializzate dalle varie librerie client Azure SDK. In index.jscompletare i passaggi seguenti per configurare l'autenticazione basata su token:

  1. Importare il pacchetto @azure/identity.
  2. Passa al client un'appropriata istanza TokenCredential:
    • Usa DefaultAzureCredential quando l'app è in esecuzione in locale
    • Usare ManagedIdentityCredential quando l'app è in esecuzione in Azure e configurare l'ID client, l'ID risorsa o l'ID oggetto.

L'ID client viene usato per identificare un'identità gestita durante la configurazione di applicazioni o servizi che devono eseguire l'autenticazione usando tale identità.

  1. Recuperare l'ID client assegnato a un'identità gestita assegnata dall'utente usando il comando seguente:

    az identity show \
        --resource-group <resource-group-name> \
        --name <identity-name> \
        --query 'clientId'
    
  2. Configurare ManagedIdentityCredential con l'ID client:

    import { BlobServiceClient } from '@azure/storage-blob';
    import { ManagedIdentityCredential, DefaultAzureCredential } from '@azure/identity';
    
    function createBlobServiceClient(): BlobServiceClient {
        const accountName = process.env.AZURE_STORAGE_ACCOUNT_NAME;
        if (!accountName) throw Error('Azure Storage accountName not found');
        const url = `https://${accountName}.blob.core.windows.net`;
    
        if (process.env.NODE_ENV === "production") {
            const clientId = process.env.AZURE_CLIENT_ID;
            if (!clientId) throw Error('AZURE_CLIENT_ID not found for Managed Identity');
            return new BlobServiceClient(url, new ManagedIdentityCredential(clientId));
        } else {
            return new BlobServiceClient(url, new DefaultAzureCredential());
        }
    }
    
    async function main(): Promise<void> {
        try {
            const blobServiceClient = createBlobServiceClient();
            const containerClient = blobServiceClient.getContainerClient(process.env.AZURE_STORAGE_CONTAINER_NAME!);
            const properties = await containerClient.getProperties();
    
            console.log(properties);
        } catch (err: any) {
            console.error("Error retrieving container properties:", err.message);
            throw err;
        }
    }
    
    main().catch((err: Error) => {
        console.error("Error running sample:", err.message);
        process.exit(1);
    });
    

Il codice precedente si comporta in modo diverso a seconda dell'ambiente in cui è in esecuzione:

  • Nella workstation di sviluppo locale DefaultAzureCredential cerca nelle variabili di ambiente un'entità servizio dell'applicazione o in strumenti di sviluppo installati localmente, ad esempio Visual Studio Code, per un set di credenziali per sviluppatori.
  • Quando viene distribuito in Azure, ManagedIdentityCredential individua automaticamente le configurazioni delle identità gestite per l'autenticazione ad altri servizi.