随着移动互联网的广泛普及和企业数字化的加速推进，移动应用的安全性成为越来越重要的问题。为了保证移动应用的身份认证和授权安全可靠，微软开发了一套 Azure Active Directory (Azure AD) 身份验证和授权解决方案，即 Azure AD B2C。
对于利用 Cordova 开发移动应用的前端开发者而言，使用微软提供的 cordova-plugin-ms-adal 插件，来快速集成移动应用的身份认证和授权功能。不过，这个插件不支持 Azure AD B2C，并且在 Cordova 版本升级后也可能出现兼容性问题。针对这个问题，开发者社区也提供了一些解决方案，其中，npm 包 cordova-plugin-ms-adal-b2c-patch 就是其中之一。
在本文中，我们将详细介绍 npm 包 cordova-plugin-ms-adal-b2c-patch 的用法及其相关示例代码，以指导开发者如何使用它来集成 Azure AD B2C 功能于 Cordova 应用中。
安装
使用如下命令安装 cordova-plugin-ms-adal-b2c-patch：
npm install cordova-plugin-ms-adal-b2c-patch
集成步骤
使用 cordova-plugin-ms-adal-b2c-patch 进行 Azure AD B2C 功能集成，需要进行以下几个步骤：
1. 添加插件
在 Cordova 项目根目录中，使用以下命令添加插件：
cordova plugin add cordova-plugin-ms-adal-b2c-patch
2. 替换原插件
在安装 cordova-plugin-ms-adal-b2c-patch 后，我们需要将其所依赖的 cordova-plugin-ms-adal 插件进行替换。运行如下命令即可：
cordova plugin remove cordova-plugin-ms-adal cordova plugin add cordova-plugin-ms-adal-b2c-patch/node_modules/cordova-plugin-ms-adal
3. 配置参数
在 Cordova 应用的 config.xml 文件中，添加以下配置参数：
-- -------------------- ---- -------
------- ----
--------- ---------------
------------ ------------------- -------------------------------------------------
------- ----------------------------------------
------- ------------------------------------------
------- ------------------------------------------------------------------------------------------------------------------
------- --------------------------------------------------
--------------
-----------
--------- -----------
------------ -------------------------------- ----------------------
-------------------------------------------------------------------------------------------------------------------
-----------------------------------------
---------------------------------------
--------------
-----------
---------其中，配置参数中的 CLIENT_ID 和 TENANT_NAME 分别为 Azure AD B2C 中所创建的应用 ID 和租户名称。
4. 调用代码
在 Cordova 应用的 JavaScript 文件中，使用如下代码进行调用操作：
try {
await Microsoft.ADAL.acquireTokenAsync("YOUR_POLICY_NAME", "https://graph.microsoft.com");
// Your code here...
} catch (err) {
console.error(err);
}其中，YOUR_POLICY_NAME 为 Azure AD B2C 中所创建的策略名称。此外，acquireTokenAsync 方法的第二个参数为应用所需 API 的访问地址。
示例代码
以下为 Cordova 应用中使用 cordova-plugin-ms-adal-b2c-patch 实现身份认证和授权的完整示例代码：
-- -------------------- ---- -------
----- --------- - ----- -- -- -
--- -
----- ---------------------------------------------------- -------------------------------
-- ---- ---- -------
- ----- ----- -
-------------------
-
--
---------------------------------------- -- -- -
------------
---结语
本文详细介绍了使用 npm 包 cordova-plugin-ms-adal-b2c-patch，来快速实现 Azure AD B2C 的身份认证和授权功能。通过本文的学习和实践，开发者们应该已经掌握了 cordova-plugin-ms-adal-b2c-patch 的使用方法和注意事项，接下来就可以把这些知识应用于自己的移动应用开发实践中去。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055bf281e8991b448d995c