Come autenticare le app JavaScript ospitate in Azure nelle risorse di Azure usando la libreria di identità di Azure

Quando un'app è ospitata in Azure (usando un servizio come Servizio app di Azure, Funzioni di Azure o App contenitore di Azure), è possibile usare un'identità gestita per autenticare in modo sicuro l'app nelle risorse di Azure.

Un'identità gestita fornisce un'identità per l'app, consentendo la connessione ad altre risorse di Azure senza dover usare un segreto, ad esempio una stringa di connessione o una chiave. Internamente, Azure riconosce l'identità dell'app e conosce le risorse a cui l'app è autorizzata ad accedere. Azure usa queste informazioni per ottenere automaticamente i token di Microsoft Entra per l'app, consentendogli di connettersi ad altre risorse di Azure senza richiedere la gestione (creazione o rotazione) dei segreti di autenticazione.

Tipi di identità gestita

Sono disponibili due tipi di identità gestite:

• Identità gestite assegnate dal sistema - singola risorsa di Azure
• Identità gestite assegnate dall'utente - più risorse di Azure

Questo articolo illustra i passaggi per abilitare e usare un'identità gestita assegnata dal sistema per un'app. Se è necessario usare un'identità gestita assegnata dall'utente, vedere l'articolo Gestire le identità gestite assegnate dall'utente per informazioni su come creare un'identità gestita assegnata dall'utente.

Identità gestite assegnate dal sistema per una singola risorsa

Le identità gestite assegnate dal sistema vengono fornite e collegate direttamente a una risorsa di Azure. Quando si abilita l'identità gestita in una risorsa di Azure, si ottiene un'identità gestita assegnata dal sistema per tale risorsa. L'identità gestita è associata al ciclo di vita della risorsa di Azure. Quando la risorsa viene eliminata, Azure elimina automaticamente anche l'identità. Poiché è necessario abilitare l'identità gestita per la risorsa di Azure che ospita il codice, questo tipo di identità è il tipo più semplice di identità gestita da usare.

Identità gestite assegnate dall'utente per più risorse

Un'identità gestita assegnata dall'utente è una risorsa di Azure autonoma. Questo tipo di identità viene usato più di frequente quando la soluzione ha più carichi di lavoro eseguiti su più risorse di Azure che devono tutti condividere la stessa identità e le stesse autorizzazioni. Si supponga, ad esempio, che la soluzione includa applicazioni eseguite in più istanze del servizio app e delle macchine virtuali. Tutte le applicazioni devono accedere allo stesso set di risorse di Azure. La creazione e l'uso di un'identità gestita assegnata dall'utente tra queste risorse è la scelta migliore per la progettazione.

1 - Abilitare l'identità gestita assegnata dal sistema nell'app ospitata

Il primo passaggio consiste nell'abilitare l'identità gestita nella risorsa di Azure che ospita l'app. Ad esempio, se si ospita un'applicazione Express.js usando servizio app di Azure, è necessario abilitare l'identità gestita per l'app Web del servizio app. Se si usa una macchina virtuale per ospitare l'app, è possibile abilitare la macchina virtuale per l'uso dell'identità gestita.

È possibile abilitare l'uso dell'identità gestita per una risorsa di Azure usando il portale di Azure o l'interfaccia della riga di comando di Azure.

Azure portal

Istruzioni	Schermata
Passare alla risorsa che ospita il codice dell'applicazione nel portale di Azure. Ad esempio, è possibile digitare il nome della risorsa nella casella di ricerca nella parte superiore della pagina e accedervi selezionandola nella finestra di dialogo.
Nella pagina della risorsa selezionare la voce di menu Identità nel menu a sinistra. Tutte le risorse di Azure in grado di supportare l'identità gestita avranno una voce di menu Identità anche se il layout del menu può variare leggermente.
Nella pagina Identità: Modificare il dispositivo di scorrimento Stato impostandolo su ON. Seleziona Salva. Una finestra di dialogo di conferma verifica che si vuole abilitare l'identità gestita per il servizio. Rispondere Sì per abilitare l'identità gestita per la risorsa di Azure.

Interfaccia della riga di comando di Azure

I comandi dell'interfaccia della riga di comando di Azure possono essere eseguiti in Azure Cloud Shell o in una workstation con l'interfaccia della riga di comando di Azure installata.

I comandi dell'interfaccia della riga di comando di Azure usati per abilitare l'identità gestita per una risorsa di Azure sono nel formato az <command-group> identity --resource-group <resource-group-name> --name <resource-name>. Qui sono disponibili comandi specifici per i servizi di Azure più diffusi.

Servizio app di Azure

az webapp identity assign --resource-group <resource-group-name> -name <web-app-name>

Macchine virtuali di Azure

az vm identity assign --resource-group <resource-group-name> -name <virtual-machine-name>

L'output sarà simile al seguente.

{
  "principalId": "<REPLACE_WITH_YOUR_PRINCIPAL_ID>",
  "tenantId": "<REPLACE_WITH_YOUR_TENANT_ID>",
  "type": "SystemAssigned",
  "userAssignedIdentities": null
}

Il valore principalId è l'ID univoco dell'identità gestita. Conservare una copia di questo output perché questi valori saranno necessari nel passaggio successivo.

2 - Assegnare ruoli all'identità gestita

Come passaggio successivo occorre determinare i ruoli (autorizzazioni) necessari per l'app e assegnare l'identità gestita a tali ruoli in Azure. A un'identità gestita è possibile assegnare ruoli a livello di risorsa, gruppo di risorse o sottoscrizione. Questo esempio illustra come assegnare ruoli nell'ambito del gruppo di risorse perché la maggior parte delle applicazioni raggruppa tutte le risorse di Azure in un singolo gruppo di risorse.

Azure portal

Istruzioni	Schermata
Individuare il gruppo di risorse per l'applicazione cercando il nome del gruppo di risorse usando la casella di ricerca nella parte superiore del portale di Azure. Passare al gruppo di risorse selezionando il nome del gruppo di risorse nell'intestazione Gruppi di risorse della finestra di dialogo.
Nella pagina del gruppo di risorse selezionare Controllo di accesso (IAM) nel menu a sinistra.
Nella pagina Controllo di accesso (IAM): Selezionare la scheda Assegnazioni di ruolo. Selezionare + Aggiungi nel menu in alto e quindi Aggiungi assegnazione di ruolo nel menu a discesa risultante.
Nella pagina Aggiungi assegnazione di ruolo sono elencati tutti i ruoli che è possibile assegnare per il gruppo di risorse. Usare la casella di ricerca per filtrare l'elenco in modo da renderlo più gestibile. Questo esempio illustra come filtrare i ruoli di BLOB del servizio di archiviazione. Selezionare il ruolo che si vuole assegnare. Selezionare Avanti per passare alla schermata successiva.
La pagina Aggiungi assegnazione di ruolo successiva consente di specificare a quale utente assegnare il ruolo. Selezionare Identità gestita in Assegnare l'accesso a. Selezionare + Selezionare membri in Membri. Viene aperta una finestra di dialogo sul lato destro del portale di Azure.
Nella finestra di dialogo Selezionare le identità gestite: È possibile usare l'elenco a discesa Identità gestita e la casella di testo Selezionare per filtrare l'elenco delle identità gestite nella sottoscrizione. In questo esempio selezionando Servizio app vengono visualizzate solo le identità gestite associate a un Servizio app. Selezionare l'identità gestita per la risorsa di Azure che ospita l'applicazione. Scegliere Seleziona nella parte inferiore della finestra di dialogo per continuare.
L'identità gestita viene visualizzata come selezionata nella schermata Aggiungi assegnazione di ruolo. Selezionare Rivedi e assegna per passare alla pagina finale e quindi Rivedi e assegna di nuovo per completare il processo.

Interfaccia della riga di comando di Azure

A un'identità gestita viene assegnato un ruolo in Azure usando il comando [az role assignment create].

az role assignment create --assignee "{managedIdentityId}" \
    --role "{roleName}" \
    --resource-group "{resourceGroupName}"

Per ottenere i nomi di ruolo a cui è possibile assegnare un'entità servizio, usare il comando az role definition list.

az role definition list \
    --query "sort_by([].{roleName:roleName, description:description}, &roleName)" \
    --output table

Ad esempio, per consentire all'identità gestita di leggere, scrivere ed eliminare l'accesso a Archiviazione di Azure contenitori BLOB e dati a tutti gli account di archiviazione nel gruppo di risorse msdocs-sdk-auth-example, è necessario assegnare l'entità servizio dell'applicazione al ruolo Collaboratore dati BLOB di archiviazione usando il comando seguente.

az role assignment create --assignee aaaaaaaa-bbbb-cccc-7777-888888888888 \
    --role "Storage Blob Data Contributor" \
    --resource-group "msdocs-sdk-auth-example"

Per informazioni sull'assegnazione delle autorizzazioni a livello di risorsa o sottoscrizione tramite l'interfaccia della riga di comando di Azure, vedere l'articolo Assegnare ruoli di Azure usando l'interfaccia della riga di comando di Azure.

3 - Implementare DefaultAzureCredential nell'applicazione

DefaultAzureCredential rileva automaticamente che viene usata un'identità gestita e usa l'identità gestita per l'autenticazione ad altre risorse di Azure. Come descritto nell'articolo della libreria di identità di Azure per l'autenticazione JavaScript, DefaultAzureCredential supporta più metodi di autenticazione e determina il metodo di autenticazione usato in fase di esecuzione. In questo modo, l'app può usare metodi di autenticazione diversi in ambienti diversi senza implementare codice specifico dell'ambiente.

Aggiungere prima di tutto il pacchetto di @azure/identità all'applicazione.

npm install @azure/identity

Successivamente, per qualsiasi codice JavaScript che crea un oggetto client azure SDK nell'app, si vuole:

1. Importare la DefaultAzureCredential classe dal @azure/identity modulo.
2. Creare un oggetto DefaultAzureCredential.
3. Passare l'oggetto al costruttore dell'oggetto DefaultAzureCredential client di Azure SDK.

Un esempio di questi passaggi è illustrato nel segmento di codice seguente.

// connect-with-default-azure-credential.js
import { BlobServiceClient } from '@azure/storage-blob';
import { DefaultAzureCredential } from '@azure/identity';
import 'dotenv/config'

const accountName = process.env.AZURE_STORAGE_ACCOUNT_NAME;
if (!accountName) throw Error('Azure Storage accountName not found');

const blobServiceClient = new BlobServiceClient(
  `https://${accountName}.blob.core.windows.net`,
  new DefaultAzureCredential()
);