使用Azure AD B2C保护的JavaScript单页应用程序教程

最新推荐文章于 2024-09-15 08:25:22 发布

段钰榕Hugo

最新推荐文章于 2024-09-15 08:25:22 发布

阅读量447

点赞数 3

本文链接：https://blog.csdn.net/gitblog_00439/article/details/142243292

版权

使用Azure AD B2C保护的JavaScript单页应用程序教程

ms-identity-b2c-javascript-spa Vanilla JavaScript single-page application calling a web API protected by Azure AD B2C 项目地址: https://gitcode.com/gh_mirrors/ms/ms-identity-b2c-javascript-spa

1. 项目介绍

本项目是一个使用Vanilla JavaScript编写的单页应用程序（SPA），它通过Azure Active Directory B2C（Azure AD B2C）来保护对Web API的调用。Azure AD B2C是一个云身份验证服务，允许开发者使用社交、企业或本地账户为应用程序添加用户身份验证。

2. 项目快速启动

2.1 环境准备

在开始之前，请确保你已经安装了以下工具：

Node.js
npm

2.2 克隆项目

首先，克隆项目到本地：

git clone https://github.com/Azure-Samples/ms-identity-b2c-javascript-spa.git
cd ms-identity-b2c-javascript-spa

2.3 安装依赖

进入项目目录后，安装所需的依赖：

npm install

2.4 配置Azure AD B2C

在Azure门户中创建一个Azure AD B2C租户，并配置应用程序注册。获取clientId和authority，并在项目中进行配置。

在index.html文件中，找到以下代码并替换为你的配置：

const msalConfig = {
    auth: {
        clientId: "YOUR_CLIENT_ID",
        authority: "https://YOUR_TENANT_NAME.b2clogin.com/YOUR_TENANT_NAME.onmicrosoft.com/YOUR_POLICY",
        redirectUri: "http://localhost:6420"
    }
};