Most updated news - REMMONT.COM
: 19 maja 2021, 12:48
Azure devops integration - Рдуард Кабринский
<h1>Azure devops integration</h1>
<p>[youtube]</p>
Azure devops integration <a href="http://remmont.com">News page</a> Azure devops integration
<h1>Azure devops integration</h1>
<p>Integrate Your GitHub Projects With Azure Pipelines <br /></p>
<p>Last updated : Nov 13,2020</p>
<h2>Overview</h2>
<p>With the introduction of Azure DevOps, Microsoft is offering developers a new continuous integration/continuous delivery (CI/CD) service called Azure Pipelines that enables you to continuously build, test, and deploy to any platform or cloud. It has cloud-hosted agents for Linux, macOS, and Windows; powerful workflows with native container support; and flexible deployments to Kubernetes, VMs, and serverless environments.</p>
<p>Azure Pipelines provides unlimited CI/CD minutes and 10 parallel jobs to every GitHub open source project for free. All open source projects run on the same infrastructure that our paying customers use. That means you?ll have the same fast performance and high quality of service. Many of the top open source projects are already using Azure Pipelines for CI/CD, such as Atom, CPython, Pipenv, Tox, Visual Studio Code, and TypeScript-and the list is growing every day.</p>
<p>In this lab, you?ll see how easy it is to set up Azure Pipelines with your GitHub projects and how you can start seeing benefits immediately.</p>
<h2>Objectives</h2>
<p>Install Azure Pipelines from the GitHub Marketplace.</p>
<p>Integrate a GitHub project with an Azure DevOps pipeline.</p>
<p>Track pull requests through the pipeline.</p>
<h2>Prerequisites</h2>
<p>An Azure DevOps account from https://dev.azure.com.</p>
<h2>Exercise 1: Getting started with Azure Pipelines</h2>
<h3>Task 1: Forking a GitHub repo and installing Azure Pipelines</h3>
<p>Navigate to https://github.com/actionsdemos/calculator. This is the baseline project we will fork and use for this lab.</p>
<p>If you?re not already signed in to GitHub, sign in now.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/000.png" /></p>
<p>Click <strong>Fork</strong> to fork the repository to your own account.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/001.png" /></p>
<p>If prompted, select an account to fork the repository into.</p>
<p>The <strong>GitHub Marketplace</strong> provides a variety of tools from Microsoft and 3rd parties that help you extend your project workflows. Click <strong>Marketplace</strong> from the top navigation to visit it.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/002.png" /></p>
<p>Search for <strong>?Azure Pipelines?</strong> and select the result.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/003.png" /></p>
<p>Click <strong>Read more</strong>.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/004.png" /></p>
<p>Take a moment to read through the benefits of Azure Pipelines.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/005.png" /></p>
<p>The Azure Pipelines offering is free for anyone to use for public repositories, and free for a single build queue if you?re using a private repository. Click <strong>Install it for free</strong>.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/006.png" /></p>
<p>If you have multiple <strong>GitHub</strong> accounts, select the one you forked the calculator to from the <strong>Switch billing account</strong> dropdown.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/007.png" /></p>
<p>Click <strong>Complete order and begin installation</strong>.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/008.png" /></p>
<p>You have the option to specify repositories to include, but for the purposes of this lab, just include all of them. Note that Azure DevOps requires the listed set of permissions to fulfill its services. Click <strong>Install</strong>.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/009.png" /></p>
<p>You may be prompted to confirm your GitHub password to continue.</p>
<p>You may be prompted to log in to your Microsoft account. Make sure you?re logged into the one associated with your Azure DevOps account.</p>
<h3>Task 2: Configuring your Azure Pipelines project</h3>
<p>You are now on the Azure DevOps site and need to set up your Azure Pipelines project. Select (or create) the <strong>Azure DevOps organization</strong> you would like to perform these builds under, as well as the Azure DevOps <strong>project</strong> from that organization you would like to use. Click <strong>Continue</strong>.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/010.png" /></p>
<p>Select the <strong>calculator</strong> project from GitHub to build as part of the pipeline.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/011.png" /></p>
<p>Azure Pipelines will analyze your project in an attempt to determine if any existing templates would be a good fit. In this case, the recommended template is for <strong>Node.js</strong>, which is perfect for our needs. Some alternative templates are also suggested, although the recommended one is the best for this lab. Select it to continue.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/012.png" /></p>
<p>The build pipeline is defined as <strong>YAML</strong>, a markup syntax well-suited to defining processes like this because it allows you to manage the configuration of the pipeline like any other file in the repo. It?s a pretty simple template that identifies the pool to pull a VM from for building, the process to install Node.js for building, and the actual build itself. Click <strong>Save and run</strong> to save the pipeline and queue a new build.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/013.png" /></p>
<p>For the purposes of this lab, you can commit this new file directly to the master branch. Click <strong>Save and run</strong>.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/014.png" /></p>
<p>It will take a moment for the pipeline to complete. During this time it will configure the build agent, pull in the source from GitHub, and build it according to the pipeline definition.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/015.png" /></p>
<p>The build should complete successfully.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/016.png" /></p>
<h3>Task 3: Modifying a YAML build pipeline definition</h3>
<p>While the default pipeline is a great start, it doesn?t do everything we would like to have automated. For example, it would be great if it also ran our tests to confirm that the changes don?t create bugs. Let?s return to GitHub where we can edit the YAML by hand. Right-click the GitHub project link and select <strong>Open in new tab</strong>. Since this lab will involve stepping back and forth between GitHub and Azure DevOps, it?ll be easier to keep a browser tab open to each.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/017.png" /></p>
<p>Open <strong>azure-pipelines.yml</strong>.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/018.png" /></p>
<p>Click the <strong>Edit</strong> button.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/019.png" /></p>
<p>Our project already contains tests written using Mocha so we just need to execute them in out pipeline. To add the test run, add the <strong>?npm test?</strong> command below. Also update the <strong>displayName</strong> to <strong>?npm install, build, and test?</strong> so that it?s easier to track what each task of the build is doing later on.These are the lines to add.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/020.png" /></p>
<p>Scroll to the bottom of the page, provide some documentation for the change and click <strong>Commit changes</strong>. Again, it?s okay to commit this change directly to the master branch for the purposes of this lab.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/021.png" /></p>
<p>Return to the <strong>Azure DevOps</strong> browser tab. Use the breadcrumb navigation to return to the <strong>Pipelines</strong> page.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/022.png" /></p>
<p>A new build should already be there. Click it to view progress.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/023.png" /></p>
<p>Depending on how quickly you got here, the build may be queued, in progress, or already done. Click <strong>Logs</strong> and follow it through to completion.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/024.png" /></p>
<p>Once completed, click the <strong>npm install, build, and test</strong> task to view its log output.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/025.png" /></p>
<p>After the install and build steps we can see the logs for the tests. Everything passes! Click <strong>Esc</strong> to close the task view.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/026.png" /></p>
<h3>Task 4: Proposing a change via GitHub pull request</h3>
<p>One of the great benefits of this pipeline setup is that we now have a quality gate that?s automatically run every time someone commits a change. This makes it much easier to manage a project that could have any number of contributions coming in at various levels of quality. Return to the <strong>GitHub</strong> browser tab to test it out.</p>
<p>Click <strong>Find file</strong>.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/027.png" /></p>
<p>Open <strong>arithmeticController.js</strong>.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/028.png" /></p>
<p>This controller contains the core functionality of the app. However, the code for the <strong>add</strong> operation isn?t completely clear. Put yourself in the position of someone with good intentions, but a lack of experience with JavaScript. They might identify this as an opportunity to help out by cleaning up the code to make it better.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/029.png" /></p>
<p>Click the <strong>Edit</strong> button.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/030.png" /></p>
<p>Remove the first and third plus signs from the <strong>add</strong> method to make the code easier to read. (No spoilers, please.)</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/031.png" /></p>
<p>Scroll down and add some documentation for the change. Also select <strong>Create a new branch</strong> and give it the name <strong>?addition-cleanup?</strong>. Click <strong>Propose file change</strong>.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/032.png" /></p>
<p>Click <strong>Create pull request</strong> to kick off the process of getting your untested changes into some production code!</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/033.png" /></p>
<p>Azure DevOps will detect the change and start the build pipeline. This will update the UI in GitHub explaining that some of the checks haven?t completed yet. Return to your original mindset of ?project owner? and click <strong>Details</strong> to learn more.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/034.png" /></p>
<p>Click <strong>View more details on Azure Pipelines</strong>. This will open a new tab.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/035.png" /></p>
<p>Follow the build until it fails. Click the <strong>npm install, build, and test</strong> task to view the log output.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/036.png" /></p>
<p>Locate the section that lists out failing tests. It might not be immediately clear why the tests failed, but all of the history we?ve accrued in the pipeline makes it easy to identify that something from this new pull request is the cause. The next step will be to figure out why ?21 + 21? produced ?2121? instead of the expected ?42?.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/037.png" /></p>
<p>Close the current tab.</p>
<h3>Task 5: Using the broken pull request to improve the project</h3>
<p>Return to the <strong>GitHub</strong> browser tab and the role of project owner.</p>
<p>Click the commit to view its details. (Your code will appear different to the following screenshot)</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/038.png" /></p>
<p>Select the <strong>Files changed</strong> tab and click the <strong>Edit</strong> button.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/039.png" /></p>
<p>It would appear that the changes were made by someone who didn?t realize that the plus signs before each variable were necessary to coerce those variables to their number representations. By removing them, JavaScript interpreted the middle plus sign as the string concatenation operator, which explains why 21 + 21 = 2121 in the failed test. Undo the original changes by adding the plus signs before the <strong>a</strong> and <strong>b</strong> variables. Also add a comment explaining that this is necessary for the operation to perform as expected.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/040.png" /></p>
<p>Scroll down to document the changes and click <strong>Commit changes</strong>.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/041.png" /></p>
<p>Select the <strong>Conversation</strong> tab.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/042.png" /></p>
<p>Azure DevOps will again detect the change and start the build pipeline. Wait for the following section to change to green to indicate that all checks have passed.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/043.png" /></p>
<p>Once all checks have passed, click <strong>Merge pull request</strong>.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/044.png" /></p>
<p>Click <strong>Confirm merge</strong>.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/045.png" /></p>
<h3>Task 6: Adding a build status badge</h3>
<p>An important sign for a quality project is its build status badge. When someone finds a project that has a badge indicating that the project is currently in a successful build state, it?s a sign that the project is maintained effectively. Return to the <strong>Azure DevOps</strong> tab.</p>
<p>Click the build pipeline to navigate to its overview page.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/046.png" /></p>
<p>From the <strong>ellipses</strong> dropdown, select <strong>Status badge</strong>.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/047.png" /></p>
<p>The <strong>Status badge</strong> UI provides a quick and easy way to integrate the build status wherever you want. Often, you?ll want to use the provided URLs in your own dashboards, or you can use the Markdown snippet to add the status badge to locations such as Wiki pages. Click the <strong>Copy to clipboard</strong> button for <strong>Sample Markdown</strong>.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/048.png" /></p>
<p>Return to the <strong>GitHub</strong> tab.</p>
<p>Select the <strong>Code</strong> tab.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/049.png" /></p>
<p>Open <strong>README.md</strong>.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/050.png" /></p>
<p>Click the <strong>Edit</strong> button.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/051.png" /></p>
<p>Paste in the clipboard contents around line <strong>5</strong>.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/052.png" /></p>
<p>Scroll down and add a commit comment and click <strong>Commit changes</strong>.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/053.png" /></p>
<p>You now have a dynamic build status badge on your project?s front page that allows everyone to know that you?re effectively managing your project.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/054.png" /></p>
<h2>Summary</h2>
<p>In this lab, you learned how to integrate a GitHub project with Azure DevOps using the new Azure Pipelines integration from the Marketplace.</p>
<h2>Azure devops integration</h2>
<h3>Azure devops integration</h3>
<p>[youtube]</p>
Azure devops integration <a href="http://remmont.com">Latest national news</a> Azure devops integration
<h4>Azure devops integration</h4>
Azure devops integration Integrate Your GitHub Projects With Azure Pipelines Last updated : Nov 13,2020 Overview With the introduction of Azure DevOps, Microsoft is offering developers
<h5>Azure devops integration</h5>
Azure devops integration <a href="http://remmont.com">Azure devops integration</a> Azure devops integration
SOURCE: <h6>Azure devops integration</h6> <a href="https://dev-ops.engineer/">Azure devops integration</a> Azure devops integration
#tags#[replace: -,-Azure devops integration] Azure devops integration#tags#
https://ssylki.info/?who=private-studen ... emmont.com https://ssylki.info/?who=real-estate-agent.remmont.com https://ssylki.info/?who=cash-loans-online.remmont.com https://ssylki.info/?who=remmont.com/ur ... reditation https://ssylki.info/?who=car-sales-apps.remmont.com
<h1>Azure devops integration</h1>
<p>[youtube]</p>
Azure devops integration <a href="http://remmont.com">News page</a> Azure devops integration
<h1>Azure devops integration</h1>
<p>Integrate Your GitHub Projects With Azure Pipelines <br /></p>
<p>Last updated : Nov 13,2020</p>
<h2>Overview</h2>
<p>With the introduction of Azure DevOps, Microsoft is offering developers a new continuous integration/continuous delivery (CI/CD) service called Azure Pipelines that enables you to continuously build, test, and deploy to any platform or cloud. It has cloud-hosted agents for Linux, macOS, and Windows; powerful workflows with native container support; and flexible deployments to Kubernetes, VMs, and serverless environments.</p>
<p>Azure Pipelines provides unlimited CI/CD minutes and 10 parallel jobs to every GitHub open source project for free. All open source projects run on the same infrastructure that our paying customers use. That means you?ll have the same fast performance and high quality of service. Many of the top open source projects are already using Azure Pipelines for CI/CD, such as Atom, CPython, Pipenv, Tox, Visual Studio Code, and TypeScript-and the list is growing every day.</p>
<p>In this lab, you?ll see how easy it is to set up Azure Pipelines with your GitHub projects and how you can start seeing benefits immediately.</p>
<h2>Objectives</h2>
<p>Install Azure Pipelines from the GitHub Marketplace.</p>
<p>Integrate a GitHub project with an Azure DevOps pipeline.</p>
<p>Track pull requests through the pipeline.</p>
<h2>Prerequisites</h2>
<p>An Azure DevOps account from https://dev.azure.com.</p>
<h2>Exercise 1: Getting started with Azure Pipelines</h2>
<h3>Task 1: Forking a GitHub repo and installing Azure Pipelines</h3>
<p>Navigate to https://github.com/actionsdemos/calculator. This is the baseline project we will fork and use for this lab.</p>
<p>If you?re not already signed in to GitHub, sign in now.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/000.png" /></p>
<p>Click <strong>Fork</strong> to fork the repository to your own account.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/001.png" /></p>
<p>If prompted, select an account to fork the repository into.</p>
<p>The <strong>GitHub Marketplace</strong> provides a variety of tools from Microsoft and 3rd parties that help you extend your project workflows. Click <strong>Marketplace</strong> from the top navigation to visit it.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/002.png" /></p>
<p>Search for <strong>?Azure Pipelines?</strong> and select the result.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/003.png" /></p>
<p>Click <strong>Read more</strong>.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/004.png" /></p>
<p>Take a moment to read through the benefits of Azure Pipelines.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/005.png" /></p>
<p>The Azure Pipelines offering is free for anyone to use for public repositories, and free for a single build queue if you?re using a private repository. Click <strong>Install it for free</strong>.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/006.png" /></p>
<p>If you have multiple <strong>GitHub</strong> accounts, select the one you forked the calculator to from the <strong>Switch billing account</strong> dropdown.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/007.png" /></p>
<p>Click <strong>Complete order and begin installation</strong>.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/008.png" /></p>
<p>You have the option to specify repositories to include, but for the purposes of this lab, just include all of them. Note that Azure DevOps requires the listed set of permissions to fulfill its services. Click <strong>Install</strong>.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/009.png" /></p>
<p>You may be prompted to confirm your GitHub password to continue.</p>
<p>You may be prompted to log in to your Microsoft account. Make sure you?re logged into the one associated with your Azure DevOps account.</p>
<h3>Task 2: Configuring your Azure Pipelines project</h3>
<p>You are now on the Azure DevOps site and need to set up your Azure Pipelines project. Select (or create) the <strong>Azure DevOps organization</strong> you would like to perform these builds under, as well as the Azure DevOps <strong>project</strong> from that organization you would like to use. Click <strong>Continue</strong>.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/010.png" /></p>
<p>Select the <strong>calculator</strong> project from GitHub to build as part of the pipeline.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/011.png" /></p>
<p>Azure Pipelines will analyze your project in an attempt to determine if any existing templates would be a good fit. In this case, the recommended template is for <strong>Node.js</strong>, which is perfect for our needs. Some alternative templates are also suggested, although the recommended one is the best for this lab. Select it to continue.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/012.png" /></p>
<p>The build pipeline is defined as <strong>YAML</strong>, a markup syntax well-suited to defining processes like this because it allows you to manage the configuration of the pipeline like any other file in the repo. It?s a pretty simple template that identifies the pool to pull a VM from for building, the process to install Node.js for building, and the actual build itself. Click <strong>Save and run</strong> to save the pipeline and queue a new build.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/013.png" /></p>
<p>For the purposes of this lab, you can commit this new file directly to the master branch. Click <strong>Save and run</strong>.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/014.png" /></p>
<p>It will take a moment for the pipeline to complete. During this time it will configure the build agent, pull in the source from GitHub, and build it according to the pipeline definition.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/015.png" /></p>
<p>The build should complete successfully.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/016.png" /></p>
<h3>Task 3: Modifying a YAML build pipeline definition</h3>
<p>While the default pipeline is a great start, it doesn?t do everything we would like to have automated. For example, it would be great if it also ran our tests to confirm that the changes don?t create bugs. Let?s return to GitHub where we can edit the YAML by hand. Right-click the GitHub project link and select <strong>Open in new tab</strong>. Since this lab will involve stepping back and forth between GitHub and Azure DevOps, it?ll be easier to keep a browser tab open to each.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/017.png" /></p>
<p>Open <strong>azure-pipelines.yml</strong>.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/018.png" /></p>
<p>Click the <strong>Edit</strong> button.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/019.png" /></p>
<p>Our project already contains tests written using Mocha so we just need to execute them in out pipeline. To add the test run, add the <strong>?npm test?</strong> command below. Also update the <strong>displayName</strong> to <strong>?npm install, build, and test?</strong> so that it?s easier to track what each task of the build is doing later on.These are the lines to add.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/020.png" /></p>
<p>Scroll to the bottom of the page, provide some documentation for the change and click <strong>Commit changes</strong>. Again, it?s okay to commit this change directly to the master branch for the purposes of this lab.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/021.png" /></p>
<p>Return to the <strong>Azure DevOps</strong> browser tab. Use the breadcrumb navigation to return to the <strong>Pipelines</strong> page.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/022.png" /></p>
<p>A new build should already be there. Click it to view progress.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/023.png" /></p>
<p>Depending on how quickly you got here, the build may be queued, in progress, or already done. Click <strong>Logs</strong> and follow it through to completion.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/024.png" /></p>
<p>Once completed, click the <strong>npm install, build, and test</strong> task to view its log output.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/025.png" /></p>
<p>After the install and build steps we can see the logs for the tests. Everything passes! Click <strong>Esc</strong> to close the task view.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/026.png" /></p>
<h3>Task 4: Proposing a change via GitHub pull request</h3>
<p>One of the great benefits of this pipeline setup is that we now have a quality gate that?s automatically run every time someone commits a change. This makes it much easier to manage a project that could have any number of contributions coming in at various levels of quality. Return to the <strong>GitHub</strong> browser tab to test it out.</p>
<p>Click <strong>Find file</strong>.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/027.png" /></p>
<p>Open <strong>arithmeticController.js</strong>.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/028.png" /></p>
<p>This controller contains the core functionality of the app. However, the code for the <strong>add</strong> operation isn?t completely clear. Put yourself in the position of someone with good intentions, but a lack of experience with JavaScript. They might identify this as an opportunity to help out by cleaning up the code to make it better.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/029.png" /></p>
<p>Click the <strong>Edit</strong> button.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/030.png" /></p>
<p>Remove the first and third plus signs from the <strong>add</strong> method to make the code easier to read. (No spoilers, please.)</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/031.png" /></p>
<p>Scroll down and add some documentation for the change. Also select <strong>Create a new branch</strong> and give it the name <strong>?addition-cleanup?</strong>. Click <strong>Propose file change</strong>.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/032.png" /></p>
<p>Click <strong>Create pull request</strong> to kick off the process of getting your untested changes into some production code!</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/033.png" /></p>
<p>Azure DevOps will detect the change and start the build pipeline. This will update the UI in GitHub explaining that some of the checks haven?t completed yet. Return to your original mindset of ?project owner? and click <strong>Details</strong> to learn more.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/034.png" /></p>
<p>Click <strong>View more details on Azure Pipelines</strong>. This will open a new tab.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/035.png" /></p>
<p>Follow the build until it fails. Click the <strong>npm install, build, and test</strong> task to view the log output.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/036.png" /></p>
<p>Locate the section that lists out failing tests. It might not be immediately clear why the tests failed, but all of the history we?ve accrued in the pipeline makes it easy to identify that something from this new pull request is the cause. The next step will be to figure out why ?21 + 21? produced ?2121? instead of the expected ?42?.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/037.png" /></p>
<p>Close the current tab.</p>
<h3>Task 5: Using the broken pull request to improve the project</h3>
<p>Return to the <strong>GitHub</strong> browser tab and the role of project owner.</p>
<p>Click the commit to view its details. (Your code will appear different to the following screenshot)</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/038.png" /></p>
<p>Select the <strong>Files changed</strong> tab and click the <strong>Edit</strong> button.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/039.png" /></p>
<p>It would appear that the changes were made by someone who didn?t realize that the plus signs before each variable were necessary to coerce those variables to their number representations. By removing them, JavaScript interpreted the middle plus sign as the string concatenation operator, which explains why 21 + 21 = 2121 in the failed test. Undo the original changes by adding the plus signs before the <strong>a</strong> and <strong>b</strong> variables. Also add a comment explaining that this is necessary for the operation to perform as expected.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/040.png" /></p>
<p>Scroll down to document the changes and click <strong>Commit changes</strong>.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/041.png" /></p>
<p>Select the <strong>Conversation</strong> tab.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/042.png" /></p>
<p>Azure DevOps will again detect the change and start the build pipeline. Wait for the following section to change to green to indicate that all checks have passed.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/043.png" /></p>
<p>Once all checks have passed, click <strong>Merge pull request</strong>.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/044.png" /></p>
<p>Click <strong>Confirm merge</strong>.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/045.png" /></p>
<h3>Task 6: Adding a build status badge</h3>
<p>An important sign for a quality project is its build status badge. When someone finds a project that has a badge indicating that the project is currently in a successful build state, it?s a sign that the project is maintained effectively. Return to the <strong>Azure DevOps</strong> tab.</p>
<p>Click the build pipeline to navigate to its overview page.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/046.png" /></p>
<p>From the <strong>ellipses</strong> dropdown, select <strong>Status badge</strong>.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/047.png" /></p>
<p>The <strong>Status badge</strong> UI provides a quick and easy way to integrate the build status wherever you want. Often, you?ll want to use the provided URLs in your own dashboards, or you can use the Markdown snippet to add the status badge to locations such as Wiki pages. Click the <strong>Copy to clipboard</strong> button for <strong>Sample Markdown</strong>.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/048.png" /></p>
<p>Return to the <strong>GitHub</strong> tab.</p>
<p>Select the <strong>Code</strong> tab.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/049.png" /></p>
<p>Open <strong>README.md</strong>.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/050.png" /></p>
<p>Click the <strong>Edit</strong> button.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/051.png" /></p>
<p>Paste in the clipboard contents around line <strong>5</strong>.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/052.png" /></p>
<p>Scroll down and add a commit comment and click <strong>Commit changes</strong>.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/053.png" /></p>
<p>You now have a dynamic build status badge on your project?s front page that allows everyone to know that you?re effectively managing your project.</p>
<p style="clear: both"><img src="https://www.azuredevopslabs.com/labs/az ... es/054.png" /></p>
<h2>Summary</h2>
<p>In this lab, you learned how to integrate a GitHub project with Azure DevOps using the new Azure Pipelines integration from the Marketplace.</p>
<h2>Azure devops integration</h2>
<h3>Azure devops integration</h3>
<p>[youtube]</p>
Azure devops integration <a href="http://remmont.com">Latest national news</a> Azure devops integration
<h4>Azure devops integration</h4>
Azure devops integration Integrate Your GitHub Projects With Azure Pipelines Last updated : Nov 13,2020 Overview With the introduction of Azure DevOps, Microsoft is offering developers
<h5>Azure devops integration</h5>
Azure devops integration <a href="http://remmont.com">Azure devops integration</a> Azure devops integration
SOURCE: <h6>Azure devops integration</h6> <a href="https://dev-ops.engineer/">Azure devops integration</a> Azure devops integration
#tags#[replace: -,-Azure devops integration] Azure devops integration#tags#
https://ssylki.info/?who=private-studen ... emmont.com https://ssylki.info/?who=real-estate-agent.remmont.com https://ssylki.info/?who=cash-loans-online.remmont.com https://ssylki.info/?who=remmont.com/ur ... reditation https://ssylki.info/?who=car-sales-apps.remmont.com