Quickstart: Create a CI/CD pipeline in Azure Pipelines for Node.js with Azure DevOps Projects

In this quickstart, you use the simplified Azure DevOps Projects experience to set up a continuous integration (CI) and continuous delivery (CD) pipeline for your Node.js app in Azure Pipelines. You can use Azure DevOps Projects to set up everything you need for developing, deploying, and monitoring your app.


Sign in to the Azure portal

DevOps Projects creates a CI/CD pipeline in Azure Pipelines. You can create a new Azure DevOps organization or use an existing organization. DevOps Projects also creates Azure resources in the Azure subscription of your choice.

  1. Sign in to the Azure portal, and in the left pane, select Create a resource.

    Create an Azure resource in Azure portal

  2. Search for and select DevOps Projects, and then select Create.

Select a sample application and Azure service

  1. Select the Node.js sample application.
    The Node.js samples include a choice of several application frameworks.

  2. The default sample framework is Express.js. Leave the default setting, and then select Next.
    Web App on Windows is the default deployment target. The application framework, which you chose previously, dictates the type of Azure service deployment target available here.

  3. Leave the default service, and then select Next.

Configure Azure DevOps and an Azure subscription

  1. Create a new Azure DevOps organization or choose an existing organization.

    1. Enter a name for your project.

    2. Select your Azure subscription and location, enter a name for your application, and then select Done.
      After a few minutes, the DevOps Projects dashboard is displayed in the Azure portal. A sample application is set up in a repository in your Azure DevOps organization, a build is executed, and your application is deployed to Azure. This dashboard provides visibility into your code repository, the CI/CD pipeline, and your application in Azure.

  2. Select Browse to view your running application.

    Dashboard view of CI/CD pipeline

DevOps Projects automatically configured a CI build and release trigger. You're now ready to collaborate with a team on a Node.js app with a CI/CD process that automatically deploys your latest work to your web site.

Commit code changes and execute CI/CD

DevOps Projects creates a Git repository in Azure Repos or GitHub. Take the following steps to view the repository and make code changes to your application.

  1. On the left of the DevOps Projects dashboard, select the link for your master branch.
    This link opens a view to the newly created Git repository.

  2. To view the repository clone URL, select Clone on the top right of the browser.
    You can clone your Git repository in your favorite IDE. In the next few steps, you can use the web browser to make and commit code changes directly to the master branch.

  3. On the left side of the browser, go to the views/index.pug file.

  4. Select Edit, and then make a change to the h2 heading.
    For example, enter Get started right away with Azure DevOps Projects or make some other change.

  5. Select Commit, and then save your changes.

  6. In your browser, go to the DevOps Projects dashboard.
    You should now see a build in progress. The changes you just made are automatically built and deployed via a CI/CD pipeline.

Examine the Azure CI/CD pipeline

In the previous step, DevOps Projects automatically configured a full CI/CD pipeline. Explore and customize the pipeline as needed. Take the following steps to familiarize yourself with the build and release pipelines.

  1. At the top of the DevOps Projects dashboard, select Build Pipelines.
    This link opens a browser tab and the build pipeline for your new project.

  2. Point to the Status field, and then select the ellipsis (...).
    This action opens a menu where you can start several activities such as queuing a new build, pausing a build, and editing the build pipeline.

  3. Select Edit.

  4. In this pane, you can examine the various tasks for your build pipeline.
    The build performs a variety of tasks such as fetching sources from the Git repository, restoring dependencies, and publishing outputs that are used for deployments.

  5. At the top of the build pipeline, select the build pipeline name.

  6. Change the name of your build pipeline to something more descriptive, select Save & queue, and then select Save.

  7. Under your build pipeline name, select History.
    In the History pane, you see an audit trail of your recent changes for the build. Azure Pipelines keeps track of any changes that are made to the build pipeline, and it allows you to compare versions.

  8. Select Triggers.
    DevOps Projects automatically created a CI trigger, and every commit to the repository starts a new build. You can optionally choose to include or exclude branches from the CI process.

  9. Select Retention.
    Depending on your scenario, you can specify policies to keep or remove a certain number of builds.

  10. Select Build and Release, and then select Releases.
    DevOps Projects creates a release pipeline to manage deployments to Azure.

  11. On the left, select the ellipsis (...) next to your release pipeline, and then select Edit.
    The release pipeline defines the release process.

  12. Under Artifacts, select Drop.
    The build pipeline you examined in the previous steps produces the output used for the artifact.

  13. Next to the Drop icon, select the Continuous deployment trigger.
    This release pipeline has an enabled CD trigger, which runs a deployment every time there is a new build artifact available. Optionally, you can disable the trigger so that your deployments require manual execution.

  14. On the left, select Tasks.
    The tasks are the activities that your deployment process performs. In this example, a task was created to deploy to Azure App Service.

  15. On the right, select View releases.
    This view shows a history of releases.

  16. Select the ellipsis (...) next to one of your releases, and then select Open.
    There are several menus to explore, such as a release summary, associated work items, and tests.

  17. Select Commits.
    This view shows code commits that are associated with the specific deployment.

  18. Select Logs.
    The logs contain useful information about the deployment process. They can be viewed both during and after deployments.

Clean up resources

You can delete Azure App Service and other related resources that you created when you don't need them anymore. Use the Delete functionality on the DevOps Projects dashboard.

Next steps

When you configured your CI/CD process, build and release pipelines were automatically created. You can modify these build and release pipelines to meet the needs of your team. To learn more about the CI/CD pipeline, see: