Übergeben des benutzerdefinierten Zustands in Authentifizierungsanforderungen mithilfe von MSAL.js

Der Zustandsparameter , wie von OAuth 2.0 definiert, ist in einer Authentifizierungsanforderung enthalten und wird auch in der Tokenantwort zurückgegeben, um websiteübergreifende Fälschungsangriffe zu verhindern. Standardmäßig übergibt die Microsoft-Authentifizierungsbibliothek für JavaScript (MSAL.js) einen zufällig generierten eindeutigen Zustandsparameterwert in den Authentifizierungsanforderungen.

Der Zustandsparameter kann auch verwendet werden, um Informationen des App-Zustands vor der Umleitung zu codieren. Sie können den Status des Benutzers in der App übergeben, z. B. die Seite oder ansicht, auf der sie sich befanden, als Eingabe für diesen Parameter. Mit der MSAL.js-Bibliothek können Sie ihren benutzerdefinierten Zustand als Zustandsparameter im Request-Objekt übergeben. Beispiel:

import {PublicClientApplication} from "@azure/msal-browser";

const myMsalObj = new PublicClientApplication({
    clientId: "ENTER_CLIENT_ID_HERE"
});

let loginRequest = {
    scopes: ["user.read"],
    state: "page_url"
}

myMSALObj.loginRedirect(loginRequest);

Der übergebene Zustand wird an die durch MSAL.js festgelegte eindeutige GUID angefügt, wenn die Anforderung gesendet wird. Wenn die Antwort zurückgegeben wird, sucht MSAL.js nach einer Zustandsübereinstimmung und gibt dann den benutzerdefinierten übergebenen Zustand im Response Objekt als state zurück.

Nächste Schritte

Erfahren Sie mehr, indem Sie eine Single-Page-Anwendung (React Single Page Application, SPA) erstellen, die Benutzer in der folgenden mehrteiligen Lernprogrammreihe anmeldet.