ISSUEでは、AppEngineを使っていて、
staging環境とproduction環境の2つを用意しています。

予算の都合上、
stagingはスタンダード、productionはフレキシブル環境を利用することになりました。
環境ごとにデプロイ時に読み込ませる `app.yaml` を変えられるようにしました。


### 1. `app.development.yaml` と `app.production.yaml` の作成

`app.development.yaml`

![img](/mosaic-code.jpg)

`app.production.yaml`

![img](/mosaic-code.jpg)

[app.yaml によるアプリの構成](https://cloud.google.com/appengine/docs/flexible/custom-runtimes/configuring-your-app-with-app-yaml?hl=ja)

### 2. デプロイコマンドを2つ用意する

package.jsonのスクリプトに2パターン用意して使い分けます。

![img](/mosaic-code.jpg)

ISSUEでは、AppEngineを使っていて、
staging環境とproduction環境の2つを用意しています。

予算の都合上、
stagingはスタンダード、productionはフレキシブル環境を利用することになりました。
環境ごとにデプロイ時に読み込ませる `app.yaml` を変えられるようにしました。


### 1. `app.development.yaml` と `app.production.yaml` の作成

`app.development.yaml`

```yaml
env: standard
runtime: nodejs16
handlers:
  - url: /.*
    secure: always
    script: auto
    redirect_http_response_code: 301
```

`app.production.yaml`

```yaml
env: flex # フレキシブル環境
runtime: nodejs
resources:
  cpu: 2
  memory_gb: 4
  disk_size_gb: 20
automatic_scaling:
  min_num_instances: 1
  max_num_instances: 5
```

[app.yaml によるアプリの構成](https://cloud.google.com/appengine/docs/flexible/custom-runtimes/configuring-your-app-with-app-yaml?hl=ja)

### 2. デプロイコマンドを2つ用意する

package.jsonのスクリプトに2パターン用意して使い分けます。

```json
  "scripts": {
    "deploy:dev": "yarn build && gcloud app deploy app.development.yaml --project dev環境のproject名",
    "deploy:pro": "yarn build && gcloud app deploy app.production.yaml --project 本番環境のproject名",
    ...
  },
```

1. app.development.yaml と `app

続きを読むには単価診断を受けてください（30秒）

1. `app.development.yaml` と `app