Azure-Samples/ms-identity-b2c-javascript-spa："build your project" 是什么意思？

Question

我是 Azure AD B2C 和 NodeJS 开发的新手，但是使用 JAVA、PHP、C# 和 C++ 为非云服务器开发了网站（不使用框架） Apache 或 IIS。

我想为 Azure B2C 构建一个简单的 SPA，它使用授权代码流接受登录和注册（通过 google、facebook 等进行联合身份验证）。

经过一段时间的搜索，我找到了下面的例子：

• https://github.com/Azure-Samples/ms-identity-b2c-javascript-spa

他们在 Deployment 部分写下以下内容是什么意思：

build your project

他们是假设我正在使用 webpack 之类的东西而忘了描述它，还是他们假设我熟悉 Azure 管道（我不熟悉），即：

• https://docs.microsoft.com/en-us/azure/devops/pipelines/ecosystems/javascript?view=azure-devops&tabs=code

或者它们的意思不同？我如何构建示例项目？

Answer 1

我已经在我的环境中进行了测试。

您可以使用 VS Code 构建项目并将其部署到 Azure 静态网站。

VS code Azure 存储扩展构建项目并将其作为静态网站部署到 Azure 存储

将项目克隆到本地后，从项目文件夹打开命令提示符。

运行此命令用于安装项目所需的节点模块：

npm install

运行 这个命令启动项目：

npm start

你可以在 http://localhost:6420/

中看到你的项目 运行

现在要将此应用程序部署到 Azure，您可以使用 Azure 存储帐户静态网站功能。

要部署应用程序，请按照以下步骤操作：

1. 从 VS 代码打开您的项目。
2. 转到扩展并搜索 Azure 存储。 Select Azure 存储。点击安装。

3. 登录到您的 Azure 帐户，您可以看到您的订阅。
4. 在存储扩展下，单击通过 Azure 存储部署到静态网站。

5. Select 您的项目文件夹。 Select 您的订阅。
6. 如果已创建存储帐户，select 您的存储帐户。如果没有，请单击“创建存储帐户（高级）”并创建您的存储帐户。
7. 点击启用网站托管
8. 部署完成后，登录到 Azure 门户。
9. 打开您的存储帐户。 Select 容器。打开 $web 容器。
10. 您可以看到您的项目已上传到存储帐户。
11. 单击更改访问级别和 select 容器（容器和 blob 的匿名读取访问权限）。单击确定
12. 打开 App 文件夹并点击 index.html。复制 URL

13. 在浏览器中打开URL，您应该可以看到应用程序运行。