如何在 Azure DevOps 中为 Node.js Web 应用创建发布管道?

2024-03-17

我想通过创建发布管道,在 Azure DevOps 上启用 Node.js 应用程序的持续部署。我怎样才能做到这一点?


当我写一年前的答案时,Azure DevOps 没有用于构建管道的 Web 应用程序部署任务,因此必须使用发布管道来完成。通过构建管道进行部署要好得多,我强烈推荐它,因为它允许您将所有 CI/CD 作业提交到存储库。 (构建管道在侧栏中标记为“管道”,发布管道位于“发布”中。)

因此,这个答案适用于通过构建管道部署 Web 应用程序。如果您想使用发布管道,请参阅我的旧答案。

  1. 创建服务连接。 https://stackoverflow.com/questions/59259493/how-to-create-a-service-connection-for-azure-in-azure-devops-with-pictures
  2. 假设您的 Web 应用程序有一个服务连接,并且在 DevOps 中有一个 Node.js 项目,请创建一个package.json and main.js为您的项目。在本地运行它以确保它可以在您的计算机上运行。
{
  "name": "test-project",
  "version": "0.0.0",
  "scripts": {
    "start": "node main.js",
    "test": ""
  },
  "dependencies": {
    "express": "^4.17.1"
  }
}
const express = require('express');
const app = express();
const port = process.env.PORT || 3000; // You can see your app's env variables in Kudu: https://<your app>.scm.azurewebsites.net/

app.get('/', (req, res) => res.send('Hello World!'));

app.listen(port, () => console.log(`Example app listening on port ${port}!`));
  1. 现在您需要一个用于管道的 YAML 文件。命名该文件azure-pipelines.yml。 YAML 架构文档是.
trigger:
  - '*' # Run pipeline when a commit is pushed to any branch
  - 'refs/tags/*' # Run pipeline when a tag is pushed

jobs:
- job: test
  pool:
    vmImage: ubuntu-latest
  steps:
  - script: npm install
    displayName: npm install
  - script: npm run test
    displayName: npm run test

- job: deploy
  condition: startsWith(variables['Build.SourceBranch'], 'refs/tags/') # Run deploy job only if triggered by tag
  pool:
    vmImage: ubuntu-latest
  steps:
  - script: npm install
    displayName: npm install
#  - script: npm run build # If you are using TypeScript
#    displayName: npm run build
  - task: AzureWebApp@1 # https://learn.microsoft.com/en-us/azure/devops/pipelines/tasks/deploy/azure-rm-web-app?view=azure-devops
    inputs:
      azureSubscription: <service connection name> # Replace this with the service connection name
      appName: test-project # Replace this with the web app name
      package: $(Build.SourcesDirectory)
      customWebConfig: -Handler iisnode -NodeStartFile main.js -appType node # https://learn.microsoft.com/en-us/azure/devops/pipelines/targets/webapp?view=azure-devops&tabs=yaml
  1. 替换中的项目特定值AzureWebApp@1任务并将此文件推送到您的存储库。
  2. 转到管道页面并单击新建管道。管道选项(非常简单):
  • “你的密码在哪里?” Azure 存储库 Git
  • “选择存储库”选择您的存储库
  • “配置管道”现有 Azure Pipelines YAML 文件
  • “选择现有的 YAML 文件”路径azure-pipelines.yml
  • 单击运行
  • 第一次运行时,可能会提示服务连接未经授权。单击“授权资源”,然后使用“队列”按钮再次手动运行构建将解决此问题。
  1. 要运行构建作业,请创建一个标签并推送它。返回到构建列表,您将看到部署作业正在运行。
  • 要通过 Web 界面执行此操作: 转至 Repos 下的 Tags 页面,然后单击 New Tag。由于某种原因它需要标签描述,所以我只复制标签名称。
  1. 构建成功完成后,转到您的站点,您应该会看到 hello world 消息。
  • 如果您的站点显示应用程序错误消息,您可以通过转到 Azure 门户中的 Web 应用程序,然后转到侧边栏中的“日志流”页面来检查错误日志。请注意,应用程序容器仅在有人访问网页后才会启动。因此,要测试应用程序初始化,您必须首先访问您的网页。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在 Azure DevOps 中为 Node.js Web 应用创建发布管道? 的相关文章

随机推荐

  • 为什么 TDD“尖峰”被称为“尖峰”?

    测试驱动开发人员指的是快速 探索性的调查 包括编写代码以查看其是否有效 a spike 你知道他们为什么想出这个词吗 Update 肯特 贝克 Kent Beck 的造词对我来说看起来像是 原始 的 尽管他对这个词的使用在我看来没有多大意义
  • 使用XML关联子节点和父节点的值

    使用 R 的 XML 包时 如何保留与该节点关联的某个节点的数据 例如在同一个列表中 我正在尝试将从网络上抓取的数据放入数据框中 并将相关信息分组为行 有 span 没有类属性来区分的元素 可能有一个或两个 span 位于每个相关组 数据框
  • python beautifulsoup new_tag:将类指定为属性

    我对 python 和 beautifulsoup 都很陌生 所以也许我找不到一个简单的答案 当我打电话时 new tag name 我还可以分配属性 例如 new tag a href id link1 但我不能这样分配类 因为它是保留字
  • 声明 actionListener=“#{bean.method}” 时 不导航

    我正在尝试创建一个允许用户登录系统然后导航到主页的页面 我已经设法让它完成其中一项任务 但无法弄清楚如何让它同时完成两项任务 我爬遍了所有网站 但找不到合适的答案 请帮忙 我的代码如下 XHTML
  • Apache下载php文件而不是执行脚本

    我刚刚在运行 10 6 Apache2 PHP Mysql 的新 Mac 上设置了本地 Web 服务器 一切似乎都工作正常 除了当我导航到SOME 不是大多数 页面 Apache 下载 php 文件而不是执行它们 我认为这可能与 php 执
  • 布尔玛进度文本位于中间

    为什么当我使用 Bulma CSS 框架的进度时 https bulma io documentation elements progress https bulma io documentation elements progress 我
  • 无法在 MySQL Workbench 5.2.40 中创建表

    我刚刚创建了一个新架构并想要创建一个新表 当我右键单击我创建的 2myschema 并选择 新表 时 我为要创建的表指定了名称 但出现以下错误 我搜索了该错误 发现原因是我输入了保留字 例如 order 但 table2 不可能是保留字 并
  • HashSet为什么要排序? [复制]

    这个问题在这里已经有答案了 我正在学习 Java 中的容器 最近我读到 HashSet 没有按顺序给出元素 有什么有趣的Integer我随机制作的 HashSet 已排序 当我将其类型更改为Double打印的 HashSet 不再排序 我的
  • 编辑 ELF 文件中的变量值?

    我需要更改已编译的 ELF 文件中的几个变量 为了清楚地解释这一点 我将使用一个简单的 C 结构作为示例 单个源文件被编译并从 MyFile c 链接 0x1000 到 MyFile elf typedef struct uint32 t
  • DataGrid 的 CellEditingTemplate 和编辑模式下的焦点

    我在使用 WPFToolkit 时遇到问题DataGrid当定制色谱柱同时提供两者时CellTemplate and CellEditingTemplate 如果你看下面 你会看到我的编辑模板有一个CheckBox 从功能上来说一切都很好
  • Xcode 4 的隐藏功能

    Locked 这个问题及其答案是locked help locked posts因为这个问题是题外话 但却具有历史意义 目前不接受新的答案或互动 现在 Xcode 4 已正式发布 是时候跟进我之前的问题了 Xcode 的隐藏功能 https
  • WordPress API:添加/删除帖子上的标签

    我知道这似乎是一个简单的操作 但我找不到任何资源或文档来解释如何使用帖子 ID 以编程方式向帖子添加和删除标签 下面是我正在使用的示例 但它似乎覆盖了所有其他标签 function addTerm id tax term term id i
  • Bootstrap 3:防止模态内部的模态每次触发(hidden.bs.modal)

    我有一个模态位于另一个模态中 并且我设法使内部模态关闭而不影响另一个模态 问题是 当第二个模式关闭时 它会触发 hidden bs modal 事件本身和第一个模型
  • Android 模拟器不显示印地语字体

    我在模拟器上将语言环境更改为 hi IN 当我在模拟器上启动应用程序 甚至主屏幕 时 我看到的只是让人想起 我不知道如何渲染此字体 的框 任何关于为什么会发生这种情况以及如何消除这种情况的意见都是非常受欢迎的 我需要显示印地语字体以测试我的
  • 由于协议不匹配而阻止 iframe

    我正在尝试将值从父窗口发送到按钮上的框架click事件 但它在控制台上显示错误 未捕获的安全错误 阻止了具有来源的帧 http 本地主机 53838 http localhost 53838 访问来源为 null 的框架 请求访问的帧具有
  • 有一个用于反应本机选择器的占位符

    有没有办法在用户单击它之前显示反应本机选择器的占位符 我们的想法是有一个选择器显示 国籍 一旦您单击并选择您的国家 地区 它就会呈现该国家 地区 我想在不将 国籍 作为选择器中的可用选项的情况下执行此操作 将第一个孩子放置为
  • 在 WooCommerce 中的简短描述之前显示自定义产品字段

    在简短描述之前 我在 WooCommerce 中添加新字段时遇到问题 我在中使用了脚本functions php我的新自定义字段显示正确 但是 使用脚本时简短描述消失 新字段显示正常 我可以编辑产品页面上字段的内容 但无法删除它 它始终是最
  • Ubuntu 10.1下如何识别多个USB串口适配器

    我正在 Ubuntu 10 1 下从多个相同的 USB 串行适配器读取数据 有时 它们的 dev tty 路径会发生变化 例如 如果在启动时连接了其他 USB 设备 我需要一种通过任何此类更改重复引用同一适配器的方法 据 udevadm 称
  • XInclude 的替代方案

    据我所知没有支持XInclude在 net中 我想利用同样的机制来分层组织 XML 配置文件 我的意思是我有一个引用特定 Xml 文件的顶级 XML 配置文件 我的配置是专用于一个特定模块的一组配置 我该怎么办呢 或者也许为什么我不应该这样
  • 如何在 Azure DevOps 中为 Node.js Web 应用创建发布管道?

    我想通过创建发布管道 在 Azure DevOps 上启用 Node js 应用程序的持续部署 我怎样才能做到这一点 当我写一年前的答案时 Azure DevOps 没有用于构建管道的 Web 应用程序部署任务 因此必须使用发布管道来完成