【Rails】Rails 6.0 x Docker x MySQLで環境構築

## はじめに
Rails 6.0 x Docker で環境構築しようとしたら思いのほか手こずったので、メモとして投稿します。
勉強中の初学者による記事です。誤りがあればご指摘いただければ嬉しいです！

### 各種バージョン
下記のバージョンにて動作確認しています。

- macOS Mojave 10.14.6
- Ruby 2.6
- Rails 6.0.0
- Docker 19.03.1
- docker-compose 1.24.1
- MySQL 8.0

## 手順
[公式ドキュメント](https://docs.docker.com/compose/rails/#define-the-project)に従い、下記の流れで構築していきます。
なお、ドキュメント内では rails 5 系で進めているため、適宜 rails 6 系に読み替えます。

1. 各種ファイルの用意
2. rails new でアプリ作成
3. イメージのビルド
4. database.yml の設定と DB 接続
5. コンテナ起動

一つずつ詳しくみていきます。

## 1. 各種ファイルの用意
任意のディレクトリを作成し、その配下に
 `Dockerfile`
`docker-compose.yml`
`Gemfile`
`Gemfile.lock`
`entrypoint.sh`を作成します。

```
$ mkdir myapp
$ cd myapp
```
各ファイルの中身は以下のような感じです。
### Dockerfile

```rb:Dockerfile

FROM ruby:2.6
RUN curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | apt-key add - \
    && echo "deb https://dl.yarnpkg.com/debian/ stable main" | tee /etc/apt/sources.list.d/yarn.list \
    && apt-get update -qq \
    && apt-get install -y nodejs yarn \
    && mkdir /myapp
WORKDIR /myapp
COPY Gemfile /myapp/Gemfile
COPY Gemfile.lock /myapp/Gemfile.lock
RUN bundle install
COPY . /myapp

COPY entrypoint.sh /usr/bin/
RUN chmod +x /usr/bin/entrypoint.sh
ENTRYPOINT ["entrypoint.sh"]
EXPOSE 3000

CMD ["rails", "server", "-b", "0.0.0.0"]
```

- rails 6.0 からデフォルトJavaScriptコンパイラが `webpacker`に変更されました。[参考：Rails ガイド](https://railsguides.jp/6_0_release_notes.html#railties-%E4%B8%BB%E3%81%AA%E5%A4%89%E6%9B%B4)
- `webpacker` の導入に必要なパッケージマネージャー`yarn`をインストールするために、[yarn公式サイト](https://yarnpkg.com/en/docs/install#debian-stable)を参考に `RUN` コマンドを記述しています。

### docker-compose.yml

```yml:docker-compose.yml

version: '3'
services:
  db:
    image: mysql:8.0
    environment:
      MYSQL_ROOT_PASSWORD: password
    ports:
      - '3306:3306'
    command: --default-authentication-plugin=mysql_native_password
    volumes:
      - mysql-data:/var/lib/mysql
  web:
    build: .
    command: bash -c "rm -f tmp/pids/server.pid && bundle exec rails s -p 3000 -b '0.0.0.0'"
    volumes:
      - .:/myapp
    ports:
      - "3000:3000"
    depends_on:
      - db
    stdin_open: true
    tty: true
volumes:
  mysql-data:
    driver: local
```

- MySQL8.0からセキュリティが強化されたようで、`--default-authentication-plugin=mysql_native_password` を実行して認証方式を `mysql_native_password` へ変更する必要があります。（詳しくはわかってません。。。）  
[参考：MySQLリリースノート](https://dev.mysql.com/doc/relnotes/mysql/8.0/en/news-8-0-4.html#mysqld-8-0-4-security)  
[参考：Qiita記事](https://qiita.com/ucan-lab/items/3ae911b7e13287a5b917)

### Gemfile

```rb:Gemfile

source 'https://rubygems.org'
gem 'rails', '~>6'
```

### Gemfile.lock

```rb:
# 何も記述しない空ファイルのままでOK
```

### entrypoint.sh

```sh:entrypoint.sh

#!/bin/bash
set -e

# Remove a potentially pre-existing server.pid for Rails.
rm -f /myapp/tmp/pids/server.pid

# Then exec the container's main process (what's set as CMD in the Dockerfile).
exec "$@"
```

## 2. rails new でアプリ作成
5つのファイルが用意できたら、ターミナルから下記コマンドを実行します。

```
$ docker-compose run web rails new . --force --no-deps --database=mysql --skip-test --webpacker
```

- あとで RSpec を導入するために`--skip-test` オプションで Minitest をスキップしています。
- `--webpacker` オプションで webpacker をインストールします。

## 3. イメージのビルド
`rails new` で各種ファイルの作成、webpacker のインストールが完了したら、`Gemfile` が更新されているので、イメージをビルドします。

```
$ docker-compose build
```

## 4. database.yml の設定と DB 接続
`rails new` で作成された `config/database.yml` を編集します。

```yml:config/database.yml

default: &default
  adapter: mysql2
  encoding: utf8mb4
  pool: <%= ENV.fetch("RAILS_MAX_THREADS") { 5 } %>
  username: <%= ENV.fetch("MYSQL_USERNAME", "root") %>
  password: <%= ENV.fetch("MYSQL_PASSWORD", "password") %>
  host: <%= ENV.fetch("MYSQL_HOST", "db") %>

development:
  <<: *default
  database: myapp_development

test:
  <<: *default
  database: myapp_test

production:
  <<: *default
  database: myapp_production
  username: myapp
  password: <%= ENV['MYAPP_DATABASE_PASSWORD'] %>
```
データベースを作成します。

```
$ docker-compose run web rake db:create
```

## 5. コンテナ起動
下記コマンドでコンテナを起動します。

```
$ docker-compose up
```

`localhost:3000` にアクセスすると例のページが表示されます。

<img width="459" alt="Ruby_on_Rails.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/366035/b5772c5d-9a07-5ade-9cba-232ea77e27d9.png">

## 最後に
これで無事に環境構築完了です。
Dockerfile とかもっと良い書き方があるかもしれないけど、とりあえずは動いてるから良しとします。


## 参考
- [Quickstart: Compose and Rails](https://docs.docker.com/compose/rails/#define-the-project)
- [yarn Installation](https://yarnpkg.com/en/docs/install#debian-stable)
- [Dockerを使ってRails6環境の構築をしてみる](https://qiita.com/me-654393/items/ac6f61f3eee66380ecd7)
- [Rails6の開発環境をDockerで構築しようとしたらドハマりした件](https://qiita.com/m-itoidcf/items/a1ad7b982402b33189b7)
- [Rails6 開発時につまづきそうな webpacker, yarn 関係のエラーと解決方法](https://qiita.com/NaokiIshimura/items/8203f74f8dfd5f6b87a0)
- [Rails6 Webpackerでエラーが出た](https://qiita.com/libertyu/items/1eb74adc817ab8971100)