GitHub Actions よくわからず間違った使い方をしていた

# 背景
GitHubにプッシュをした際、きちんと整形されているかどうか、実行エラーが出ないかなどの簡単な自動テストをしようと思った。その際、GitHub ActionsとECSが連携していることを知り、ECSでテスト実行しようと思った。しかし動作確認をしているうち、

**GitHub側でエラーが出ていないのに、なぜタスクが実行されないのか**
（後ほど書くが、サービスのタスクの数を0に設定していたから）

という問題にぶつかった。朝早くから何度も設定を見直して動作確認を繰り返したり、夜遅くまでうまくいかない原因を必死にググっていた。

そして昨日、ついにGitHub ActionsとECSの連携はWebアプリケーションを手軽にデプロイするサービスであることを知った。というか先輩から教えてもらった。その先輩はこのサービスを使ったことがないのにも関わらず、プッシュ時の自動テスト用ではないことを瞬時に見抜いた。そのときの自分はすごく無様だった・・・。せっかくいろいろ調べたしそのうち使うかもしれないので記事にしておく。

# Webサイトのデプロイ

## 1. リポジトリを作成する


GitHubに新しいリポジトリを作成する。

## 2. DockerFileを作成する

デプロイ用のDockerfileを作成する。公式ドキュメントにあるDockerfileを用いる。

https://docs.aws.amazon.com/ja_jp/AmazonECS/latest/developerguide/docker-basics.html

```Dockerfile
FROM ubuntu:18.04

COPY ./index.html /var/www/html/
COPY ./run_apache.sh /root/

RUN apt-get update && \
    apt-get -y install apache2 && \
    chmod 755 /root/run_apache.sh

EXPOSE 80

CMD ["sh", "/root/run_apache.sh"]
```

以下のrun_apache.shとindex.htmlもDockerfileと同じ階層に入れておく。

```run_apache.sh
. /etc/apache2/envvars
mkdir -p /var/run/apache2
mkdir -p /var/lock/apache2
/usr/sbin/apache2 -D FOREGROUND
```

```index.html
<h1>Hello World!</h1>
```

以下の画像は現在のリポジトリの状態

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/621414/d4204752-63e4-d3ae-24fe-871f48809ea3.png)


## 3. GitHub Actions

１．Actionsを選択

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/621414/8f1f4bd5-6ea6-0cf0-42ec-7a1b0e994fc5.png)

２．Deploy to Amazon ECSを選択

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/621414/8fe5c1c8-a9b3-92e8-65f9-9c4a0f718169.png)

３．start commit を選択し、Commit new fileを選択

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/621414/232a277e-529c-2fd6-8966-f4b221313f74.png)

現在のリポジトリの状態

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/621414/1438a9f1-42d1-15a2-de51-343b6d5fb40d.png)

## 4. ECRにリポジトリを作成する

こちらの記事を参考にリポジトリを作成する。

https://qiita.com/yuta-38/items/5069bfbf249e6dee15fe

## 5. クラスター、タスク定義、サービスを作成する

### クラスター、タスク定義の作成

こちらの記事を参考に作成する。

https://docs.aws.amazon.com/ja_jp/AmazonECS/latest/developerguide/create_cluster.html

https://docs.aws.amazon.com/ja_jp/AmazonECS/latest/developerguide/create-task-definition.html

### サービスの作成

１．作成したタスク定義、クラスターを選択し、任意のサービス名を入力

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/621414/07eaf1d2-4c02-5759-3ef8-010fc3d9ab79.png)

２．タスクの数を入力。これは常時いくつのタスクを実行状態に保つか、という値。1にすれば常時1つのタスクを実行状態にしてくれる。ただ、タスクの実行が終了すれば、そのタスクは停止する。その後、タスクの数1を保とうとして自動でタスクが実行される。

**この値を0にしていると、GitHub Actionsでデプロイしてもタスクが実行されない**

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/621414/cfe76145-4fc7-306e-5d46-983d63f63edc.png)

３．スケーリング

これはサービス作成後に修正するが、今はデフォルト。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/621414/f9d444d2-173c-c6fb-a04d-0745f6bb15c6.png)

４．サービス更新

4-1. 先ほど作成したサービスを選択し更新を選択する

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/621414/1552b549-8c27-b4d1-5902-44d5c506ccc5.png)

4-2. 「サービスの必要数を調整する」を選択する

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/621414/d69093fe-40d7-e7b4-7c11-ecac06324acf.png)


4-3. タスクの最大数を1にすることで、実行状態にあるタスクは高々1つになる。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/621414/42e7f075-b18a-cb3d-ef49-58f4b93fb84d.png)

こうしている間にもタスクがどんどん起動されている。リポジトリを作成しただけでイメージは格納されていないのでエラー終了している。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/621414/9f6434cf-04e5-44a1-7520-9c896f043dd4.png)

## 6. task-definition.json の作成

以下のようにJSON形式でタスク定義を見ることができる。これをコピペすればよいが、不要なキーが多くある。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/621414/104d6768-9fa9-6de4-c2dd-09f6ef7cc885.png)

以下のように必要なキーだけを記述する。

```task-definition.json
{
  "executionRoleArn": "arn:aws:iam::012345678912:role/ecsTaskExecutionRole",
  "containerDefinitions": [
    {
      "logConfiguration": {
        "logDriver": "awslogs",
        "options": {
          "awslogs-group": "/ecs/git-task",
          "awslogs-region": "ap-northeast-1",
          "awslogs-stream-prefix": "ecs"
        }
      },
      "image": "image:latest",
      "essential": true,
      "name": "container"
    }
  ],
  "memory": "512",
  "family": "git-task",
  "requiresCompatibilities": [
    "FARGATE"
  ],
  "networkMode": "awsvpc",
  "cpu": "256"
}
```

## 7. アクセスキーID・シークレットアクセスキーの登録

こちらに作成方法が書いてある。AWS_ACCESS_KEY_ID 、AWS_SECRET_ACCESS_KEY を登録する。

https://docs.github.com/ja/actions/reference/encrypted-secrets

デバッグを行うために次の2つのシークレットを作成しておく。ACTIONS_RUNNER_DEBUG、ACTIONS_STEP_DEBUG の値をtrueで登録する。参考記事はこちら。

https://docs.github.com/ja/actions/managing-workflow-runs/enabling-debug-logging

**Settings → Secrets → Name, Valueを入力**
という流れ。Valueに認証情報を貼り付ける。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/621414/934e1944-ae9b-9b0a-6377-0a2c6ea77cd4.png)


## 8. GitHub Actions aws.yml の編集
以下5つのキーを書き換える。

`aws-region: ap-northeast-1`
`ECR_REPOSITORY: my-repo`
`container-name: container`
`service: git-service`
`cluster: git-test`

後はpush時にデプロイできるように以下の部分を修正する。

修正前

```
on:
  release:
    types: [created]
```

修正後

```
on:
  push:
    branches: [main]
```

↑ mainにはどのブランチをデプロイするか適宜修正する。
これをpushすれば、早速デプロイが始まる。成功すれば以下のように緑のチェックが表示される。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/621414/32dd10d8-6d36-d665-abce-860880f4e980.png)

タスクのパブリックIPに80ポートでアクセスし、デプロイを確認する。（セキュリティグループのインバウンドルールに、自分のIPアドレスを登録する）

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/621414/bb2c8338-0fbf-a7cb-ee2a-59580a8f6ed8.png)


# 参考記事

https://github.co.jp/features/actions

https://github.com/aws-actions

https://docs.github.com/ja/actions/reference/encrypted-secrets

https://docs.github.com/ja/actions/managing-workflow-runs/enabling-debug-logging

https://docs.aws.amazon.com/ja_jp/AmazonECS/latest/developerguide/docker-basics.html

https://qiita.com/yuta-38/items/5069bfbf249e6dee15fe

https://qiita.com/momotaro98/items/a0791969172ac94cfe47

https://dev.classmethod.jp/articles/github-actions-fargate-deploy/