依赖注入 MSAL Javascript 库

【问题标题】：Dependency inject MSAL Javascript library依赖注入 MSAL Javascript 库
【发布时间】：2021-09-15 16:45:09
【问题描述】：

我正在与一个开发团队合作，该团队正在利用 Microsoft 的 MSAL.js 库开发一个 vanilla javascript 应用程序。 authConfig.js 有以下必要的代码：

const msalConfig = {
auth: {
  clientId: "11111111-1111-1111-111111111111",
  authority: "https://login.microsoftonline.com/11111111-1111-1111-1111111111111",
  redirectUri: "http://localhost:3000/",
},
cache: {
  cacheLocation: "sessionStorage", // This configures where your cache will be stored
  storeAuthStateInCookie: false, // Set this to "true" if you are having issues on IE11 or Edge
}

我需要能够更改 Dev、QA 和 Prod 的 clientId 和 RedirectURI。有没有办法为 DevOps 管道依赖注入这些值？

【问题讨论】：

标签： javascript azure-devops msal msal.js

【解决方案1】：

有没有办法为 DevOps 管道依赖注入这些值？

我想分享以下两种方法：

方法一：

您可以在每个阶段添加PowerShell任务来替换ClientId和redirectUri的值。

1.设置变量保存旧值和新值。

2.运行以下Powershell脚本：

(Get-Content  .\authConfig.js).replace('$(oldid)', '$(newid)') | Set-Content  .\authConfig.js

(Get-Content  .\authConfig.js).replace('$(oldredirectUri)', '$(newredirectUri)') | Set-Content  .\authConfig.js

方法二：

您可以尝试使用 Replace Tokens Extension 中的 Replace Tokens 任务。

更多信息可以参考这张票：Replace token task ticket

【讨论】：

谢谢凯文！这很有帮助！