<p>I advice you to learn the basis with generic technologies and then use Azure.</p>
<h2>The basic and modern devops flow</h2>
<p><a href="https://i.sstatic.net/B70GX.png" rel="nofollow noreferrer"><img src="https://i.sstatic.net/B70GX.png" alt="enter image description here" /></a></p>
<ul>
<li>Devops admin configure the webhook or trigger to connect the git server with the ci,cd,devops sever</li>
<li>Devops admin configure the job with steps required to build the application.</li>
<li>Developer push some source code (java, php, c#, nodejs, etc)</li>
<li>Your git platform/server (bitbucket, gitlab, github, azure, etc) detects this event and perform an http post request to your webhook url (preconfigured) sending it a json payload with important information related to detected event.</li>
<li>You ci,cd,devops,etc server receives the http post request and using a json parser extract some important or common values used in devops automation like : repository name, branch name, commit author, commit message, etc</li>
<li>Your ci,cd,devops,etc server launchs a preconfigured job. At this point you could start, launch or invoke any technology. (java, php, c#, nodejs, etc) required to build the application</li>
</ul>
<p>More details here:</p>
<ul>
<li><a href="https://jrichardsz.github.io/devops/devops-with-git-and-jenkins-using-webhooks" rel="nofollow noreferrer">https://jrichardsz.github.io/devops/devops-with-git-and-jenkins-using-webhooks</a></li>
<li><a href="https://jrichardsz.github.io/devops/configure-webhooks-in-github-bitbucket-gitlab" rel="nofollow noreferrer">https://jrichardsz.github.io/devops/configure-webhooks-in-github-bitbucket-gitlab</a></li>
</ul>
<h2>Devops flow with open source</h2>
<ul>
<li>git server: github, bitbucket, gitlab, etc</li>
<li>ci,cd,devops server: jenkins, Harness CI,etc. Check <a href="https://harness.io/blog/continuous-delivery/best-jenkins-alternatives/" rel="nofollow noreferrer">this</a> and <a href="https://devops.com/11-open-source-devops-tools-we-love-for-2021/" rel="nofollow noreferrer">this</a></li>
</ul>
<h2>Devops flow with Azure</h2>
<ul>
<li>git server: Azure Repos: <a href="https://azure.microsoft.com/en-us/services/devops/repos/" rel="nofollow noreferrer">https://azure.microsoft.com/en-us/services/devops/repos/</a></li>
<li>ci,cd,devops server: Azure Devops: <a href="https://azure.microsoft.com/en-us/services/devops/" rel="nofollow noreferrer">https://azure.microsoft.com/en-us/services/devops/</a> Azure Pipelines: <a href="https://azure.microsoft.com/en-us/services/devops/pipelines/" rel="nofollow noreferrer">https://azure.microsoft.com/en-us/services/devops/pipelines/</a></li>
</ul>
<p>Steps</p>
<ul>
<li>Devops admin configure the pipeline trigger to connect the <strong>azure repos</strong> with the <strong>azure devops/pipeline sever</strong>: <a href="https://docs.microsoft.com/en-us/azure/devops/pipelines/repos/azure-repos-git?view=azure-devops&amp;tabs=yaml#ci-triggers" rel="nofollow noreferrer">https://docs.microsoft.com/en-us/azure/devops/pipelines/repos/azure-repos-git?view=azure-devops&amp;tabs=yaml#ci-triggers</a></li>
<li>Devops admin configure the <strong>azure-pipeline</strong> with steps required to build the application: <a href="https://github.com/bdellegrazie/vue-hello-world/blob/master/azure-pipelines.yml" rel="nofollow noreferrer">https://github.com/bdellegrazie/vue-hello-world/blob/master/azure-pipelines.yml</a></li>
<li>Developer push some source code (java, php, c#, nodejs, etc)</li>
<li><strong>Azure repos</strong> detects this event and perform an http post request to <strong>Azure Devops</strong> sending it a json payload with important information related to detected event.</li>
<li><strong>Azure Devops server</strong> receives the http post request and starts the interpretation of azure-pipeline.yml</li>
<li><strong>Azure Devops server</strong> launches all the steps preconfigured in the azure pipeline, in your case: npm install, npm run build and npm run start</li>
</ul>
<h2>Docker</h2>
<p>I advice you Docker to skip the azure-pipeline.yml creation. With docker you app will be deployable on any server (gcp,aws,digital ocena, azure, bare metal, etc) in the galaxy. With azure-pipeline.yml just on Azure. Check this:</p>
<p><a href="https://stackoverflow.com/questions/60604539/how-to-use-docker-in-the-development-phase-of-a-devops-life-cycle/60780840#60780840">https://stackoverflow.com/questions/60604539/how-to-use-docker-in-the-development-phase-of-a-devops-life-cycle/60780840#60780840</a></p>
<h2>Kubernetes</h2>
<p>If you achieve the previous steps, you could start the use of kubernetes</p>
<h2>Enterprises environments</h2>
<p>If your company has the recommended environments like: staging, testing, uat, pre-prod, etc you will need a configuration management. Check this:</p>
<p><a href="https://stackoverflow.com/questions/54220775/how-to-use-variable-substitution-in-frontend-js-applications-like-backend-applic/54271114#54271114">https://stackoverflow.com/questions/54220775/how-to-use-variable-substitution-in-frontend-js-applications-like-backend-applic/54271114#54271114</a></p>

CC BY-SA 4.0
2022-05-28T18:08:35.513Z
2022-05-28T18:08:35.513Z
JRichardsz
<p>I'm not sure if it's the right place to ask this question. So let me know, if it's not.</p>
<p>I'm building a front end app with VueJs. I actually use 2 computer. I use the first computer as a &quot;server&quot; (just a computer that is always on) and and the other one I use it to code.</p>
<p>The server have a VSCode that is always open that always run my front end app. I use Remote Desktop Connection to connect to this server when I need to code/build/run. I use Azure Dev Ops as a Git solution.</p>
<p>But all this setup is not the best way to work. It's kinda annoying to connect to the server and let vscode always open.</p>
<p>What I want to know is : Is it possible to create a better dev. environnement? For example, what I want to do is to be able to work from VSCode on my &quot;dev's computer&quot; and whenever I push something in Azure DevOps, my server re-build and re-run my app.</p>
<p>How should I start ? Can you give me any documentation to help me? I couldn't find anything in the net (maybe because I'm doing something wrong in my research)</p>

CC BY-SA 4.0
2022-05-28T17:20:35.517Z
Of course is absolutely possible. #1 Is your two computers  a cloud machines on azure? #2 Is your vue standard? I mean just need the : npm install && npm run build and npm run start ?
JRichardsz
CC BY-SA 4.0
2022-05-30T12:08:02.277Z
@JRichardsz No, my computers are physical station
Louis Chopard
<azure-devops><git><node.js>
How can I create a dev. environnement using Azure DevOps?
Louis Chopard
# How can I create a dev. environnement using Azure DevOps?

(Asked by: username_0 on 2022-05-25)

I'm not sure if it's the right place to ask this question. So let me know, if it's not.

I'm building a front end app with VueJs. I actually use 2 computer. I use the first computer as a "server" (just a computer that is always on) and and the other one I use it to code.

The server have a VSCode that is always open that always run my front end app. I use Remote Desktop Connection to connect to this server when I need to code/build/run. I use Azure Dev Ops as a Git solution.

But all this setup is not the best way to work. It's kinda annoying to connect to the server and let vscode always open.

What I want to know is : Is it possible to create a better dev. environnement? For example, what I want to do is to be able to work from VSCode on my "dev's computer" and whenever I push something in Azure DevOps, my server re-build and re-run my app.

How should I start ? Can you give me any documentation to help me? I couldn't find anything in the net (maybe because I'm doing something wrong in my research)

**Tags:** azure-devops, git, node.js

> **Comments:**
> **username_1**: Of course is absolutely possible. #1 Is your two computers  a cloud machines on azure? #2 Is your vue standard? I mean just need the : npm install && npm run build and npm run start ?  
> **username_0**: @username_1 No, my computers are physical station  

---

## 1 answers

### Answer by username_1 on 2022-05-28. Score: 0 | Accepted answer

I advice you to learn the basis with generic technologies and then use Azure.

## The basic and modern devops flow

[![enter image description here](https://i.sstatic.net/B70GX.png)](https://i.sstatic.net/B70GX.png)

* Devops admin configure the webhook or trigger to connect the git server with the ci,cd,devops sever
* Devops admin configure the job with steps required to build the application.
* Developer push some source code (java, php, c#, nodejs, etc)
* Your git platform/server (bitbucket, gitlab, github, azure, etc) detects this event and perform an http post request to your webhook url (preconfigured) sending it a json payload with important information related to detected event.
* You ci,cd,devops,etc server receives the http post request and using a json parser extract some important or common values used in devops automation like : repository name, branch name, commit author, commit message, etc
* Your ci,cd,devops,etc server launchs a preconfigured job. At this point you could start, launch or invoke any technology. (java, php, c#, nodejs, etc) required to build the application

More details here:

* <https://jrichardsz.github.io/devops/devops-with-git-and-jenkins-using-webhooks>
* <https://jrichardsz.github.io/devops/configure-webhooks-in-github-bitbucket-gitlab>

## Devops flow with open source

* git server: github, bitbucket, gitlab, etc
* ci,cd,devops server: jenkins, Harness CI,etc. Check [this](https://harness.io/blog/continuous-delivery/best-jenkins-alternatives/) and [this](https://devops.com/11-open-source-devops-tools-we-love-for-2021/)

## Devops flow with Azure

* git server: Azure Repos: <https://azure.microsoft.com/en-us/services/devops/repos/>
* ci,cd,devops server: Azure Devops: <https://azure.microsoft.com/en-us/services/devops/> Azure Pipelines: <https://azure.microsoft.com/en-us/services/devops/pipelines/>

Steps

* Devops admin configure the pipeline trigger to connect the **azure repos** with the **azure devops/pipeline sever**: <https://docs.microsoft.com/en-us/azure/devops/pipelines/repos/azure-repos-git?view=azure-devops&tabs=yaml#ci-triggers>
* Devops admin configure the **azure-pipeline** with steps required to build the application: <https://github.com/bdellegrazie/vue-hello-world/blob/master/azure-pipelines.yml>
* Developer push some source code (java, php, c#, nodejs, etc)
* **Azure repos** detects this event and perform an http post request to **Azure Devops** sending it a json payload with important information related to detected event.
* **Azure Devops server** receives the http post request and starts the interpretation of azure-pipeline.yml
* **Azure Devops server** launches all the steps preconfigured in the azure pipeline, in your case: npm install, npm run build and npm run start

## Docker

I advice you Docker to skip the azure-pipeline.yml creation. With docker you app will be deployable on any server (gcp,aws,digital ocena, azure, bare metal, etc) in the galaxy. With azure-pipeline.yml just on Azure. Check this:

<https://stackoverflow.com/questions/60604539/how-to-use-docker-in-the-development-phase-of-a-devops-life-cycle/60780840#60780840>

## Kubernetes

If you achieve the previous steps, you could start the use of kubernetes

## Enterprises environments

If your company has the recommended environments like: staging, testing, uat, pre-prod, etc you will need a configuration management. Check this:

<https://stackoverflow.com/questions/54220775/how-to-use-variable-substitution-in-frontend-js-applications-like-backend-applic/54271114#54271114>


---

