Answers: <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>
  
Answers: CC BY-SA 4.0
Answers: 2022-05-28T18:08:35.513Z
Answers: 2022-05-28T18:08:35.513Z
Answers: JRichardsz
Body: <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>
  
Comments: CC BY-SA 4.0
Comments: 2022-05-28T17:20:35.517Z
Comments: 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 ?
Comments: JRichardsz
Comments: CC BY-SA 4.0
Comments: 2022-05-30T12:08:02.277Z
Comments: @JRichardsz No, my computers are physical station
Comments: Louis Chopard
Tags: <azure-devops><git><node.js>
Title: How can I create a dev. environnement using Azure DevOps?
UserDisplayName: Louis Chopard
ThreadText: # 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://username_1.github.io/devops/devops-with-git-and-jenkins-using-webhooks>
  * <https://username_1.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>
  
  
  ---
  
  