Partager via


Application monopage : Configuration de code

En savoir plus sur la configuration du code de votre application monopage (SPA).

Bibliothèques Microsoft prenant en charge les applications monopages

Les bibliothèques Microsoft suivantes prennent en charge les applications monopages :

Langage/framework Projet sur
GitHub
Package Bien démarrer
démarré
Connexion des utilisateurs Accès aux API web Disponibilité générale ou
Préversion publique1
Angular MSAL Angular v22 msal-angular Démarrage rapide La bibliothèque peut demander des jetons d’ID pour la connexion de l’utilisateur. La bibliothèque peut demander des jetons d’accès pour les API web protégées. GA
Angular MSAL Angular3 msal-angular La bibliothèque peut demander des jetons d’ID pour la connexion de l’utilisateur. La bibliothèque peut demander des jetons d’accès pour les API web protégées. GA
AngularJS MSAL AngularJS3 msal-angularjs La bibliothèque peut demander des jetons d’ID pour la connexion de l’utilisateur. La bibliothèque peut demander des jetons d’accès pour les API web protégées. Préversion publique
JavaScript MSAL.js v22 msal-browser Didacticiel La bibliothèque peut demander des jetons d’ID pour la connexion de l’utilisateur. La bibliothèque peut demander des jetons d’accès pour les API web protégées. GA
JavaScript MSAL.js 1.03 msal-core La bibliothèque peut demander des jetons d’ID pour la connexion de l’utilisateur. La bibliothèque peut demander des jetons d’accès pour les API web protégées. GA
React MSAL React2 msal-react Démarrage rapide La bibliothèque peut demander des jetons d’ID pour la connexion de l’utilisateur. La bibliothèque peut demander des jetons d’accès pour les API web protégées. GA

1Les termes du contrat de licence universelle pour les services en ligne s’appliquent aux bibliothèques en préversion publique.

2 Flux de code d’authentification avec PKCE uniquement (recommandé).

3 Flux d’octroi implicite uniquement (non recommandé).

Configuration du code de l’application

Dans une bibliothèque MSAL, les informations d’inscription d’application sont transmises en tant que configuration pendant l’initialisation de la bibliothèque.

import * as Msal from "@azure/msal-browser"; // if using CDN, 'Msal' will be available in global scope

// Configuration object constructed.
const config = {
    auth: {
        clientId: 'your_client_id'
    }
};

// create PublicClientApplication instance
const publicClientApplication = new Msal.PublicClientApplication(config);

Pour plus d’informations sur les options configurables, consultez Initialisation d’application avec MSAL.js.

Étapes suivantes

Passez à l’article suivant de ce scénario, Connexion et déconnexion.