{"id":8564,"date":"2021-12-05T06:00:43","date_gmt":"2021-12-05T06:00:43","guid":{"rendered":"https:\/\/blogs.aaddevsup.xyz\/?p=8564"},"modified":"2021-12-08T20:41:00","modified_gmt":"2021-12-08T20:41:00","slug":"msal-js-spa-client-performing-authorization-code-grant-flow-to-adfs-2019","status":"publish","type":"post","link":"https:\/\/blogs.aaddevsup.xyz\/2021\/12\/msal-js-spa-client-performing-authorization-code-grant-flow-to-adfs-2019\/","title":{"rendered":"MSAL.JS SPA client performing Authorization Code Grant flow to ADFS 2019"},"content":{"rendered":"\n
This blog walks through how to set up MSAL.JS to authenticate directly to ADFS 2019 Server using Authorization Code Grant flow to get an Access Token and then call a Web API with that Access Token. We will go over the following steps to get this the samples working:<\/p>\n\n\n\n
App Registrations for both the Single Page Application (SPA) client app and the web API app<\/li>
Enable Cross-origin Request Sharing (CORS) on ADFS 2019 Server<\/li>
Construct a SPA client application project<\/li>
Construct a web API application project<\/li><\/ol>\n\n\n\n
Let’s get into the detail for each of the above steps.<\/p>\n\n\n\n