LaravelのCI/CD、AWS CodeBuildでユニットテストして AWS ECSにデプロイしてみる

# 概要
Laravel プロジェクトを GitLabにプッシュと同時に、Laravelのログイン機構（Laravel Breeze）を AWS CodeBuildでユニットテストします。
ユニットテスト成功後、AWS ECSに自動でデプロイします。

なお、記事全体を通して、プロジェクトやアプリ名、その他AWSリソースのプレフィックスを「myapp」に統一していますので、本記事を参考にされるかたは myapp を読み替えて参考にしてみてください。

# 開発環境
OS
- Windows11上のWSL2で動作するUbuntu

以下がインストールされている事
- PHP（v8.2以上）

# 前提
- ドメインの取得と、Route53でホストゾーンを作っておくこと
- ACMで取得したドメインのパブリック証明書をリクエストしておくこと


# 目次
1章. [Laravelのインストール](#1章-laravelのインストール)
2章. [Unitテスト（ローカル実行編）](#2章-unitテストローカル実行編)
3章. [AWSリソースの用意-前編（DEV環境のみ）](#3章-awsリソースの用意-前編dev環境のみ)
4章. [GitLabの設定](#4章-gitlabの設定)
5章. [Docker関連ファイルの設定](#5章-docker関連ファイルの設定)
6章. [AWSリソースの用意-後編（DEV環境のみ）](#6章-awsリソースの用意-後編dev環境のみ)

# 1章. Laravelのインストール
## Laravelプロジェクト「myapp」の作成
任意のディレクトリで以下コマンドを実行する。
```shell
$ composer create-project --prefer-dist laravel/laravel myapp
```

## 開発/STG/本番環境でのHTTPS強制
後ほどECSにデプロイして画面確認するとき用に、開発/STG/本番環境の場合にはHTTPSを強制するようにします。
```php:app/Providers/AppServiceProvider.php
　　：
    public function boot(): void
    {
        if (app()->environment('develop') || app()->environment('staging') || app()->environment('production')) {
            URL::forceScheme('https');
        }
    }
    ：
```

## Laravel Sailのインストール
```shell
$ cd myapp
$ composer require laravel/sail --dev
$ php artisan sail:install   # 以下画面が表示されるので、必要なサービスをSpaceキーで選択してEnter
 ┌ Which services would you like to install? ───────────────────┐
 │ › ◻ mysql                                                  ┃ │
 │   ◻ pgsql                                                  │ │
 │   ◻ mariadb                                                │ │
 │   ◻ mongodb                                                │ │
 │   ◻ redis                                                  │ │
 └────────────────────────────────────────────────── 0 selected ┘
  ※mysql, redis を選択しておく
```

## Laravel Sailの起動
Sail は docker-compose を利用して、必要なコンテナを起動します。
```shell
$ ./vendor/bin/sail up -d
```

## Dockerコンテナの起動確認
以下3つのプロセスが起動していること
```shell
$ docker ps
CONTAINER ID   IMAGE                    COMMAND                  CREATED              STATUS                        PORTS                                                                                            NAMES
f79af7ce5a24   sail-8.4/app             "start-container"        About a minute ago   Up 5 seconds                  0.0.0.0:80->80/tcp, :::80->80/tcp, 0.0.0.0:5173->5173/tcp, :::5173->5173/tcp                     myapp-laravel.test-1
91591fd6fb81   redis:alpine             "docker-entrypoint.s…"   About a minute ago   Up About a minute (healthy)   0.0.0.0:6379->6379/tcp, :::6379->6379/tcp                                                        myapp-redis-1
7c0d080a8fe0   mysql/mysql-server:8.0   "/entrypoint.sh mysq…"   About a minute ago   Up About a minute (healthy)   0.0.0.0:3306->3306/tcp, :::3306->3306/tcp, 33060-33061/tcp                                       myapp-mysql-1
```

## DBにテーブル作成
```shell
$ ./vendor/bin/sail artisan migrate
```

## ブラウザで確認してみる
http://localhost/ (Laravelトップ)

## DBに接続してみる
```shell
$ ./vendor/bin/sail mysql
```

## Tinker（対話型シェル）を試してみる
```shell
$ ./vendor/bin/sail artisan tinker
```

## ログイン機能実装の為に、Breeze のインストール
Breeze は laravel/ui より新しく、Jetstream よりは設定が簡単です
```shell
$ composer require laravel/breeze --dev
```

## Breeze をセットアップ
```shell
$ php artisan breeze:install

 ┌ Which Breeze stack would you like to install? ───────────────┐
 │ › ● Blade with Alpine                                        │
 │   ○ Livewire (Volt Class API) with Alpine                    │
 │   ○ Livewire (Volt Functional API) with Alpine               │
 │   ○ React with Inertia                                       │
 │   ○ Vue with Inertia                                         │
 │   ○ API only                                                 │
 └──────────────────────────────────────────────────────────────┘
 ※Blade with Alpineを選択してEnter
```
```shell
 ┌ Would you like dark mode support? ───────────────────────────┐
 │ ○ Yes / ● No                                                 │
 └──────────────────────────────────────────────────────────────┘
 ※Noを選択してEnter
```
```shell
 ┌ Which testing framework do you prefer? ──────────────────────┐
 │   ○ Pest                                                     │
 │ › ● PHPUnit                                                  │
 └──────────────────────────────────────────────────────────────┘
 ※PHPUnitを選択してEnter
```

## Breeze には Tailwind CSS などのフロントエンドパッケージが必要なのでインストール
```shell
$ npm install && npm run build
```

## ログインボタン、登録ボタンが表示されることを、ブラウザで確認
http://localhost/ (Laravelトップ)


## 参考コマンド
### Laravel Sailの停止
```shell
$ ./vendor/bin/sail down
```
### すべてのコンテナ・ネットワーク・ボリュームを削除する場合
```shell
$ ./vendor/bin/sail down --volumes
```

# 2章. Unitテスト（ローカル実行編）

## .env.testing を作成
高速化の為、DBはインメモリを利用します
```shell
$ cp .env .env.testing
```
```diff_shell:.env.testing
　：
+ DB_CONNECTION=sqlite  # SQLiteに変更
  DB_HOST=mysql
  DB_PORT=3306
+ DB_DATABASE=:memory:  # メモリに変更
  DB_USERNAME=sail
  DB_PASSWORD=password
　：
```

## phpunit.xmlを修正
```diff_shell:phpunit.xml
　　　　　：
        <env name="CACHE_STORE" value="array"/>
+       <env name="DB_CONNECTION" value="sqlite"/>  この行を追加
+       <env name="DB_DATABASE" value=":memory:"/>  この行を変更
        <env name="MAIL_MAILER" value="array"/>
　　　　　：
```

## サンプルで用意されているログイン機構（Breeze）のUnitテストを実行
```shell
$ ./vendor/bin/phpunit
PHPUnit 11.5.15 by Sebastian Bergmann and contributors.

Runtime:       PHP 8.2.27
Configuration: /xxxxx/myapp/phpunit.xml

.........................                                         25 / 25 (100%)

Time: 00:00.772, Memory: 44.50 MB

OK (25 tests, 61 assertions)
```

※E: Unable to locate package php82-php-sqlite3 エラーが出た場合は、以下コマンドを実行してください
```shell
$ add-apt-repository ppa:ondrej/php # ondrej/phpリポジトリを追加（このリポジトリは、PHPの最新バージョンや拡張モジュールを提供）
$ apt update
$ apt install php8.2-sqlite3        # SQLiteをインストール
```

## GitLabにプッシュしておく
Unitテストが正常に終了できたら、一旦GitLabにプッシュしておく。
また、develop ブランチを作成して、同様にプッシュしておく。
以降は develop ブランチを使用していきます。

# 3章. AWSリソースの用意-前編（DEV環境のみ）
## システム構成図
以下のようなリソースを用意します。
また、説明が複雑にならないよう、今回はDEV（開発用）環境のみ用意します。
![system.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/c4b08b24-a9d1-4d64-9ee7-5253fc9899e9.png)

## デプロイの流れ
これから説明する設定をすることで、下図のような流れで自動デプロイをすることができます。

下図はDEV環境用のフローですが、一部Lambda関数などは本番/STG/HFX(ホットフィックス)用にも利用できるよう汎用的な作りにしています。
![deploy.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/0465e355-e95b-44fd-b2c8-9bf28280e0c3.png)

## VPCの作成
AWSコンソールからVPCを作成します。
※DNS解決を有効化、DNSホスト名を有効化の両方にチェックをいれてください。

![vpc1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/c06c1e63-23ab-4cf2-8b62-c79605733fbf.png)

## サブネットの作成
AWSコンソールからサブネットを作成します。
![subnet1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/e84e5436-f81e-48a4-8bff-d01c210c8eaa.png)


上記サブネット「myapp-subnet-private-1a」を作成したら、同様に以下のサブネットも追加で作成します。

| サブネット名 | アベイラビリティ―ゾーン | IPv4 VPC CIDR ブロック | IPv4 サブネット CIDR ブロック |
| ---- | ---- | ---- | ---- |
| myapp-subnet-private-1c | ap-northeast-1c | 10.0.0.0/16 | 10.0.2.0/24 | 
| myapp-subnet-public-1a | ap-northeast-1a | 10.0.0.0/16 | 10.0.3.0/24 | 
| myapp-subnet-public-1c | ap-northeast-1c | 10.0.0.0/16 | 10.0.4.0/24 | 

## インターネットゲートウェイの作成
AWSコンソールからインターネットゲートウェイを作成します。
![igw1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/e963d485-5375-4110-99c4-71a2b151206a.png)

作成したインターネットゲートウェイの右上にある「アクション」メニューから「VPCにアタッチ」を選び、「myapp-vpc」にアタッチします。

![igw2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/c8c1ffe8-6444-44d3-a6f2-7cd99c347824.png)

## パブリック用のルートテーブルの作成
AWSコンソールからパブリック用のルートテーブルを作成します。
![rtb-public1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/a1acb0a8-460f-4f3a-bffa-22d21e31fc94.png)

パブリック用のルートテーブル作成後、パブリックルートテーブル画面右上の「アクション」メニューの中から「サブネットの関連付けを編集」をクリック。
![rtb-public3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/50a6b239-03db-496e-93d8-db569cf3e0be.png)

「サブネットの関連付けを編集」画面で、publicサブネットをチェックして「関連付けを保存」をクリック。
![rtb-public4.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/a4f04b36-6fd6-4ae4-928f-3cc78c9841e9.png)

再びパブリックルートテーブル画面に遷移し、画面右下の「ルートを編集」をクリック。
![rtb-public5.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/84dd7a7c-2396-4cab-b166-044b07bed15e.png)

「ルート編集」画面から、上記で作成したインターネットゲートウェイを設定します。
![rtb-public6.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/b0ada2df-fac7-4f6d-af33-e325ef890545.png)

## プライベート用のルートテーブルの作成
AWSコンソールからプライベート用のルートテーブルを作成します。
![rtb-private1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/a4e54494-d9c4-4a6a-827f-67980dd2e4ca.png)

パブリック用ルートテーブル同様に、画面右上の「アクション」メニューから「サブネットの関連付けを編集」をクリック。
![rtb-private2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/7711ee6a-d2dd-4951-85a8-8b13cc7873db.png)

「サブネットの関連付けを編集」画面で、privateサブネットをチェックして「関連付けを保存」をクリック。
![rtb-private3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/fb9e7133-97f3-4ff4-a8f2-30649fe09f6c.png)

## セキュリティグループの作成
VPCのセキュリティグループを作ります。
![sg1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/69d83e7b-3f7e-4456-a2fb-a118d6082893.png)

ALBのセキュリティグループを作ります。
![sg2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/e369e1e3-a90b-48b7-9962-8f625a914001.png)

## ターゲットグループの作成
AWSコンソールからALBのターゲットグループを作成します。
![tg1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/911a5421-e0cc-46e2-b866-b73b3fffb54f.png)
![tg2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/652fda99-1619-4284-950f-2e8402cd7f28.png)

## ALBの作成
AWSコンソールからALBを作成します。
![alb1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/b7e8a20c-b287-40e0-8faa-af612180785e.png)

証明書（ACMから）には事前にリクエストしておいた証明書を選択してください。
![alb2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/fd285a52-3ab8-4c5a-b64c-2d213ac59bf4.png)
![alb3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/141ca720-880e-4f8a-859d-ac421748c64f.png)
![alb4.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/91435886-1de3-4ed9-8fdd-95928da0dfca.png)
![alb5.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/19aef01b-ee15-42d5-b35e-d116236efd6d.png)
![alb6.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/e5393fa7-41f6-446c-85c3-0160c09e7638.png)

## Route53でレコードを作成
AWSコンソールからレコードを作成します。
ドメインは既に取得済のものを指定してください。
![route53.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/0d51ba43-cf4e-4cd9-bcbe-cad34b736b08.png)

## VPCエンドポイントの作成
AWSコンソールからVPCエンドポイントを作成します。
これにより、S3、ECR へのアクセスがインターネットを通らずにAWS内のみになります。

### S3へのVPCエンドポイント設定
ルートテーブルには private を選択してください。

![vpce-s3_1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/71cf8034-cf1b-4622-9a87-39eb867a5d7e.png)
![vpce-s3_2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/35c4c1de-47ae-46c6-8599-b0b459ce3c8e.png)

### ECRへのVPCエンドポイント設定１
サブネットには private を選択してください。

![vpce-dkr_1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/110eb244-0e35-4ec4-b281-902754913e08.png)
![vpce-dkr_2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/ac49b8cb-ca88-4be2-843c-77b359a0b750.png)
![vpce-dkr_3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/0acdde55-c731-4c90-a5d5-ac7aba3708e6.png)

### ECRへのVPCエンドポイント設定２
サブネットには private を選択してください。

![vpce-ecr_1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/9e6e10d2-5e15-470d-9eb9-e85be90c15c4.png)
![vpce-ecr_2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/a2e35665-cd4e-4257-986a-0536270a3d8c.png)
![vpce-ecr_3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/b8fdfbf8-d57e-4adc-abf1-de6c73e597bd.png)

### ECRへのVPCエンドポイント設定３
サブネットには private を選択してください。

![vpce-log_1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/910ecf87-7f68-4985-b334-5e48167d96e9.png)
![vpce-log_2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/bf8ebe9e-7922-4ced-bab8-2586470c00e5.png)
![vpce-log_3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/9d06cdd6-2eb5-48ca-9555-1385ed52f7ab.png)


## S3バケットの作成
### zipファイルアップロード用のS3バケットを作成

S3バケット「myapp-<ユニークな値>-git」を作成します。
その際、バージョニングは「有効にする」を選択してください。

![s3_git_1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/caa83c74-c861-4081-8a0c-c29667383c9c.png)
![s3_git_2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/33931180-07b7-4516-91c1-f6a57b0b20a3.png)


### 環境設定ファイル（.env）格納用のS3バケットを作成

S3バケット「myapp-<ユニークな値>-config」を作成します。
その他はデフォルト設定のままとする。

![s3_config_1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/f413a049-3bbc-4e5a-bbed-ba7d4931d17a.png)


### CodePipelineのアーティファクト格納用のS3を作成

S3バケット「myapp-<ユニークな値>-artifact」を作成します。
その他はデフォルト設定のままとする。

![s3_artifact_1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/f83f5e79-1344-43fe-895f-a50fb1f94aac.png)


### S3バケットのライフサイクルルールについて
特にアーティファクト等は、デプロイする度にデータが増えていきます。
不要なデータを定期的に削除したい場合には、以下の手順で「ライフサイクルルール」を設定して、古いファイルは削除してください。

バケットの「管理」タブをクリック
![lifecycle.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/df7bcc0b-bcbd-47e2-b084-796874b3e83f.png)

「ライフサイクルルールを作成する」をクリック
![lifecycle2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/35e335f6-1e3a-4f0d-ab35-2122f5b788d5.png)

以下の設定をする（７日でバケットのオブジェクトが削除される例）
![lifecycle3a.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/43df39f9-817c-4938-b315-a49905201936.png)
![lifecycle3b.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/1e21c999-4b79-4946-bdf8-9cddf328d929.png)


## Lambdaに必要なIAMロールの作成
AWSコンソールから、Lambdaに必要なIAMロールを作成します。

ユースケースに「Lambda」を選択して次へ。
![iam1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/4c59cfd4-87fb-412f-a0ef-4b14d285da73.png)

許可ポリシーから「AmazonS3FullAccess」検索して選択。
![iam2a.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/1845be3c-3508-4de5-a188-4cbb91ba1e67.png)

同じく許可ポリシーから「AWSLambdaBasicExecutionRole」を検索して選択して次へ。
![iam2b.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/058c80af-5f44-4157-956a-2444bd5df2d0.png)

ロール名に「myapp_s3_lambda_basic_role」を入力して、ロールを作成をクリック。
![iam3a.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/6c3aef0f-b94e-47de-9dd8-7933698f5462.png)
![iam3b.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/3dffa6aa-4d53-48fe-bfd5-94cc48a17ee0.png)


## Lambda関数の作成
AWSコンソールから、Lambda関数を作成します。
実行ロールには上記で作成した「myapp_s3_lambda_basic_role」を指定してください。

![lambda_1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/bd85cb98-5d49-4b7e-9307-e22053f1c88c.png)
![lambda_2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/23149070-9215-4756-9915-3d0d71eeff0c.png)


## Lambda関数の設定（一般設定）
Lambda関数が作成できたら、「設定」＞「一般設定」＞「編集」クリックして、一般設定の編集画面に遷移します。

![lambda_3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/23781443-3b05-45a7-ac10-2df19046c99a.png)

その後、メモリを10240MBに、タイムアウトを15分0秒に変更してください。

![lambda_4.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/41f655b0-ca3e-438c-b50f-ef24ed5f28e3.png)


## Lambda関数の設定（環境変数）
次に「設定」＞「環境変数」＞「編集」をクリックして、環境変数の編集画面に遷移します。

![lambda_5.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/68192b2d-e06e-457b-aa16-85b93d095e9f.png)

その後、以下の環境変数を登録します。
- BUCKET_NAME：　前述で作成した、S3バケット（myapp-＜ユニークな値＞-git）
- GIT_USER：　GitLabのログインユーザー名
- GIT_PASS：　GitLabのログインパスワード
- GIT_REPOSITORY：　GitLabのリポジトリ名
- HTTPS_CLONE_URL：　GitLabのHTTPSのclone URL
- MAIN_BRANCH_NAME：　main（将来用にmainブランチを指定）
- DEVELOP_BRANCH_NAME：　develop（developブランチを指定）
- HOTFIX_BRANCH_NAME：　hotfix（将来用にhotfixブランチを指定）

![lambda_6.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/b512cda1-cfe9-48d1-b143-1a77377e7b87.png)


## Lambdaレイヤーの作成
ローカルLinux環境（WSL2環境）の任意のディレクトリで以下のコマンドを実行し、node_modules.zip を作成する。
```shell
$ mkdir npm_library
$ cd npm_library
$ npm install simple-git      #node_moduleが出来上がる
$ npm install aws-sdk
$ npm install adm-zip
$ zip -r node_modules.zip node_modules
```

Lambdaのトップ画面に遷移し、左メニューの「レイヤー」クリックし、レイヤーの作成画面に遷移する。

![lambda_7.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/baef475f-3788-4c42-877a-8736ef2a9f12.png)

次に、上記で作成した node_modules.zip を アップロードします。
その際の名称は node_modules とします。

![lambda_8.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/ef6ce750-2a35-4427-a61a-649b73c20d59.png)


## Lambdaレイヤーの追加
再び、作成したLambda関数「myapp_s3_lambda_basic_role」に戻り、ページ下部にある「レイヤーの追加」をクリックし、レイヤーの追加画面に遷移します。

![lambda_9.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/05e20b11-6344-427a-9347-88fe744987f6.png)

レイヤーの追加画面では、「カスタムレイヤー」を選択したのち、上記で作成したLambdaレイヤー「node_modules」が選べる状態になっているので、選択し、バージョンを最新のものに選択して、「追加」をクリックします。

![lambda_10.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/47cbe5e9-6453-4751-a644-8bbbfe84e8bf.png)

再びレイヤー追加画面に戻り、「ARNを指定」を選択したのち、「ARNを指定」フォームに 
**arn:aws:lambda:ap-northeast-1:553035198032:layer:git-lambda2:8** を入力します。
[参考](https://github.com/lambci/git-lambda-layer)

![lambda_11.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/99f68b82-a5d7-46bb-8d83-3b53a797859c.png)


## Lambda関数のコードを作成
作成したLambda関数「myapp-gitclone-upload-to-s3」に戻り、「コード」タブをクリックして、以下のコードを貼り付けます。
このコードは develop ブランチだけではなく、将来 main / hotfix ブランチを作ったときにも使えるような仕組みになっています。
その後、「Deploy」をクリックしてデプロイします。

```javascript
import url from 'url';
import fs from 'fs';
import simpleGit from 'simple-git';
import path from 'path';
import admZip from 'adm-zip';
import aws from 'aws-sdk';
import { execSync } from 'child_process';

// 環境変数の呼び出し
const HTTPS_CLONE_URL = process.env.HTTPS_CLONE_URL;
const BUCKET_NAME = process.env.BUCKET_NAME;
const GIT_USER = process.env.GIT_USER;
const GIT_PASS = process.env.GIT_PASS;
const GIT_REPOSITORY = process.env.GIT_REPOSITORY;
const MAIN_BRANCH_NAME = process.env.MAIN_BRANCH_NAME;
const DEVELOP_BRANCH_NAME = process.env.DEVELOP_BRANCH_NAME;
const HOTFIX_BRANCH_NAME = process.env.HOTFIX_BRANCH_NAME;

export const handler = async(event) => {
    
    //JSONデータをオブジェクトとして取得する
    const jsonObj = event;
    
    const rcv_ref = jsonObj['ref']; //ブランチ名が格納
    const rcv_repository = jsonObj['repository']['name']; //リポジトリ名
    console.log(rcv_repository + " - " + rcv_ref);
    
    let rcv_refs, rcv_branch, target_branch, clone_url;

    if(rcv_repository == GIT_REPOSITORY){
        rcv_refs = rcv_ref.split("/");
        rcv_branch = rcv_refs[rcv_refs.length-1];
        
        if(rcv_branch == MAIN_BRANCH_NAME || rcv_branch == DEVELOP_BRANCH_NAME || rcv_branch == HOTFIX_BRANCH_NAME){
            
            if(rcv_branch == MAIN_BRANCH_NAME){
                target_branch = "main";
            }
            else if(rcv_branch == DEVELOP_BRANCH_NAME){
                target_branch = "develop";
            }
            else if(rcv_branch == HOTFIX_BRANCH_NAME){
                target_branch = "hotfix";
            }
            else{
                console.log("対象外ブランチの為、処理なし");
                return;                
            }

            clone_url = HTTPS_CLONE_URL;
            console.log(clone_url + " の " + rcv_branch + " ブランチからcloneします！");
            
        }else{
            console.log("対象外ブランチの為、処理なし");
            return;
        }
    }else{
        console.log("対象外リポジトリの為、処理なし");
        return;
    }
    
    // GitのURLをパースして、cloneのURLを組み立てる
    const site = url.parse(clone_url, true);
    const userStr = encodeURIComponent(GIT_USER);
    const passStr = encodeURIComponent(GIT_PASS);
    const uri = site['protocol'] +"//" + userStr + ":" + passStr +"@" + site['host'] + site['pathname'];
    console.log("clone実行URL : " + uri);
    
    try {
        // 一時ディレクトリ作成
        const tmpDir = fs.mkdtempSync('/tmp/');
       
        // clone実行(tmpDir直下にclone)
        // await simpleGit().clone(uri, tmpDir);
        execSync(`git -c http.sslVerify=false clone ${uri} ${tmpDir}`); // SSL認証をfalseにしてgit clone
        execSync(`cd ${tmpDir}; git config --local http.sslVerify false`);   // ローカルリポジトリをSSL認証falseにする

        // 該当ブランチをcheckout
        const git = simpleGit(tmpDir);
        await git.checkout(rcv_branch);
        await git.pull();
        
        // zip圧縮（git情報は含めない）
        rmDir(tmpDir + "/.git");
        await zipArchive(tmpDir, target_branch);
        
        let stat = fs.statSync(path.join(tmpDir, target_branch + ".zip"));
        console.log(path.join(tmpDir, target_branch + ".zip") + "ファイルのサイズ:" + stat.size);
        
        const filenames = fs.readdirSync(tmpDir);
        console.log(tmpDir +"ディレクトリ内のファイル一覧", filenames);

        // S3への設置
        const s3 = new aws.S3();
        let params = {
            Bucket: BUCKET_NAME,
            Key: GIT_REPOSITORY + "/" + target_branch + ".zip"
        };
        console.log(params);
        await s3.deleteObject(params).promise();
        console.log("S3削除完了");
        const v= fs.readFileSync(path.join(tmpDir, target_branch + ".zip"));
        params.Body=v;
        await s3.putObject(params).promise();
        console.log("S3アップロード完了");
        
        // 一時ディレクトリ削除
        rmDir(tmpDir);
        
    } catch (err) {
        console.log(err.name, err);
    }

    return;
};

// フォルダの圧縮
const zipArchive = async (targetDir, zipFileName) => {

    const zip = new admZip();
    // zipにフォルダを追加
    zip.addLocalFolder(targetDir);
    // zipファイル書き出し
    zip.writeZip(path.join(targetDir, zipFileName + ".zip"));
    return;
};

// ディレクトリを再帰的に削除
const rmDir = (dirPath) => {
  if (!fs.existsSync(dirPath)) { return }

  const items = fs.readdirSync(dirPath);
  for (const item of items) {
    const deleteTarget = path.join(dirPath, item);
    if (fs.lstatSync(deleteTarget).isDirectory()) {
      rmDir(deleteTarget);
    } else {
      fs.unlinkSync(deleteTarget);
    }
  }
  fs.rmdirSync(dirPath);
};
```


## API Gateway の作成
AWSコンソールから、API Gatewayを作成します。
画面右上の「APIを作成」をクリックして「APIタイプを選択」画面に遷移します。
そこで、「REST API」欄の「構築」ボタンをクリックします。

![api_gw1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/d477f2ca-9a99-4fb9-afc5-c6d6e68b6197.png)

「新しいAPI」にを選択したまま、API名に「myapp-apigw」と入力、APIエンドポイントタイプに「リージョン」を選択して、画面右下の「APIを作成」をクリックして、リソース画面に遷移します。

![api_gw2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/17a0bf25-e9d6-4066-8853-f317056111b6.png)

リソース画面に遷移したら、画面右側の「メソッドを作成」をクリックします。

![api_gw3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/93c3eef9-db95-4463-acda-9cbefa39ab51.png)

メソッドを作成画面に遷移したら、メソッドタイプには「POST」、統合タイプには「Lambda関数」を選択し、Lambda関数には前述で作成した「myapp-gitclone-upload-to-s3」を選択して、画面右下の「メソッドを作成」をクリックします。これでPOSTメソッドが作成されます。

![api_gw4.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/66eb3259-d4f4-4513-8378-d36cdb8bf3df.png)

次に、API GatewayとLambda間を非同期通信にして、API Gatewayのタイムアウト（29秒）を回避します。
「リソース」画面で「POST」を選択したまま、「統合リクエスト」タブを選択して、「編集」ボタンをクリックします。

![api_gw5.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/ed0c0dcf-3d79-4ed8-b97b-660c7e722569.png)

ページ下部に「URLリクエストヘッダーのパラメータ」欄があるので、「リクエストヘッダーのパラメータを追加」をクリックして展開します。

![api_gw6.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/20442463-d601-4e66-9648-064a3f2efaf2.png)

展開されたら、
名前：**X-Amz-Invocation-Type**
マッピング元：**'Event'**　※シングルクォーテーションで囲む
を入力します。

![api_gw7.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/4ce0101d-a10b-46dc-b0ae-ed5ce509b022.png)

次に「マッピングテンプレートの設定」を行います。これをしないと400エラーになります。
すぐ下にある「マッピングテンプレートの追加」ボタンをクリックして、展開します。

![api_gw8.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/71e83818-1ece-4dcf-9e28-536115cb42dd.png)

展開されたら、
コンテンツタイプ：**application/json**
テンプレート生成：**空欄**
テンプレート本文：**空欄**
を入力して、画面右下の「保存」ボタンをクリックします。

![api_gw9.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/38a2a124-43f7-412b-90fe-f0427207c13d.png)

リソース画面に戻ったら、画面右上にある「APIをデプロイ」をクリックします。

![api_gw10.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/68d5c3f4-ead1-4753-af18-e4850365dc47.png)

Deploy API ダイアログが表示されるので、
ステージ：**新しいステージ**
ステージ名：**v1**　※バージョン管理用
と入力して、「デプロイ」ボタンをクリックします。

![api_gw11.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/cfe7c673-68d3-4c1a-9768-85886672752c.png)

その後、ステージ画面に遷移しますので、「URLを呼び出す」をコピーして、ブラウザでそのURLを表示してみてください。ブラウザに「{"message":"Missing Authentication Token"}」と表示されれば、とりあえずOKです。

![api_gw12.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/52749a49-b9d1-4b25-bae9-f56e05899d6c.png)

## API Gateway のログを見たいとき
必須ではありませんが、API Gateway のログを見たいときは、下図のように「ログとトレース」を編集して、「CloudWatchログ」に見たいログを選択します。
その際、「CloudWatch Logs role ARN must be set in account settings to enable logging」というエラーが出た場合には、[こちら](https://dev.classmethod.jp/articles/tsnote-apigw-what-to-do-when-cloudwatch-logs-role-arn-must-be-set-in-account-settings-to-enable-logging-occurs-with-api-gateway/) の記事を参考にして設定してみてください。

![api_gw13.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/257f78cb-1f8f-43e6-a76d-58e461c4bb36.png)

![api_gw14.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/1d818512-6cab-4fa9-818d-db693cc92379.png)


# 4章. GitLabの設定
## Webhookの設定

GitLabの「設定」＞「Webhooks」をクリックして、Webhooks画面のURL欄に、上記 API Gateway の設定で表示されていた「URLを呼び出す」のURLを入力して保存して「Add webhook」ボタンクリックで保存してください。

ここで一度、developブランチに git pushしてみてください。
前述のS3バケット「myapp-<ユニークな値>-git」に 「リポジトリ名/develop.zip」ファイルが作成されていればOKです。

![gitlab.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/a5e4bf5d-0e26-4f1f-98c5-b51739b6babf.png)


# 5章. Docker関連ファイルの設定

ECSコンテナ内で使用する Dockerコンテナを用意します。
具体的には Laravelプロジェクトディレクトリ直下に、以下の構成でファイルを準備します。
```shell
:
:
├── docker_setting
│   ├── nginx # NGINXコンテナ用
│   │   ├── Dockerfile
│   │   └── default.conf
│   └── php   # PHPコンテナ用
│       ├── Dockerfile
│       ├── cache.sh
│       ├── php.ini
│       └── www.conf
:
:
```

まずはディレクトリを作成します。
```shell
mkdir -p docker_setting/nginx
mkdir -p docker_setting/php
```

## NGINXコンテナ用の各ファイルの内容
```dockerfile:docker_setting/nginx/Dockerfile
FROM nginx:1.20-alpine

ENV TZ Asia/Tokyo

COPY ./docker_setting/nginx/default.conf /etc/nginx/conf.d/default.conf

# ECS Execでaws cliを使う場合はコメントをはずす
#RUN apt install python3-pip -f
#RUN pip3 install awscli --upgrade --user
#RUN apt  install awscli -f

WORKDIR /app

COPY ./ ./
```

```conf:docker_setting/nginx/default.conf
server {
    listen       80;
    listen  [::]:80;
    server_name  localhost;
    root /app/public;

    client_body_buffer_size 64m;
    client_max_body_size 64m;

    #sendfile              on;
    tcp_nopush            on;
    tcp_nodelay           on;
    #keepalive_timeout     65;
    server_tokens        off;
    types_hash_max_size 8192;

    add_header X-XSS-Protection "1; mode=block";
    add_header X-Content-Type-Options nosniff;
    add_header X-Frame-Options SAMEORIGIN;
    add_header Strict-Transport-Security 'max-age=31536000; includeSubDomains; preload';

    proxy_temp_path /var/cache/nginx/proxy_temp;
    proxy_max_temp_file_size 1024m;
    proxy_buffers 8 64m;
    proxy_buffer_size 64m;

    fastcgi_buffer_size 64m;
    fastcgi_buffers 50 64m;
    fastcgi_busy_buffers_size 64m;
    fastcgi_temp_file_write_size 64m;

    index index.php index.html;

    charset utf-8;

    location = /favicon.ico { access_log off; log_not_found off; }
    location = /robots.txt  { access_log off; log_not_found off; }

    location / {
        try_files $uri $uri/ /index.php$is_args$args;
    }

    location ~ \.php$ {
        root         /app/public;
        fastcgi_pass 127.0.0.1:9000;
        fastcgi_param SCRIPT_FILENAME $realpath_root$fastcgi_script_name;
        include fastcgi_params;
    }

    location ~ /\.(?!well-known).* {
        deny all;
    }
}
```

## PHPコンテナ用の各ファイルの内容
以下はPHP8.2のイメージ作成用です。
PHP8.2以上にしたい場合には、適宜変更をお願いします。
```dockerfile:docker_setting/php/Dockerfile
FROM php:8.2-fpm-alpine

ENV TZ Asia/Tokyo
ENV LANG C.UTF-8
ENV LANGUAGE ja_JP

RUN apk update && \
    apk add --update --no-cache libjpeg-turbo-dev libpng-dev git libzip-dev mysql-client && \
	docker-php-ext-install pdo_mysql zip && \
    docker-php-ext-configure gd --with-jpeg && \
    docker-php-ext-install -j$(nproc) gd

RUN git clone --branch release/5.3.6 https://github.com/phpredis/phpredis.git /usr/src/php/ext/redis 
RUN docker-php-ext-install redis
		
COPY ./docker_setting/php/php.ini /usr/local/etc/php/php.ini
COPY ./docker_setting/php/www.conf /usr/local/etc/php-fpm.d/www.conf

COPY --from=composer:2.2 /usr/bin/composer /usr/bin/composer

WORKDIR /app
COPY ./ ./

# php8.2に対応するように以下だけアップデート
RUN composer require nette/schema:"^1.2"

RUN composer install --optimize-autoloader --no-dev

RUN docker-php-ext-install opcache

RUN chmod -R 777 /app/storage

COPY ./docker_setting/php/cache.sh /usr/local/bin/cache.sh
RUN chmod 777 /usr/local/bin/cache.sh
ENTRYPOINT  ["/usr/local/bin/cache.sh"]
```

```ini:docker_setting/php/php.ini
zend.exception_ignore_args = off
expose_php = on
max_execution_time = 30
max_input_vars = 1000
upload_max_filesize = 512M
post_max_size = 512M
memory_limit = 1GB
max_file_uploads = 300
error_reporting = E_ALL
display_errors = on
display_startup_errors = on
log_errors = on
error_log = /var/log/php/php-error.log
default_charset = UTF-8
expose_php = off
extension=pdo_mysql

[Date]
date.timezone = Asia/Tokyo

[mysqlnd]
mysqlnd.collect_memory_statistics = on

[Assertion]
zend.assertions = 1

[mbstring]
mbstring.language = Japanese

[opcache]
opcache.enable=1
opcache.revalidate_freq=0
opcache.validate_timestamps=1
opcache.max_accelerated_files=10000
opcache.memory_consumption=192
opcache.max_wasted_percentage=10
opcache.interned_strings_buffer=16
opcache.fast_shutdown=1
```

```conf:docker_setting/php/www.conf
[www]
user = www-data
group = www-data

listen = 127.0.0.1:9000
pm = static
pm.max_children = 150
pm.start_servers = 2
pm.min_spare_servers = 1
pm.max_spare_servers = 3
pm.max_requests = 8192

;メモリリーク対策
env[NSS_SDB_USE_CACHE] = "YES"
env[TMPDIR] = "/dev/shm"
```

```shell:docker_setting/php/cache.sh
#!/bin/sh

# キャッシュクリア
php /app/artisan event:clear
php /app/artisan view:clear
php /app/artisan route:clear
php /app/artisan config:clear
php /app/artisan clear-compiled

# キャッシュ生成
php /app/artisan config:cache
php /app/artisan route:cache
php /app/artisan view:cache

# php-fpm起動
php-fpm
```

# 6章. AWSリソースの用意-後編（DEV環境のみ）
## RDSの作成
AWSコンソールから、RDS（MySQL）を作成します。
今回は無料利用枠で最小構成で作成します。

![rds_1a.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/40c61987-afab-4b39-81b2-fe79ce1d6cb3.png)
![rds_1b.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/c4bcf3e8-cd9c-4ec6-8ec0-9626ee9b4c2e.png)
![rds_1c.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/82e23a25-038b-4f7c-9dcd-099caede4368.png)
![rds_1d.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/39dbc70f-d39b-4ac4-9c70-a2e3a00d432c.png)
![rds_1e.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/e86c5290-041a-43c0-8121-25ee42c3e39a.png)
![rds_1f.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/df699f42-d19e-4b8f-b8c5-103e5f3543b4.png)
![rds_1g.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/199262d5-4bbe-44dd-a7ea-214b84d2b3ae.png)
![rds_1h.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/d50f65bd-e37e-4a67-9d80-8936bcbd9cc7.png)
![rds_1i.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/2c2fd943-237f-421a-b70f-b21c6b7f28e9.png)
![rds_1j.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/85d331d9-d32b-47c4-8edd-46b6a03c715e.png)

## CodeBuildにアタッチするポリシーの作成
AWSコンソールから、IAMポリシーを作成します。
ポリシーエディタの「JSON」タブをクリックして、ポリシーを作成します。

![policy1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/891181de-09c2-4a7a-99fa-ac602b650689.png)

ポリシーエディタには以下のポリシーを張り付けて、ページ下部の「次へ」をクリック。
```json
{
    "Version": "2012-10-17",
    "Statement": [
        {
            "Effect": "Allow",
            "Resource": [
                "arn:aws:logs:ap-northeast-1:<AWSアカウント>:log-group:/aws/codebuild/build-docker",
                "arn:aws:logs:ap-northeast-1:<AWSアカウント>:log-group:/aws/codebuild/build-docker:*"
            ],
            "Action": [
                "logs:CreateLogGroup",
                "logs:CreateLogStream",
                "logs:PutLogEvents"
            ]
        },
        {
            "Effect": "Allow",
            "Resource": [
                "arn:aws:s3:::*"
            ],
            "Action": [
                "s3:PutObject",
                "s3:GetObject",
                "s3:GetObjectVersion"
            ]
        },
        {
            "Action": [
                "ecr:BatchCheckLayerAvailability",
                "ecr:CompleteLayerUpload",
                "ecr:GetAuthorizationToken",
                "ecr:InitiateLayerUpload",
                "ecr:PutImage",
                "ecr:UploadLayerPart"
            ],
            "Resource": "*",
            "Effect": "Allow"
        }
    ]
}
```

ポリシー名に「myapp_ecr_access_policy」を入力して、ページ下部の「ポリシーの作成」をクリック。

![policy2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/a967f214-8ec3-4ede-8f70-5565ea69d17d.png)

## ECRの作成
### 「phpコンテナdevelop」用のECRを作成
AWSコンソールから、ECRを作成します。
ECRの画面から「作成」をクリックし、リポジトリ名に「dev-myapp-php」を入力して、画面右下の「作成」をクリックします。

![ecr1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/94b54ac3-43d3-41ad-a3e9-7f7fed9a17fe.png)

### 「nginxコンテナdevelop」用のECRを作成
同じように、ECRの画面から「作成」をクリックし、リポジトリ名に「dev-myapp-nginx」を入力して、画面右下の「作成」をクリックします。

![ecr2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/0c39efdd-62bf-457b-aa1c-af61109d02c5.png)

### ライフサイクルルールの設定
ECRが溜まるのを防止する為に、ライフサイクルルールを設定します。
※ECRが無くなるとリビジョンを元に戻せなくなるので、運用ルールは事前に決めておく必要があります。

まず、ライフサイクルルールを設定したいECRを選択して、「アクション」＞「ライフサイクルポリシー」を選択します。

![ecr3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/5d92497c-ad15-4e50-b118-79481f3f6ed5.png)

「ルールの作成」をクリックします。

![ecr4.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/77531989-263c-4381-93fe-2a17cf763638.png)

下図のように、「イメージをプッシュしてから」の日数か、「数値を超えるイメージ数」かを選択してから「数値」を入力します。

![ecr5.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/d72ef859-4957-475f-ab9b-1a14caf546aa.png)


## CodeBuildの作成
AWSコンソールから、CodeBuildを作成します。
CodeBuild画面から「プロジェクトを作成する」をクリックします。

下図のように入力します。

ソースのバケット名には、前述で作成した「myapp-<ユニークな値>-git」を選択してください。

S3オブジェクトキーまたはS3フォルダの「Gitリポジトリ」には、使っているGitリポジトリを指定してください。

環境の「イメージ」には、phpをサポートしている「x86_64-standard:5.0」を指定します。

ロール名は「codebuild-dev-myapp-service-role」のように自動入力されます
以降利用するので控えておいてください。

環境変数は以下を設定してください。

- AWS_DEFAULT_REGION：ap-northeast-1
- AWS_ACCOUNT_ID：AWSアカウントID
- ENV_NAME：dev
- IMAGE_PHP_REPO_NAME： dev-myapp-php  ※前述のECRと同じ
- IMAGE_NGINX_REPO_NAME： dev-myapp-nginx  ※前述のECRと同じ
- CONTAINER_PHP_NAME： dev-myapp-php-container
- CONTAINER_NGINX_NAME： dev-myapp-nginx-container
- DOCKERHUB_USER：DockerHubのユーザー（メルアドではない）
- DOCKERHUB_PASS：DockerHubのパスワード

設定が終わったら、「ビルドプロジェクトを作成する」ボタンをクリックしてください。

![codebuild1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/39a979c5-82c2-4056-94df-6d64462a7823.png)
![codebuild2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/fb0aedac-48a8-4276-a5d6-3a0721c91aed.png)
![codebuild3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/bc40072a-450f-4c18-a3c7-fc6c27ee7c9a.png)
![codebuild4.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/e4424430-4825-4081-8aca-068adb20bd7e.png)
![codebuild5.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/396be26c-3910-46d4-95f0-2a1e55a11eb5.png)
![codebuild6.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/22670071-0887-40f9-9a86-b27295846fc0.png)
![codebuild7.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/c75c9bd0-9d0c-4372-a439-387d72c7cebb.png)

## IAMロールの編集
上記で自動作成された「codebuild-dev-myapp-service-role」に、既に作成済ポリシー「myapp_ecr_access_policy」をアタッチします。

![iam_attach1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/d0832f32-b79e-4348-aa04-d43f35190f30.png)

## CodeBuildに必要なファイルを設置
Laravelのプロジェクトルートに以下の2つのファイルを設置します。

```yaml:buildspec-dev.yml
version: 0.2

phases:
  install:
    runtime-versions:
      php: 8.2
      # nodejs: 22
    commands:
      # 全フェーズでエラー時に即終了
      - set -e

      # システム依存関係をインストール
      - echo Install system dependencies on `date`
      - curl -sS https://getcomposer.org/installer | php -- --install-dir=/usr/local/bin --filename=composer
      - npm install -g npm

  pre_build:
    commands:
      # イメージのタグ設定
      - IMAGE_TAG=`sh getTag.sh`
      - export IMAGE_TAG
      - echo ${IMAGE_TAG}

      # ECR にログイン
      - echo Logging in to Amazon ECR on `date`
      - aws ecr get-login-password --region ap-northeast-1 | docker login --username AWS --password-stdin ${AWS_ACCOUNT_ID}.dkr.ecr.ap-northeast-1.amazonaws.com

      # Docker Hub にログイン
      - echo Logging in to Docker Hub on `date`
      - echo ${DOCKERHUB_PASS} | docker login -u ${DOCKERHUB_USER} --password-stdin

      # Laravel のセットアップ
      - echo Set up Laravel on `date`
      - composer install --no-interaction --prefer-dist --optimize-autoloader
      - php artisan key:generate --env=testing
      - php artisan migrate --env=testing --force
      - npm install && npm run build

  build:
    commands:
      # Laravel Breeze のユニットテスト
      - echo Run Laravel Breeze tests on `date`
      - ./vendor/bin/phpunit

      # PHPのイメージ作成
      - echo Build PHP started on `date`
      - echo Building the PHP Docker image on `date`
      - docker build -t ${IMAGE_PHP_REPO_NAME} -f ./docker_setting/php/Dockerfile .
      - docker tag ${IMAGE_PHP_REPO_NAME}:latest  ${AWS_ACCOUNT_ID}.dkr.ecr.${AWS_DEFAULT_REGION}.amazonaws.com/${IMAGE_PHP_REPO_NAME}:${IMAGE_TAG}

      # NGINXイメージ作成
      - echo Build NGINX started on `date`
      - echo Building the NGINX Docker image on `date`
      - docker build -t ${IMAGE_NGINX_REPO_NAME} -f ./docker_setting/nginx/Dockerfile .
      - docker tag ${IMAGE_NGINX_REPO_NAME}:latest  ${AWS_ACCOUNT_ID}.dkr.ecr.${AWS_DEFAULT_REGION}.amazonaws.com/${IMAGE_NGINX_REPO_NAME}:${IMAGE_TAG}

  post_build:
    commands:
      - echo Build completed on `date`

      # PHPのイメージをECRにプッシュ
      - echo Pushing the PHP Docker image...
      - docker push ${AWS_ACCOUNT_ID}.dkr.ecr.${AWS_DEFAULT_REGION}.amazonaws.com/${IMAGE_PHP_REPO_NAME}:${IMAGE_TAG}

      # NGINXのイメージをECRにプッシュ
      - echo Pushing the NGINX Docker image...
      - docker push ${AWS_ACCOUNT_ID}.dkr.ecr.${AWS_DEFAULT_REGION}.amazonaws.com/${IMAGE_NGINX_REPO_NAME}:${IMAGE_TAG}

      - printf '[{"name":"%s","imageUri":"%s"},{"name":"%s","imageUri":"%s"}]' ${CONTAINER_PHP_NAME} ${AWS_ACCOUNT_ID}.dkr.ecr.${AWS_DEFAULT_REGION}.amazonaws.com/${IMAGE_PHP_REPO_NAME}:${IMAGE_TAG} ${CONTAINER_NGINX_NAME} ${AWS_ACCOUNT_ID}.dkr.ecr.${AWS_DEFAULT_REGION}.amazonaws.com/${IMAGE_NGINX_REPO_NAME}:${IMAGE_TAG} > ${ENV_NAME}_imagedefinitions.json
artifacts:
  files:
    # S3のアーティファクトフォルダにアップロード（CodePipelineで設定）
    - ${ENV_NAME}_imagedefinitions.json
```

```shell:getTag.sh
#!/bin/bash

# 日付をナノ秒まで取得
ymdhisn=`TZ=JST-9 date +'%Y%m%d%H%M%S_%N'`
echo $ymdhisn
```

## ヘルスチェック用ファイルの設置
Laravelのプロジェクトルートの public フォルダ内に以下のファイルを設置します。
```html:/public/healthy.html
Healthy
```

git push後に、CodeBuildの画面右上にある「ビルドを開始」をクリックして、ECRのイメージが作成されていればOK。

## Laravelの .envファイルを S3に配置

Laravelの.envファイルを、dev.env にコピーします。
その後、dev.envの内容をDEV環境用に以下のように修正して S3バケット「myapp-<ユニークな値>-config」バケットの dev フォルダにアップロードしてください。ECSデプロイ時にこの dev.env を参照します。
※アップロード後はローカルにある dev.env は Git にコミットしないよう削除してください。

```config:dev.env
APP_NAME=Laravel
APP_ENV=develop # develop
　：
APP_DEBUG=true
APP_URL=<developのドメイン>       # Route53で取得したドメイン（https://～）
ASSET_URL=<developのドメイン>     # Route53で取得したドメイン（https://～）

APP_LOCALE=ja                    # jaに変更
APP_FALLBACK_LOCALE=en
APP_FAKER_LOCALE=ja_JP           # ja_JPに変更
　：
　：
DB_CONNECTION=mysql
DB_HOST=<RDSのホスト名>           # RDSのホスト名
DB_PORT=3306
DB_DATABASE=laravel              # RDS構築後にCREATE DATABASE で作成したDB
DB_USERNAME=admin                # RDSのユーザー名
DB_PASSWORD=xxxxxxxxx            # RDSのパスワード
DB_CHARSET=utf8mb4               # UTF-8とする
DB_COLLATION=utf8mb4_unicode_ci  # UTF-8とする
　：
　：
```

## ECS用のIAMロール作成
### ecsInstanceRole の作成

AWSコンソールから、ECS用のIAMロール「ecsInstanceRole」を作成します。
ロール作成画面で、以下のように選択して「次へ」をクリック

![iam_ecs1a.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/15fa5b69-92d7-49bb-b41b-b39ab3f72968.png)

以下が表示されていることを確認して「次へ」クリック

![iam_ecs1b.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/12595f8b-87e8-4254-8a3c-bccc96d81ed6.png)

ロール名に「ecsInstanceRole」と入力して「ロールを作成」をクリックしてください。

![iam_ecs1c.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/eb5d7790-9d1a-409d-a1e4-e93a11fa93b2.png)

### ecsRole の作成

続いて、ECS用のIAMロール「ecsRole」を作成します。
ロール作成画面で、以下のように選択して「次へ」をクリック

![iam_ecs2a.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/321335b3-ed6b-4b79-9cbe-7a4c5d6cef0d.png)

以下が表示されていることを確認して「次へ」クリック

![iam_ecs2b.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/566bef3f-f1bc-4ffe-b941-7889e804d82d.png)

ロール名に「ecsRole」と入力して「ロールを作成」をクリックしてください。

![iam_ecs2c.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/ed30959e-775e-4077-92a5-f3a3551426b1.png)

### ecsAutoScalingRole の作成

続いて、ECS用のIAMロール「ecsAutoScalingRole」を作成します。
ロール作成画面で、以下のように選択して「次へ」をクリック

![iam_ecs3a.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/71b00248-5e22-4ab5-be38-59df91fed6cb.png)

以下が表示されていることを確認して「次へ」クリック

![iam_ecs3b.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/eb183f25-4405-4cfc-8bea-86c94b193568.png)

ロール名に「ecsAutoScalingRole」と入力して「ロールを作成」をクリックしてください。

![iam_ecs3c.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/afdfb927-ef49-460f-9ef5-a83876728579.png)

### ecsTaskExecutionRole の作成

続いて、ECS用のIAMロール「ecsTaskExecutionRole」を作成します。
ロール作成画面で、以下のように選択して「次へ」をクリック

![iam_ecs4a.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/36960b12-91be-456e-af26-96d203988bbf.png)

大量に表示されるので「task」文字で絞り込み、以下が表示されていることを確認する。
また、S3FullAccess も付与 して「次へ」クリック

![iam_ecs4b.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/a0c963ed-9b80-408b-a20d-433867568230.png)

ロール名に「ecsTaskExecutionRole」と入力

![iam_ecs4c.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/1a9d71dc-9ce0-4737-9f55-a145552c1256.png)

S3FullAccess も付与されていることを確認したら「ロールを作成」をクリックしてください。

![iam_ecs4d.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/ed04b612-fb7c-428f-b227-82c3831e5036.png)


## ECSクラスターの作成

AWSコンソールから ECSクラスター を作成します。
名前には「dev-myapp-cluster」と入力して、インフラストラクチャには「AWS Fargate」を選択してください。

![cluster.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/dbd1b90b-539d-40ed-9092-1a4aa4fa1fb0.png)


## ECSのタスク定義の作成

AWSコンソールから タスク定義 を作成します。
「新しいタスク定義の作成」ボタンをクリックし、下図のように入力して、画面右下の「作成」をクリックします。

注意点は以下です。

- コンテナ-1の「イメージURL（赤枠）」には、ECR（dev-myapp-php）から任意のイメージのURLをコピーして貼り付けてください
- コンテナ-1の「ロケーション（赤枠）には、前述で dev.env をアップロードした S3のARNを入力してください
- コンテナ-1のログ収集の awslogs-group の値（赤枠）には、/ecs/dev-myapp-php になるよう変更してください
- コンテナ-2の「イメージURL（赤枠）」には、ECR（dev-myapp-nginx）から任意のイメージのURLをコピーして貼り付けてください
- コンテナ-2のログ収集の awslogs-group の値（赤枠）には、/ecs/dev-myapp-nginx になるよう変更してください

![taskdef1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/7cff0662-f771-46a6-8f1b-795fdd93c0e6.png)
![taskdef2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/945d3ae4-6a49-4eb9-bf1b-4347635a9a8d.png)
![taskdef3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/cb0199c9-8eb7-4e13-9b0b-7c17f9c555d0.png)
![taskdef4.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/214ec192-13c7-48f2-b868-dc2647c5dcb8.png)
![taskdef5.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/24f67764-8045-4f4f-a7da-6a002a73c450.png)
![taskdef6.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/af6dd292-4679-42ad-9fec-d0a7e96836cb.png)
![taskdef7.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/1387af9c-bab8-42de-bcbf-57914efcfa6e.png)
![taskdef8.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/e9f680c2-5312-4919-b4eb-ae44b686044b.png)
![taskdef9.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/af086f05-f99c-4ee4-a6a3-fb7e50cca9ea.png)

## ECSサービスの作成
AWSコンソールから サービス を作成します。
dev-myapp-cluster を選択し、「サービス」タブをクリック、「作成」ボタンをクリックします。
![service1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/7b5fcdc4-5f35-4aff-b612-87db6f23ce7d.png)

下図のように入力して、「作成」ボタンをクリックします。

![service2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/684e36cd-55de-4fc4-a4bb-58ac06283ad2.png)
![service3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/93030255-371e-4db9-a7a1-8df9eb6d9580.png)
![service4.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/575d6c9c-2738-44b2-809b-427aa97a587c.png)
![service5.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/87324758-b57c-47bb-9ee0-589d1762b59b.png)
![service6.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/2b85e040-8bf9-473b-a575-4ea5a180ccbf.png)
![service7.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/a5641230-2439-4c03-86a5-7cd36d82d4d5.png)
![service8.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/5720fb3a-e1ab-4240-952e-4ed9a17643aa.png)

## CodePipelineの作成
AWSコンソールから CodePipeline を作成します。
まずは「作成オプション」を選択します。
下図のように「カスタムパイプラインを構築する」を選択し、「次に」をクリック。

![codepipeline_1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/41456da4-e946-485b-8ec8-272beb2d6ad6.png)

次に「パイプラインの設定」を選択します。
下図のように入力して「次に」をクリック。
※バケットには前述の「myapp-＜ユニークな値＞-artifact」を選択してください。

![codepipeline_2a.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/537bbd83-2b69-4b4a-bb0e-3d9bd808756e.png)
![codepipeline_2b.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/07cbc664-56c1-43d0-bfef-204354744f46.png)

次に「ソースステージ」を追加します。
下図のように入力して「次に」をクリック。
※バケットには前述の「myapp-＜ユニークな値＞-git」を選択してください。
※S3オブジェクトキーには「Gitリポジトリ名/develop.zip」を入力してください。

![codepipeline_3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/11a095b7-b35c-4fdb-8715-d1ae721cd647.png)

次に「ビルドステージ」を追加します。
下図のように入力します。
ちなみに、このステージでUnitテストも実施します。
その為Unitテストが失敗したらビルド全体も停止するように、赤枠にある「ステージ障害時の自動再試行を有効にする」のチェックを外してください。
入力したら「次に」をクリックします。

![codepipeline_4a.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/2f440c8f-9e59-4504-84c0-b9535238b8c1.png)
![codepipeline_4b.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/9105b2cb-0843-490d-8610-40616e118555.png)

次の「テストステージ」はスキップしてください（※テストはビルドステージで実施するため）

![codepipeline_5.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/dc1ee257-e2ad-480c-bce1-defffd211fdf.png)

次に「デプロイステージ」を追加します。
下図のように入力してください。
「イメージ定義ファイル」には、CodeBuild（buildspec_dev.yml）で作成した「dev_imagedefinitions.json」を指定します。このファイルの内容を見て、ECSコンテナを作成します）
入力したら「次に」をクリックします。

![codepipeline_6a.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/2372eaff-479f-4cae-badf-388673be0912.png)
![codepipeline_6b.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/35ef0331-ea70-4563-8d85-1047b75446eb.png)

最後に確認画面が表示されますので、問題なければ画面下部の「パイプラインを作成する」をクリックしてください。

CodePipelineの開始直後は、以下のように自動でパイプラインが実行されます。

![codepipeline_7.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/223453d5-232a-464d-8cb9-9c4cb4daf15a.png)

以下のように、Source → Build → Deploy ステージが全て成功したらOKです。

![codepipeline_8.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/1099f8a1-0ec9-458d-a842-1373c09e4135.png)

Git の develop ブランチに Git Push してみて、上記のようにCodePipeline が実行することも確認してください。


## ECS Exec の設定
Fargate の Docker コンテナにログインできるように、ECS Exec の設定をします。
まず最初に、ローカル環境に Session Manager プラグインをインストールします。

Windowsの方は、[こちら](https://docs.aws.amazon.com/ja_jp/systems-manager/latest/userguide/session-manager-working-with-install-plugin.html#install-plugin-windows) を参考にインストーラーをダウンロードし、インストーラーを起動して進めてください。

Macの方は、[こちら](https://docs.aws.amazon.com/ja_jp/systems-manager/latest/userguide/session-manager-working-with-install-plugin.html#install-plugin-macos) を参考にインストールを進めてください。

インストールが完了したら「session-manager-plugin」コマンドを実行して、以下のように成功しているか確認してください。
```shell
$ session-manager-plugin
The Session Manager plugin was installed successfully. Use the AWS CLI to start a session.
```
次に、VPCエンドポイントを追加します。

サブネットには private を指定してください。

![1_vpce_ssmmessages_a.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/c92aeb40-1e9c-4f1e-950f-f38cc42a7d5e.png)
![vpce-log_2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/bb6ec51f-6768-4070-8d6b-16b3a65b575d.png)
![vpce-log_3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/8842253d-0ea8-4f3f-9c87-185b326d6dd7.png)

次に ECS Exec 用のポリシーを作成します。
IAM ポリシー画面から「ポリシーの作成」画面を開き、下図のように「JSON」を選択し、ポリシーエディタに以下のコードを貼り付けます。
```
{
    "Version": "2012-10-17",
    "Statement": [
        {
            "Effect": "Allow",
            "Action": [
                "ssmmessages:CreateControlChannel",
                "ssmmessages:CreateDataChannel",
                "ssmmessages:OpenControlChannel",
                "ssmmessages:OpenDataChannel"
            ],
            "Resource": "*"
        }
    ]
}

```
貼り付けたら、画面下部の「次へ」をクリックします。

![ecsexec_0a.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/123322bf-aa46-4578-b621-5ac1c00998c7.png)

ポリシー名に「ecsFargateExecPolicy」と入力して、画面右下の「ポリシーの作成」をクリックしてポリシーを作成します。

![ecsexec_0b.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/7afbc395-995f-415e-96c0-7e4e66c5b29f.png)

次に、前述で作成した「ecsTaskExecutionRole」ロールに上記で作成したポリシー「ecsFargateExecPolicy」を追加します。

IAMロール画面から「ecsTaskExecutionRole」を選択して、「許可を追加」の「ポリシーをアタッチ」をクリックしてください。

![ecsexec_1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/68456cfc-4fa4-4df4-98d3-0188a46b65b5.png)

「ecsFargateExecPolicy」を検索して選択し、画面右下の「許可を追加」をクリックします。

![ecsexec_2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/8f8049e9-2bbc-4883-9794-572ecb9e1fdc.png)

次に、以下のコマンドを実行し、ECS Exec フラグを有効化し、サービスに対して ECS Exec の許可を与えます。
※AWS CLIで実施しますので、必要ならプロファイルも指定してください。

```
aws ecs update-service --region <リージョン名> --cluster <クラスター名> --service <サービス名> --enable-execute-command

例）aws ecs update-service --region ap-northeast-1 --cluster dev-myapp-cluster --service dev-myapp-service --enable-execute-command
```

実行すると長文の結果が表示されます。以下のように「enableExecuteCommand」の値が「true」になっていればOKです。
```shell
            :
            :
                ],
                "assignPublicIp": "DISABLED"
            }
        },
        "healthCheckGracePeriodSeconds": 0,
        "schedulingStrategy": "REPLICA",
        "deploymentController": {
            "type": "ECS"
        },
        "createdBy": "arn:aws:iam::792130004390:user/azito-tech",
        "enableECSManagedTags": true,
        "propagateTags": "NONE",
        "enableExecuteCommand": true,  # true になっていればOK
        "availabilityZoneRebalancing": "ENABLED"
    }
}
```

最後、現在起動中のタスクには、まだ ECS Exec のサービスが適用されていないので、サービスを更新します。

クラスター「dev-myapp-cluster」を選択し、「サービス」タブから「dev-myapp-service」を選択して、「更新」ボタンをクリックします。

![ecsexec_3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/7d952357-47fb-400c-9cb4-2223de3dc1ad.png)

「新しいデプロイの強制」を選択して、画面右下の「更新」をクリックしてください。

![ecsexec_4.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/12f83d2d-cb52-4212-8ed8-a8131c51d88e.png)

下図の赤枠内のように、デプロイが進みます。

![ecsexec_5.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/783b0ec7-3b7c-417c-be67-8f99a971b352.png)

デプロイがステータスが進行中になります。

![ecsexec_6.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/825dd68e-e124-471d-b58b-ab3aece81230.png)

デプロイのステータスが「成功」になれば完了です。

![ecsexec_7.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2348676/474f2fe0-60af-4ab4-ae8b-206d175d6fc6.png)

デプロイが完了したら、以下のコマンドでECSにログインができます。

```
aws ecs execute-command --region <リージョン名> --cluster <クラスター名> --task <タスクID> --container <コンテナ名> --interactive --command "/bin/sh"

例）aws ecs execute-command --region ap-northeast-1 --cluster dev-myapp-cluster --task 95d8ab3a92184ffda2c2097795874d2a --container dev-myapp-php-container --interactive --command "/bin/sh"
```

ECSログイン後、以下コマンドでマイグレーションを実施します。

```
/app # php artisan migrate
```

マイグレーションが成功したらブラウザのURL欄に、事前に取得したドメイン名を入力してください。
Laravelの画面が表示できたら成功です。