生成和发布Node.js包

Azure DevOps Services | Azure DevOps Server 2022 - Azure DevOps Server 2019

在本快速入门中,你将使用管道通过 Node 程序包管理器 (npm) 创建Node.js包并发布管道项目。 了解如何使用 Azure Pipelines 生成、部署和测试 JavaScript 应用。

先决条件

创建示例代码分支

Express.js服务器应用创建示例分支。

  1. 转到 js-e2e-express-server 存储库。
  2. 选择页面右上角的分支
  3. 选择你的 GitHub 帐户。 默认情况下,分叉的名称与父存储库相同,但你可以将其命名为不同的名称。

重要

在以下过程中,系统可能会提示你创建 GitHub 服务连接 或重定向到 GitHub 以登录、安装 Azure Pipelines 或授权 Azure Pipelines。 按照屏幕上的说明完成该过程。 有关详细信息,请参阅访问 GitHub 存储库

创建管道

  1. 在 Azure DevOps 项目中,选择“管道>创建管道”,然后选择 GitHub 作为源代码的位置。
  2. “选择存储库 ”屏幕上,选择分叉示例存储库。
  3. 在“配置管道”屏幕上,选择“入门管道”。 Azure Pipelines 为管道生成名为azure-pipelines.ymlYAML 文件。
  4. 选择“保存并运行”旁边的下拉列表插入符号,选择“保存”,然后再次选择“保存”。 该文件将保存到分支 GitHub 存储库。
  5. 在下一个屏幕上,选择“ 编辑”。

生成包并发布项目

按如下所示编辑azure-pipelines.yml文件。

  1. 将 文件的内容替换为以下代码。 代码将更新 Node.js工具安装程序任务 ,以使用版本 16 LTS Node.js。

    trigger:
    - main
    
    pool:
      vmImage: 'ubuntu-latest'
    
    steps:
    - task: UseNode@1
      inputs:
        version: '16.x'
      displayName: 'Install Node.js'
    
    - script: |
        npm install
      displayName: 'npm install'
    
    - script: |
        npm run build
      displayName: 'npm build'
    
    - script: 
        npm test
      displayname: 'npm test'
    
    
  2. 将以下新任务添加到管道:

    • 复制文件任务将文件从 src公用文件夹复制到生成项目暂存目录。

    • 发布 管道项目任务 从项目暂存位置获取文件,并将其作为项目发布,以便通过管道生成进行输出。

    - task: CopyFiles@2
      inputs:
        sourceFolder: '$(Build.SourcesDirectory)'
        contents: |
           src/*
           public/*
        targetFolder: '$(Build.ArtifactStagingDirectory)'
      displayName: 'Copy project files'
    
    - task: PublishPipelineArtifact@1
      inputs:
        artifactName: e2e-server
        targetPath: '$(Build.ArtifactStagingDirectory)'
        publishLocation: 'pipeline'
      displayName: 'Publish npm artifact'
    

运行管道

选择“ 验证并保存”,然后选择“ 保存”,选择“ 运行”,然后再次选择“ 运行 ”。

管道运行后,验证作业是否成功运行,以及是否看到已发布的工件。

使用项目成功运行管道的屏幕截图。

恭喜,你已成功创建并运行了生成和测试Node.js包的管道。 可以在 Azure Pipelines 持续集成和持续交付(CI/CD)系统中生成、测试和部署Node.js应用。

后续步骤