Web AppsのCI/CDをAzure DevOpsで組んでみた | cloud.config Tech Blog

どうもこんにちは四日市事業所の河口です。今回はAzure DevOpsを使用して、DockerイメージをACR経由でAzure Web Appsへ自動デプロイする方法をまとめます。Azureモリモリです！

1. Web Appsを立てる

Azureでデプロイ先のWeb Appsを立てておきます。注意点としては公開をDockerコンテナーにします。

2. ACR(Azure Container Registry)を作成

Dockerイメージを格納するためにACRを作成します。

3. Azure DevOpsでビルドパイプラインを構築

DevOpsの画面を開きます。
https://azure.microsoft.com/ja-jp/services/devops/

BuildsからNew pipelineを作成します。

リポジトリの接続先を選択します。今回はAzure Repos Gitを選択します。

リポジトリを選択します。

ビルドパイプラインの初期設定を選びます。show moreを押すと少し下のほうがDockerがありますので、Dockerを選択します。

設定はそのままでValidate and configureを押します

これでBuildパイプラインのazure-pipelines.ymlが自動生成されます。ここからACRにdockerイメージがアップロードされるように変更していきます。とりあえず右上にあるSave and Run で保存します。

PipelineのLibraryでACRへ接続するための環境変数を設定します。新規にVariable groupを作成します。

各項目を設定します。
Variable group nameはビルドパイプラインから指定することになるのでわかりやすい名前にします。

VariablesにAddでACRの接続情報を追加していきます。ACRの接続情報はACRのアクセスキーに記載されています。必要なのは以下の3つです。

ログインサーバー
ユーザー名
パスワード

入力が終わったら保存します。

ビルドパイプラインを編集します。Editから編集できます。

以下のように書き換えて保存します。
内容としてはvariablesで変数の宣言とLibraryから値を引っ張り代入しています。また、scriptでdockerビルドとACRへイメージをpushしています。

# Docker
# Build a Docker image 
# https://docs.microsoft.com/azure/devops/pipelines/languages/docker

trigger:
  - master

resources:
  - repo: self

variables:
  - group: ACR_Valiables
  - name: imageName
    value: myimage:$(Build.buildId)
  - name: acrId
    value: $(ACR_USERNAME)
  - name: acrPassword
    value: $(ACR_PASSWORD)
  - name: acrServer
    value: $(ACR_SERVER)

steps:
  - script: |
      docker build -t $(acrServer)/$(imageName) .
      docker login -u $(acrId) -p $(acrPassword) $(acrUrl)
      docker push $(acrServer)/$(imageName)

    displayName: Build Docker image