Vue cli & azure pipeline

목표 - 1. vue cli 문서작성, 도은님께 전달, 질문받기

2. swagger branch master에 git push 들어오면 pipelining

1. vue cli

azure pipeline

• azure portal - like gcp console

Microsoft Azure

https://portal.azure.com/#home

• azure devops git repository, pipeline site

Azure DevOps Services | Sign In

Microsoft Internet Explorer's Enhanced Security Configuration is currently enabled on your environment. This enhanced level of security prevents our web integration experiences from displaying or performing correctly. To continue with your operation please disable this configuration or contact your administrator.

https://dev.azure.com/StryxDevSln/StPano_svr_n/_apps/hub/ms.vss-build-web.ci-designer-hub?sourceProvider=tfsgit&telemetrySession=653119e6-3e83-47ca-9654-08fe24549f35&repositoryId=61656bab-3014-4434-957a-b04e4f427640&repositoryName=StPano_svr_n&branch=master&repositoryUrl=%2FStryxDevSln%2FStPano_svr_n%2F_git%2FStPano_svr_n&sourceProviderComplete=true

SSH 접속

• key

• 파이프라인에 여러 종류가 있는데 우리는 위 2개쪽에 해당한다

• 오른쪽은 에저 포털에 있는건데 app services로 클라우드 생성했으면 왼쪽에서 express web app to linux on azure라는 녀석을 사용 가능한듯?

• 근데 우리는 virtual machines 로 생성했으므로 node js 를 선택후 virtual machine으로는 수동으로 연결해줘야 할듯 하다

• 또 npm 말고 yarn 을 쓰고싶다

yaml MS-Dos 시절에는 파일의 확장자 길이가 3자로 제한됐었다. 그래서 htm이나 yml 같은 줄임말이 있는것 표준은 yaml

• build - ci pipeline

• release - cd pipeline

Azure VM의 CI/CD | Microsoft Azure

Azure는 Windows 또는 Linux를 실행하는 가상 머신을 호스팅하기 위한 세계적 수준의 클라우드입니다. 애플리케이션을 개발하는 데 ASP.NET, Java, Node.js 또는 PHP 중 무엇을 사용하는지와 관계없이 변경 내용을 이러한 가상 머신으로 자동으로 푸시하려면 CI/CD(지속적인 통합 및 지속적인 배포) 파이프라인이 필요합니다.

https://azure.microsoft.com/ko-kr/solutions/architecture/cicd-for-azure-vms/

• 이게 우리가 하려는 목표 - 다양한 종류가 있다

메인 예제 링크 2개

• 이건 앞부분 화살표 설명 예제

Build and deploy JavaScript and Node.js apps - Azure Pipelines

Use a pipeline to build and test JavaScript and Node.js apps, and then deploy or publish to targets. Note In Microsoft Team Foundation Server (TFS) 2018 and previous versions, run and release pipelines are called definitions, runs are called builds, service connections are called service endpoints, stages are called environments, and jobs are called phases.

https://docs.microsoft.com/en-us/azure/devops/pipelines/ecosystems/javascript?view=azure-devops

• 이건 뒷부분 화살표 설명 예제

Deploy nginx to a Linux VM - Azure Pipelines

We'll show you how to set up continuous deployment of your app to an nginx web server running on Ubuntu using Azure Pipelines or Team Foundation Server (TFS) 2018 and higher. You can use the steps in this quickstart for any app as long as your continuous integration pipeline publishes a web deployment package.

https://docs.microsoft.com/en-us/azure/devops/pipelines/apps/cd/deploy-linuxvm-deploygroups?view=azure-devops&tabs=java-script

주변개념 설명 링크 2개

• 인데 위에서 말하는게 테스트는 윈도우 self-hosted agents

Azure Pipelines Agents - Azure Pipelines

Note In Microsoft Team Foundation Server (TFS) 2018 and previous versions, run and release pipelines are called definitions, runs are called builds, service connections are called service endpoints, stages are called environments, and jobs are called phases. To build your code or deploy your software using Azure Pipelines, you need at least one agent.

https://docs.microsoft.com/en-us/azure/devops/pipelines/agents/agents?view=azure-devops&tabs=browser#install

• 깃허브에 있는 놈을 서버에 보내서 실행시키기 위해 하나의 agent 가 필요하다는 말인데

Jobs in Azure Pipelines and TFS - Azure Pipelines

Note In Microsoft Team Foundation Server (TFS) 2018 and previous versions, run and release pipelines are called definitions, runs are called builds, service connections are called service endpoints, stages are called environments, and jobs are called phases. You can organize your pipeline into jobs. Every pipeline has at least one job.

https://docs.microsoft.com/en-us/azure/devops/pipelines/process/phases?view=azure-devops&tabs=yaml

그래서 2개를 진행해보는데

2번째 deployment

1. repository git push →

2. run build pipeline (CI) →

3. release pipeline (CD) →

4. Pipeline release →

5. Deploy Release

VSTS: Directory 'd:\a\1\a' is empty. Nothing will be added to build artifact 'drop'

I am making my first build in VSTS and I have had to ask a number of questions on SO. I have now been able to restore nuget packages and build my project but now I have to ensure the artifacts are ...

https://stackoverflow.com/questions/44153600/vsts-directory-d-a-1-a-is-empty-nothing-will-be-added-to-build-artifact-dr