你当前正在访问 Microsoft Azure Global Edition 技术文档网站。 如果需要访问由世纪互联运营的 Microsoft Azure 中国技术文档网站,请访问 https://docs.azure.cn。
快速入门:使用 Azure Active Directory B2C 为单页应用设置登录
Azure Active Directory B2C (Azure AD B2C) 提供云标识管理来保护应用程序、业务和客户。 应用程序可以使用 Azure AD B2C 通过开放式标准协议对社交帐户和企业帐户进行身份验证。
在本教程中,请使用单页应用程序通过社交标识提供者来登录,并调用受 Azure AD B2C 保护的 Web API。
先决条件
Facebook、Google 或 Microsoft 中的社交帐户
GitHub 中的代码示例:ms-identity-b2c-javascript-spa:
可以下载 zip 存档或克隆存储库
git clone https://github.com/Azure-Samples/ms-identity-b2c-javascript-spa.git
运行应用程序
启动服务器,方法是在 Node.js 命令提示符处运行以下命令:
npm install npm update npm start
通过 server.js 启动的服务器会显示其侦听的端口:
Listening on port 6420...
浏览到应用程序的 URL。 例如,
http://localhost:6420
。
使用帐户登录
选择“登录”,开始用户旅程 。
Azure AD B2C 为示例 Web 应用程序的虚构公司“Fabrikam”提供了一个登录页。 要使用社交标识提供者注册,请选择要使用的标识提供者的按钮。
请使用社交帐户凭据进行身份验证(登录)并授权应用程序读取社交帐户的信息。 通过授予访问权限,应用程序可以从社交帐户检索个人资料信息,如姓名和城市。
完成标识提供者的登录进程。
访问受保护的 API 资源
选择“调用 API”,使显示名称作为 JSON 对象从 Web API 返回。
示例单页应用程序在对受保护的 Web API 资源的请求中包括访问令牌。