OCI DevOps & OKE におけるブルーグリーンデプロイ

## BLUE-GREEN Environment

環境概要図

![環境概要図](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/853b7fd1-71c8-884a-beab-b410e1da9f25.png)

OCI DevOpsにおけるブルー/グリーンデプロイは、最初のデプロイがblue namespace、次のデプロイは、green namespaceとなります。その後は、blue、greenと繰り返される仕組みです。

この仕組みは、OCI DevOpsがIngressのannotations設定を変更することで実現しています。

namespaceA(ここではblue)にデプロイされた時は、namespaceB（ここではgreen）の `canary-weight` が `0` となり、namesapceB（ここではgreen）にデプロイされた場合は、`canary-weight` が `100` となります。

namespaceA(ここではblue)にデプロイ

```
kubectl get ingress -o yaml -n green
```
```
apiVersion: v1
items:
- apiVersion: networking.k8s.io/v1
  kind: Ingress
  metadata:
    annotations:
      kubernetes.io/ingress.class: nginx
      nginx.ingress.kubernetes.io/canary: "true"
      nginx.ingress.kubernetes.io/canary-by-header: redirect-to-namespaceB
      nginx.ingress.kubernetes.io/canary-weight: "0"
・
・＜省略＞
・
```

namesapceB（ここではgreen）にデプロイ

```
kubectl get ingress -o yaml -n green
```
```
apiVersion: v1
items:
- apiVersion: networking.k8s.io/v1
  kind: Ingress
  metadata:
    annotations:
      kubernetes.io/ingress.class: nginx
      nginx.ingress.kubernetes.io/canary: "true"
      nginx.ingress.kubernetes.io/canary-by-header: redirect-to-namespaceB
      nginx.ingress.kubernetes.io/canary-weight: "100"
・
・＜省略＞
・
```
Shift Traffic
![01.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/3443bde9-99a7-61dd-d113-7728841bfff9.png)

![Shift Traffic](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/16bf0e64-2d7f-d2ef-cb50-574b5b542e81.png)

![Shift Traffic](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/a8000f9a-b4a6-3204-f34a-f5f26688d573.png)


### OKE Setup

以下チュートリアルを参照して、Kubernetesクラスタを構築します。

本でも環境では、3 Node としています。

[Oracle Container Engine for Kubernetes(OKE)をプロビジョニングしよう](https://oracle-japan.github.io/ocitutorials/cloud-native/oke-for-commons/)

1. OKEクラスターのプロビジョニング
2. CLI実行環境(Cloud Shell)の準備

### OCIR Setup

以下チュートリアルを参照して、OCIRにリポジトリを作成します。

[Oracle Cloud Infrastructure(OCI) DevOpsことはじめ-OKE編-](https://oracle-japan.github.io/ocitutorials/cloud-native/devops-for-beginners-oke/)

3. アーティファクト
  - 3-1. OCIRのセットアップ

＜パラメータ＞  
コンパートメント：対象とするコンパートメント  
リポジトリ名：blue-green  
アクセス：パブリック

### Ingress Controller Setup

サンプルコードを取得します。

```
git clone https://github.com/oracle-japan/devops-deploy-strategy.git
```

ディレクトリの内容を確認します。

```
ls devops-deploy-strategy
```
```
deploy-strategy-bg  deploy-strategy-canary  README.md
```

`deploy-strategy-bg` ディレクトリに移動して、ingress controller をセットアップします。

```
cd deploy-strategy-bg
```
```
kubectl apply -f ingress-controller.yaml 
```
```
namespace/ingress-nginx created
serviceaccount/ingress-nginx created
serviceaccount/ingress-nginx-admission created
role.rbac.authorization.k8s.io/ingress-nginx created
role.rbac.authorization.k8s.io/ingress-nginx-admission created
clusterrole.rbac.authorization.k8s.io/ingress-nginx created
clusterrole.rbac.authorization.k8s.io/ingress-nginx-admission created
rolebinding.rbac.authorization.k8s.io/ingress-nginx created
rolebinding.rbac.authorization.k8s.io/ingress-nginx-admission created
clusterrolebinding.rbac.authorization.k8s.io/ingress-nginx created
clusterrolebinding.rbac.authorization.k8s.io/ingress-nginx-admission created
configmap/ingress-nginx-controller created
service/ingress-nginx-controller created
service/ingress-nginx-controller-admission created
deployment.apps/ingress-nginx-controller created
job.batch/ingress-nginx-admission-create created
job.batch/ingress-nginx-admission-patch created
ingressclass.networking.k8s.io/nginx created
validatingwebhookconfiguration.admissionregistration.k8s.io/ingress-nginx-admission created
```

3個の `ingress-nginx-controller` のステータスが `Running` であることを確認します。

```
kubectl get pods -n ingress-nginx
```
```
NAME                                        READY   STATUS      RESTARTS   AGE
ingress-nginx-admission-create-4jptb        0/1     Completed   0          43m
ingress-nginx-admission-patch-5pch2         0/1     Completed   1          43m
ingress-nginx-controller-8574b6d7c9-4nskl   1/1     Running     0          43m
ingress-nginx-controller-8574b6d7c9-6k5zp   1/1     Running     0          43m
ingress-nginx-controller-8574b6d7c9-hpf62   1/1     Running     0          43m
```

LoadBalancer `ingress-nginx-controller` の EXTERNAL-IP が表示されていることを確認します。

```
kubectl get services -n ingress-nginx
```
```
NAME                                 TYPE           CLUSTER-IP      EXTERNAL-IP       PORT(S)                      AGE
ingress-nginx-controller             LoadBalancer   10.96.107.235   132.xxx.xxx.xxx   80:32487/TCP,443:32238/TCP   44m
ingress-nginx-controller-admission   ClusterIP      10.96.101.214   <none>            443/TCP                      44m
```

### Namespace Create

対象のKubernetesクラスタに、BLUEとGREEN用のNamespaceを作成します。

```
kubectl create ns blue
```
```
namespace/blue created
```

```
kubectl create ns green
```
```
namespace/green created
```

blueとgreenのNamespaceができていること確認します。

```
kubectl get ns
```
```
NAME              STATUS   AGE
blue              Active   11m
default           Active   5h58m
green             Active   11m
ingress-nginx     Active   153m
kube-node-lease   Active   5h58m
kube-public       Active   5h58m
kube-system       Active   5h58m
```

### OCI DevOps Setup

#### 1. プロジェクトの作成

OCI DevOps環境の事前準備はこちらを参照して作成します。

[Oracle Cloud Infrastructure(OCI) DevOps事前準備](https://oracle-japan.github.io/ocitutorials/cloud-native/devops-for-commons/)

ここでは、以下の名前で作成します。

トピック名：devops-deploy-strategy
プロジェクト名：blue-green

#### 2. 環境 作成

作成したプロジェクトを選択して、「環境」を選択します。  
左メニューから「環境」を選択します。

![環境 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/d6cae9ff-c3ec-02ad-2c60-69c797834e00.png)

「環境の作成」ボタンをクリックします。

![環境 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/cdf2cb0a-ef4a-3aac-f69e-cfca284fa0c2.png)

以下の設定を行い、「次」ボタンをクリックします。

- 環境タイプ：Oracle Kubernetesエンジン  
- 名前：blue-green-cluster

![環境 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/1aa022dd-af35-d99b-19fd-812387cd78d9.png)

![環境 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/6297a61a-8d69-9288-2511-eb146efb3296.png)


以下の設定を行って、「環境 作成」ボタンをクリックします。

- リージョン：対象クラスタのリージョン  
- コンパートメント：対象のコンパートメント
- クラスタ：対象のクラスタ（ここでは cluster1）

![環境 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/0ee646d7-9827-1b3d-4a88-3598c677f720.png)

![環境 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/c1e005e2-2615-1732-7c49-e5b0bba68f54.png)

パンくずリストから「blue-green」を選択します。

![環境 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/154025a2-4025-8902-bdc3-02ad3349a0ab.png)

#### 3. コード・リポジトリ 作成

左メニューから「コード・リポジトリ」を選択します。

![コード・リポジトリ 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/eeac214f-d9c5-82a6-c606-993a0511dfbc.png)


「リポジトリの作成」ボタンをクリックします。

![コード・リポジトリ 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/8dc9a7f0-1f8e-786b-8663-3e3b3f5b7d13.png)


以下の設定を行い、「リポジトリの作成」ボタンをクリックします。

- リポジトリ名：strategy-blue-green  
- デフォルト・ブランチ・オプション：main

![コード・リポジトリ 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/c1bc713a-9993-2799-4e4b-a1b7b3b15c2b.png)

![コード・リポジトリ 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/4919307c-5527-d25b-fdf9-3181a678523e.png)


「HTTPS」ボタンをクリックして、コマンドの「コピー」テキストをクリック後、コマンドを実行してクローンします。

![コード・リポジトリ 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/8ddafac8-50aa-b3a8-c566-b999df40186d.png)


クローンしたディレクトリにサンプルコードをコピーします。

```
cp -pR devops-deploy-strategy/deploy-strategy-bg/* ./strategy-blue-green/
```
```
ls strategy-blue-green/
```
```
blue-green-app.yaml  build_spec.yaml  content.html  Dockerfile  ingress-controller.yaml
```

作成したリポジトリにサンプルコードをプッシュします。

```
cd strategy-blue-green
```
```
git add -A .
```
```
git commit -m "first commit"
```
```
[main 46179ca] first commit
 5 files changed, 785 insertions(+)
 create mode 100644 Dockerfile
 create mode 100644 blue-green-app.yaml
 create mode 100644 build_spec.yaml
 create mode 100644 content.html
 create mode 100644 ingress-controller.yaml
```

```
git branch -M main
```
```
git push -u origin main
```
```
Enumerating objects: 8, done.
Counting objects: 100% (8/8), done.
Delta compression using up to 2 threads
Compressing objects: 100% (7/7), done.
Writing objects: 100% (7/7), 3.79 KiB | 1.26 MiB/s, done.
Total 7 (delta 0), reused 0 (delta 0), pack-reused 0
To https://devops.scmservice.uk-london-1.oci.oraclecloud.com/namespaces/orasejapan/projects/blue-green/repositories/strategy-blue-green
   dc00f99..46179ca  main -> main
Branch 'main' set up to track remote branch 'main' from 'origin'.
```

リポジトリを確認すると、サンプルコードが表示されています。

![コード・リポジトリ 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/546c0137-bd53-0e25-9feb-a8b5a5653bd1.png)

#### 4. アーティファクト 作成

Kubernetesクラスタにデプロイする際に必要となるマニフェストファイルをアーティファクトレジストリにアップロードします。最初にアーティファクトレジストリにリポジトリを作成します。

アップロードするマニフェストファイル内にある、コンテナイメージのパスを変更します。

```
cd strategy-blue-green
```
```
vim blue-green-app.yaml 
```
```
apiVersion: apps/v1
kind: Deployment
metadata:
  name: helloworld
spec:
  selector:
    matchLabels:
      app: helloworld
  replicas: 3
  template:
    metadata:
      labels:
        app: helloworld
    spec:
      containers:
        - name: helloworld
          # enter the path to your image, be sure to include the correct region prefix
          image: <your-region>.ocir.io/<your-object-storage-namespace>/blue-green/blue-green-app:${BUILDRUN_HASH} #対象となるパスに変更
          ports:
            - containerPort: 80
---
apiVersion: v1
kind: Service
metadata:
  name: helloworld
spec:
  type: ClusterIP
  ports:
    - port: 80
      targetPort: 80
  selector:
    app: helloworld
---
# main-ingress.yaml with networking.k8s.io/v1 version
apiVersion: networking.k8s.io/v1
kind: Ingress
metadata:
  name: helloworld-ing
  annotations:
    kubernetes.io/ingress.class: "nginx"
spec:
  rules: 
    - http:
        paths:
          - path: /
            pathType: Prefix
            backend:
              service:
                name: helloworld
                port:
                  number: 80
```

ハンバーガーメニューから「開発者サービス」-「アーティファクト・レジストリ」を選択します。

![アーティファクト 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/a5ab255e-9459-d94d-4b6b-b72fb44cdb90.png)


「リポジトリの作成」ボタンをクリックします。

![アーティファクト 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/c72c4b59-0019-7501-aeaf-9c3f88227a25.png)


以下の設定を行い、「作成」ボタンをクリックします。

- 名前：artifact-repository-bg
- コンパートメント：対象となるコンパートメント
- 不変アーティファクト：チェックを外す

![アーティファクト 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/e2f0c036-4fb0-f727-7e2d-821581d035ae.png)

![アーティファクト 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/9ab63c81-c82b-c542-ebe9-7ce2873aa6a2.png)

マニフェストファイルをアップロードします。「アーティファクトのアップロード」ボタンをクリックします。

![アーティファクト 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/8011077e-df9a-e066-34b1-5280da2f2ee4.png)


以下の設定を行い、「コピー」テキストをクリックします。

- アーティファクト・パス：blue-green-app.yaml
- バージョン：1
- Uplad method：Cloud Shell

![アーティファクト 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/a2829f6f-5b7c-1718-6f82-96014163589a.png)

コピーした内容をペーストして、「./＜file-name＞」の箇所を「./blue-grenn-app.yaml」に変更してコマンドを実行します。

```
oci artifacts generic artifact upload-by-path \
>   --repository-id ocid1.artifactrepository.oc1.uk-london-1.0.amaaaaaassl65iqaj6s4wnf3k5tvtanp3impmofawxr6k6ps3bc7upjlxfla \
>   --artifact-path blue-green-app.yaml \
>   --artifact-version 1 \
>   --content-body ./blue-green-app.yaml
```
以下の結果が返ってくればアップロード完了です。
```
{
  "data": {
    "artifact-path": "blue-green-app.yaml",
    "compartment-id": "ocid1.compartment.oc1..aaaaaaaagp3t6j5zjzg3hrau4i3rtcxvl64cxbcdgpid5smp6avpnfecegqa",
    "defined-tags": {},
    "display-name": "blue-green-app.yaml:1",
    "freeform-tags": {},
    "id": "ocid1.genericartifact.oc1.uk-london-1.0.amaaaaaassl65iqakquhxcpokv7k3sfdq53hx2dxyzhtnd6vaxgrkilrzxeq",
    "lifecycle-state": "AVAILABLE",
    "repository-id": "ocid1.artifactrepository.oc1.uk-london-1.0.amaaaaaassl65iqaj6s4wnf3k5tvtanp3impmofawxr6k6ps3bc7upjlxfla",
    "sha256": "de9f5af3b99b54c0aa05a473af504644972f9cb1a0ed0c283214e4debd7a930d",
    "size-in-bytes": 1167,
    "time-created": "2023-01-26T05:32:22.234000+00:00",
    "version": "1"
  }
}
```

「閉じる」ボタンをクリックします。

![アーティファクト 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/92efd0eb-30a7-fdd5-378f-59e6cdb6897c.png)

ブラウザを更新するとアップロードしたアーティファクトがリストされます。

![アーティファクト 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/3406eecd-5114-1da3-ed73-e686d09cc32d.png)


OCI DevOpsの「blue-green」プロジェクト画面に戻って、アーティファクトに対象のOCIRとアーティファクトレジストリのリポジトリを登録します。

OCI DevOpsの左目メニューから「アーティファクト」を選択します。

![アーティファクト 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/20de7650-0427-5845-976c-8cdc59eb9dc4.png)

「アーティファクトの追加」ボタンをクリックします。

![アーティファクト 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/50d5f6a5-b8b5-489c-841c-6cab52cefb45.png)


以下の設定を行い、「追加」ボタンをクリックします。

- 名前：ocir-repogitory-bg
- タイプ：コンテナ・イメージ・リポジトリ
- コンテナ・レジストリのイメージへの完全修飾パスを入力してください：マニフェストファイルに指定したリポジトリを設定してください

![アーティファクト 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/4b5d1def-8673-3307-430a-080e6cd5acde.png)

![アーティファクト 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/689271eb-e2cf-f004-3c82-a1d6d4237cb2.png)


「アーティファクトの追加」ボタンをクリックします。

![アーティファクト 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/15f5949a-38ff-ef8b-525f-7f1544b179d0.png)

以下の設定を行い、「選択」ボタンをクリックします。

- 名前：artifact-repogitory-bg
- タイプ：Kubernetesマニフェスト

![アーティファクト 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/1af9c1e0-b1fc-7a5b-eb06-9872f1747e45.png)

以下の設定を行い、「選択」ボタンをクリックします。

- リージョン：対象となるリージョン
- コンパートメント：対象となるコンパートメント
- アーティファクト・レジストリ・リポジトリ：artifact-repository-bg

![アーティファクト 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/91d403ba-b6d8-4d97-6500-7af724c12e0f.png)

![26.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/6d52c08e-4321-12c9-ca9c-88f27948e063.png)

「アーティファクト」の「選択」ボタンをクリックします。

![アーティファクト 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/caef82de-d02c-650b-9813-74b0d4b29185.png)

「blue-green-app.yaml:v1」にチェックを入れて、「選択」ボタンをクリックします。

![アーティファクト 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/35f85027-4cfb-55f1-004c-ab5ace96c57c.png)

![アーティファクト 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/1eb2955a-1045-0baa-a7cf-eb57d16ecb6a.png)

最後に「追加」ボタンをクリックします。

![アーティファクト 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/3aa0a31b-7d81-ac41-01f5-118d51d81214.png)

登録したOCIRとアーティファクト・レジストリのリポジトリがリストされていることを確認します。

![アーティファクト 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/ce6e6c39-7eb0-3b8c-5d66-09d8cb7e3542.png)

パンくずリストから「blue-green」を選択します。

![アーティファクト 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/cf2d5df2-09a4-748e-fae0-0075be1f70df.png)

#### 5. デプロイメント・パイプライン 作成

デプロイメント・パイプラインを作成します。  
左メニューから「デプロイメント・パイプライン」を選択します。

![デプロイメント・パイプライン 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/9d084ab0-80ad-caa2-fc02-f8390f8bb1c0.png)

「パイプラインの作成」ボタンをクリックします。

![デプロイメント・パイプライン 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/e2f646bd-96ad-a382-4863-94146120f1fb.png)

以下の設定を行い、「パイプラインの作成」ボタンをクリックします。

- パイプライン名：deploy-to-oke

![デプロイメント・パイプライン 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/5607d057-abaa-2f0a-8ce0-388ed9070389.png)

![デプロイメント・パイプライン 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/7cf6f4b2-a48b-8dd2-f97d-aa85bfe8e12f.png)

「ステージの追加」ボタンをクリックします。

![デプロイメント・パイプライン 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/949b828a-7a69-9e60-36c8-b4b430e93692.png)

「ブルー/グリーン戦略」を選択して、「次」ボタンをクリックします。

![デプロイメント・パイプライン 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/f1f61b8d-8967-a562-1e2d-100a42449bb3.png)

![デプロイメント・パイプライン 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/e5bcf4d6-f151-8964-34b4-b291db379fc6.png)


以下の設定を行い、「アーティファクトの選択」ボタンをクリックします。

- デプロイメント・タイプ：OKE
- ステージ名：deploy-strategy-bg
- 環境：blue-green-cluster
- ネームスペースA：blue
- ネームスペースB：green
- NGINXイングレス名：helloworld-ing

![デプロイメント・パイプライン 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/c169a05d-fe90-8b32-d3e8-d57eaa4570dc.png)


「artifact-repository-bg」を選択して、「変更の保存」ボタンをクリックします。

![デプロイメント・パイプライン 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/295947a6-5bfc-1c18-6150-b041f45f8372.png)

![デプロイメント・パイプライン 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/6feb42af-e522-6abf-4bc9-0594a5c16872.png)

「次」ボタンをクリックします。

![デプロイメント・パイプライン 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/1913744c-90bc-5177-e4ac-40e0229bd44c.png)

以下の設定を行い、「追加」ボタンをクリックします。

- 承認制御：有効
- ステージ名：confirm

![デプロイメント・パイプライン 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/b2e095fe-2bc9-ae98-852e-5563ec31d5ad.png)

![デプロイメント・パイプライン 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/c100f121-ec6f-7763-c79d-43c457e58ea9.png)

完了と表示されることを確認して、「閉じる」ボタンをクリックします。

![デプロイメント・パイプライン 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/4261a61f-366e-3b6a-d8fe-c0285e06a290.png)

![デプロイメント・パイプライン 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/e0881e03-c62c-1320-3e1a-628cadc5676d.png)

パンくずリストから「blue-green」を選択します。

![デプロイメント・パイプライン 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/f336ca25-dcf5-855f-6029-f3874b7ac6c2.png)

#### 6. ビルド・パイプライン 作成

ビルド・パイプラインを作成します。  
左メニューから「ビルド・パイプライン」を選択します。

![ビルド・パイプライン 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/a92222e5-dd7a-4196-774f-438e2a588436.png)

「ビルド・パイプラインの作成」ボタンをクリックします。

![ビルド・パイプライン 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/4f6a15cb-c264-6c28-d3a8-2b8213aed213.png)

以下の設定を行い、「作成」ボタンをクリックします。

- 名前：image-build-ship

![ビルド・パイプライン 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/f06f71b2-31c8-016c-4f17-62bee68af1d9.png)

![ビルド・パイプライン 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/3a578572-270c-6697-8b90-3810636ce288.png)

「ステージの追加」ボタンをクリックします。

![ビルド・パイプライン 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/ffa4de20-f936-9e61-8819-751311a10fc4.png)

「マネージド・ビルド」を選択して、「次」ボタンをクリックします。

![ビルド・パイプライン 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/2e519002-c459-3130-7fff-fea7cef7b7d4.png)

![ビルド・パイプライン 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/be36b6cb-4c5a-f886-7d7f-786a68e9e230.png)

以下の設定を行い、「選択」ボタンをクリックします。

- ステージ名：container-image-build
- ビルド仕様ファイル・パス：build_spec.yaml

![ビルド・パイプライン 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/1ca33b4c-0357-4298-79b0-e5187b341cb8.png)

以下の設定を行い、「選択」ボタンをクリックします。

- ソース：接続タイプ：OCIコード・リポジトリ
- strategy-blue-grenn にチェックを入れる
- ブランチの選択：main

![ビルド・パイプライン 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/e18f3d31-886a-8dab-2a1d-4d3225cd7792.png)

![ビルド・パイプライン 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/a27147fb-4583-563d-4cbb-4e8ee3b39350.png)

「追加」ボタンをクリックします。

![ビルド・パイプライン 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/8f673332-f594-39dc-a571-446397f87565.png)

「+」をクリックして、「ステージの追加」を選択します。

![ビルド・パイプライン 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/c63732a2-0e3f-94bd-16bd-5585e50c4dc2.png)

「アーティファクトの配信」を選択して、「次」ボタンをクリックします。

![ビルド・パイプライン 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/e948c615-2231-f834-1ec6-0841ad18693e.png)

![ビルド・パイプライン 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/4f116e70-2e13-b5cb-3c9f-d828d58d21a9.png)

以下の設定を行い、「アーティファクトの選択」ボタンをクリックします。

- ステージ名：container-image-ship

![ビルド・パイプライン 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/b0afb92a-2c7b-052c-67d3-e37b114df57a.png)

「ocir-repository-bg」にチェックを入れて、「追加」ボタンをクリックします。

![ビルド・パイプライン 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/4b724722-562c-98b8-4e77-50d019e36d3f.png)

![ビルド・パイプライン 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/cddbbc1f-4c63-f8b7-ef62-a5b8924be43b.png)

「ビルド構成/結果アーティファクト名」に「bg_image」と設定を行い、「追加」ボタンをクリックします。

![ビルド・パイプライン 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/e64181a6-a1bc-bc77-1435-78bc2d4ffeae.png)

![ビルド・パイプライン 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/9744e080-529d-7a67-049d-f6942808684e.png)

「+」をクリックして、「ステージの追加」を選択します。

![ビルド・パイプライン 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/767d9989-eecf-1dd5-32a3-a9d88de872e1.png)

「デプロイメントのトリガー」を選択して、「次」ボタンをクリックします。

![ビルド・パイプライン 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/eb2687c3-b3bd-8e6a-0af7-ec77c8a82af3.png)

![ビルド・パイプライン 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/149fc679-8d63-0267-d121-05acbf63be1b.png)

以下の設定を行い、「デプロイメント・パイプラインの選択」ボタンをクリックします。

- ステージ名：connect-to-deployment-pipeline

![ビルド・パイプライン 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/47679ca8-8e85-8b4b-6a8f-87fdccd4cabb.png)

「deploy-to-oke」にチェックを入れて、「変更の保存」ボタンをクリックします。

![ビルド・パイプライン 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/555ba028-3d07-88e8-5ec6-08ae98aff9a9.png)

![ビルド・パイプライン 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/082ccd2d-cfa4-5be7-ba29-73928738547d.png)

最後に「追加」ボタンをクリックします。

![ビルド・パイプライン 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/a4a39259-03c2-f181-a544-a5fd4a5b1b5a.png)

パンくずリストから「blue-green」を選択します。

![ビルド・パイプライン 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/c6c597bb-2043-c77f-6497-7c866b3cdfaf.png)

#### 7. トリガー 作成

ソースコード更新後のプッシュをトリガーにBlue-Greenデプロイを実行する設定を行います。  
左メニューから「トリガー」を選択します。

![トリガー 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/0fbd0a95-a87f-703b-31b3-1f2598bfc801.png)

「トリガーの作成」ボタンをクリックします。

![トリガー 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/9172233c-84c3-2a6d-325e-b210adee269a.png)

以下の設定を行い、「選択」ボタンをクリックします。

- 名前：deploy-strategy-bg
- ソース接続：OCIコード・リポジトリ

![トリガー 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/1fc6531b-c1ab-27dd-9650-a64de19c56b7.png)

「strategy-blue-grenn」にチェックを入れて、「変更の保存」ボタンをクリックします。

![トリガー 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/070aa554-03ea-6376-cf73-f1a94b774465.png)

![トリガー 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/70ae9b2e-1653-d74b-266c-6e59d8686d8c.png)

「アクションの追加」ボタンをクリックします。

![トリガー 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/12cc937b-b44a-a96a-bc11-5fcfc68533bd.png)

「プッシュ」にチェックを入れて、「選択」ボタンをクリックします。

![トリガー 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/f2846861-8312-4cb8-611c-055a7a6444df.png)

「image-build-ship」にチェックを入れて、「選択」ボタンをクリックします。

![トリガー 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/c2dcf9b7-2a46-61dd-5812-804eeeaa7fdd.png)

![トリガー 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/6b61dde7-a348-4aca-5392-bc2f71dbc2d3.png)

「アクションの追加」ボタンをクリックします。

![トリガー 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/31756027-d6fb-b5f2-1d16-251059693f34.png)

最後に、「作成」ボタンをクリックします。

![トリガー 作成](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/4eba2e3d-a0fa-adbf-23b3-55a8dc701b8c.png)

以上で完了です。

### ブルー/グリーンデプロイ 実行

実際にブルー/グリーンデプロイを実行するために、ソースコードを変更します。

```
cd strategy-blue-green
```

表示されるテキストの「Hello, Blue deploy !!」を「Hello, Blue deploy first!!」に変更します。

```
vim content.html
```
```
<!DOCTYPE html>
<html lang="ja">
<head>

<meta charset="UTF-8">

<title>Blue-Green</title>

</head>
<body>

<h1>Hello, Blue deploy !!</h1> #「Blue deploy first!!」に変更

</body>
</html>
```

コード・リポジトリにプッシュします。

```
git add -A .
```
```
git commit -m "first commit"
```
```
[main 03ffea8] first commit
 5 files changed, 785 insertions(+)
 create mode 100644 Dockerfile
 create mode 100644 blue-green-app.yaml
 create mode 100644 build_spec.yaml
 create mode 100644 content.html
 create mode 100644 ingress-controller.yaml
```
```
git branch -M main
```
```
git push -u origin main
```
```
Enumerating objects: 8, done.
Counting objects: 100% (8/8), done.
Delta compression using up to 2 threads
Compressing objects: 100% (7/7), done.
Writing objects: 100% (7/7), 3.79 KiB | 1.89 MiB/s, done.
Total 7 (delta 0), reused 0 (delta 0), pack-reused 0
To https://devops.scmservice.uk-london-1.oci.oraclecloud.com/namespaces/orasejapan/projects/blue-green/repositories/strategy-blue-green
   aca6740..03ffea8  main -> main
Branch 'main' set up to track remote branch 'main' from 'origin'.
```

プッシュ処理をトリガーにビルド・パイプラインが実行されます。  
ビルド・パイプラインの成功後、デプロイメント・パイプラインが実行されます。

![ブルー/グリーンデプロイ 実行](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/5f0c591b-2a68-cca7-1a17-f8eec46c7117.png)

デプロイメント・パイプラインでは、承認処理をする必要があります。  
ハンバーガーメニューをクリックして、「承認」を選択します。

![ブルー/グリーンデプロイ 実行](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/9603e822-4893-c951-333e-d07561acf725.png)

「OK」と入力して、「承認」ボタンをクリックします。

![ブルー/グリーンデプロイ 実行](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/a3cddb20-1708-f8b5-a8ae-bd06c31cfb84.png)

デプロイメント・パイプラインが成功したことを確認します。

![ブルー/グリーンデプロイ 実行](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/e458b612-379c-7a4c-34d7-04813e0df052.png)

Kubernetesクラスタのblue namespaceにデプロイされていることを確認します。

```
kubectl get pods -n blue
```
```
NAME                          READY   STATUS    RESTARTS   AGE
helloworld-5d66bf56f4-b69sz   1/1     Running   0          13m
helloworld-5d66bf56f4-hvvnk   1/1     Running   0          13m
helloworld-5d66bf56f4-pdfbb   1/1     Running   0          13m
```

Ingressに割り当てられたEXTERNAL-IPを確認します。

```
kubectl get ingress -n blue
```
```
NAME             CLASS    HOSTS   ADDRESS           PORTS   AGE
helloworld-ing   <none>   *       132.xxx.xxx.xxx   80      14m
```

ブラウザからアクセスします。

```
http://132.xxx.xxx.xxx/content.html
```

![ブルー/グリーンデプロイ 実行](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/84eabe8f-2f20-b03b-a8a7-d746bbbc0ee9.png)

再度デプロイを実行して、green namespaceにデプロイされることを確認します。  
ソースコードを変更します。

```
vim content.html
```
```
<!DOCTYPE html>
<html lang="ja">
<head>

<meta charset="UTF-8">

<title>Blue-Green</title>

</head>
<body>

<h1>Hello, Green deploy first!!</h1> #「Green deploy first!!」に変更

</body>
</html>
```

コード・リポジトリにプッシュします。

```
git add -A .
```
```
git commit -m "second commit"
```
```
[main db77643] second commit
 1 file changed, 1 insertion(+), 1 deletion(-)
```
```
git branch -M main
```
```
git push -u origin main
```
```
Enumerating objects: 5, done.
Counting objects: 100% (5/5), done.
Delta compression using up to 2 threads
Compressing objects: 100% (3/3), done.
Writing objects: 100% (3/3), 292 bytes | 292.00 KiB/s, done.
Total 3 (delta 2), reused 0 (delta 0), pack-reused 0
remote: Resolving deltas: 100% (2/2)
To https://devops.scmservice.uk-london-1.oci.oraclecloud.com/namespaces/orasejapan/projects/blue-green/repositories/strategy-blue-green
   5f6b809..db77643  main -> main
Branch 'main' set up to track remote branch 'main' from 'origin'.
```

このプッシュ処理をトリガーに、ビルド・パイプライン、デプロイメント・パイプラインが実行されて、デプロイされます。デプロイメント・パイプラインでは一回目と同様に承認処理を手動で実行します。

```
kubectl get pods -n green
```
```
NAME                          READY   STATUS    RESTARTS   AGE
helloworld-7cd5f9b688-g4sln   1/1     Running   0          5m24s
helloworld-7cd5f9b688-mphp7   1/1     Running   0          5m24s
helloworld-7cd5f9b688-xwfhv   1/1     Running   0          5m24s
```

Ingressに割り当てられたEXTERNAL-IPを確認します。  
※ngress Controllerによりblue namespaceと同じEXTERNAL-IPとなります。

```
kubectl get ingress -n green
```
```
NAME             CLASS    HOSTS   ADDRESS           PORTS   AGE
helloworld-ing   <none>   *       132.xxx.xxx.xxx   80      14m
```

ブラウザからアクセスします。

```
http://132.xxx.xxx.xxx/content.html
```

![ブルー/グリーンデプロイ 実行](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/61606/1e1739a9-437d-1aa7-21fb-48217fa11caf.png)

以上で完了です。