@azure/msal-认证后立即调用.NET Api

Question

我对此非常陌生，我想知道在我登录到.NET库之后，如何能够自动调用我的msal-react核心后端API？

对于登录，我遵循了关于微软(https://learn.microsoft.com/en-us/azure/active-directory/develop/tutorial-v2-react)的教程，我使用的是@azure/msal-react包。

由于MsalAuthenticationTemplate，我的应用程序在访问应用程序时会自动打开Microsoft页面。

但是，是否有一种方法可以在登录后立即调用我的API来侦听某个事件或其他事情？

<MsalAuthenticationTemplate interactionType={InteractionType.Redirect}></MsalAuthenticationTemplate>
<AuthenticatedTemplate>
                <div className="App">
                    <header className="App-header">
                        <img src={logo} className="App-logo" alt="logo"/>
                        <p>
                            <ProfileContent></ProfileContent>
                            <SignOutButton></SignOutButton>
                        </p>
                    </header>
                </div>
            </AuthenticatedTemplate>

所以我想要实现的是：

通过MSAL (完成)

1. 登录
2. 调用后端API来检索用户权限:在何处和如何？

Answer 1

您必须使用useeffect在登录后自动调用API。

const [userData, setUserData] = useState([]);

 useEffect(() => {

   axios

     .get("your_api_url/user/")

     .then(({ data }) => {

       setUserData(data);

     })

     .catch((err) => console.log(err));

 }, []);

除了上面提到的教程之外，还可以在这里阅读更多内容。

https://github.com/Azure-Samples/ms-identity-javascript-react-spa