AWSでのデプロイ手順②サーバー（EC2インスタンス）環境設定

前回内容
STEP1 ネットワーク環境設定
STEP2 EC2の設定

今回内容
STEP3 EC2インスタンスの環境構築
STEP4 gitとの連携、アプリのクローン
STEP5 アプリのsecret_key_baseの設定
STEP6 Unicornの設定
STEP7 Nginxの設定
STEP8 マイグレーション
STEP9 起動確認

注意：
(最近の新しいmacはデフォルトがzshなので
.bash_profileのところを
.zshrcにかえてください)

STEP3 EC2インスタンスの環境構築

作成したEC2インスタンス内でrubyやその他の環境が動くよう設定していきます。

AWSにログイン
[~]$ ssh test_key_rsa

以下を入力します
[testuser@ ~]$ sudo yum install git make gcc-c++ patch openssl-devel libyaml-devel libffi-devel libicu-devel libxml2 libxslt libxml2-devel libxslt-devel zlib-devel readline-devel ImageMagick ImageMagick-devel epel-release

パスワードを聞かれるので入力します

Is this ok [y/d/N]: y

にあるので

yでEnter

MySQL 5.7 をインストール

[testuser@ ~]$ sudo rpm -ivh http://dev.mysql.com/get/mysql57-community-release-el7-11.noarch.rpm
[testuser@ ~]$ sudo yum install mysql-devel mysql57 mysql57-server

Node.jsのインストール

[testuser@ ~]$ curl -sL https://rpm.nodesource.com/setup_6.x | sudo bash -
[testuser@ ~]$ sudo yum -y install nodejs

これも確認が出てくるので、「y」→Enterをしてください。

rbenvのインストール

[testuser@ ~]$ git clone git://github.com/sstephenson/rbenv.git ~/.rbenv
[testuser@ ~]$ echo 'export PATH="$HOME/.rbenv/bin:$PATH"' >> ~/.bash_profile
[testuser@ ~]$ echo 'eval "$(rbenv init -)"' >> ~/.bash_profile
[testuser@ ~]$ source .bash_profile

- インストールしたrbenvバージョン確認
[testuser@ ~]$ rbenv --version
rbenv 1.1.2-4-g577f046

ruby-buildのインストール

(#.bash_profileの読み込み)
[testuser@ ~]$ git clone https://github.com/sstephenson/ruby-build.git ~/.rbenv/plugins/ruby-build
(#ruby-buildのインストール)
[testuser@ ~]$ rbenv rehash  

rubyのインストール

- インストール可能なバージョンを確認
[testuser@ ~]$ rbenv install -l

[testuser@ ~]$ rbenv install 2.5.1
[testuser@ ~]$ rbenv global 2.5.1
[testuser@ ~]$ rbenv rehash


- インストールしたRubyのバージョン確認
- rubyのバージョンが表示されれば成功です
[testuser@ ~]$ ruby -v
ruby 2.5.1p57 (2018-03-29 revision 63029) [x86_64-linux]

STEP4 gitとの連携、アプリのクローン

アプリのクローン

作成されたアプリをgitからクローンし、EC2インスタンス内に配置していきます

vi コマンドで.gitconfigというgitに関する設定ファイルを生成します

[testuser@ ~]$ vi .gitconfig

「i」を押して編集モードにし、以下を追加します
name,emailは自分のものを入力してください

[user]
  name = your_name (#gitに登録した自分の名前)
  email = [e-mail] (#git登録時の自分のメアド)

[alias] (#これはお好きに)
  a = add
  b = branch
  ch = checkout
  st = status

[color] (#色付け)
  ui = true

[url "github:"]
    InsteadOf = https://github.com/
    InsteadOf = [e-mail]:

「esc」を押して終了し、
「:wq」で保存します

完了したらファイルを保存し、
アプリを配置するディレクトリを作成していきます

[testuser@ ~]$ cd /
[testuser@ ~]$ sudo chown testuser var (#varフォルダの所有者をtestuserにする)
[testuser@ ~]$ cd var
[testuser@ var]$ sudo mkdir www
[testuser@ var]$ sudo chown testuser www 
[testuser@ var]$ cd www
(#wwwと同じ処理)
[testuser@ www]$ sudo mkdir rails
[testuser@ www]$ sudo chown testuser rails

gitとの接続

まずは、下記コマンドを打ち込んでください

鍵を作成、鍵名は「aws_git_rsa」、パスワードは空欄

[testuser@ www]$ cd ~
[testuser@ ~]$ chmod 700 .ssh
[testuser@ ~]$ cd .ssh
[testuser@ .ssh]$ ssh-keygen -t rsa
-----------------------------
Enter file in which to save the key ():

aws_git_rsa

(#ここでファイルの名前を記述して、エンター)

Enter passphrase (empty for no passphrase): 
(#何もせずそのままエンター)

Enter same passphrase again: 
(#何もせずそのままエンター)

[testuser@ .ssh]$ ls
(#「aws_git_rsa」と「aws_git_rsa.pub」が生成されたことを確認)

[testuser@.ssh]$ vi config

「i」を押して編集モードにし、以下を追加します

Host github
  Hostname github.com
  User git
  IdentityFile ~/.ssh/aws_git_rsa

「esc」を押して終了し、
「:wq」で保存します

鍵の内容を確認。どこかにコピーしておく

[testuser@.ssh]$ cat aws_git_rsa.pub

GitHubへブラウザからアクセス、「Settings」の「SSH and GPG keys」を選択

「New SSH key」をクリック、Titleに「アプリ名 - EC2」、Keyに「先ほど作成した鍵の内容」を入力し「Add SSH key」で登録

ターミナルへ戻り設定ファイルの権限を変更

[testuser@.ssh]$ chmod 600 config

GitHubへの接続確認。途中の質問にはYesで。Githubのユーザー名が出てくれば成功

[testuser@.ssh]$ ssh -T github

# Hi Githubのユーザー名! You've successfully authenticated, but GitHub does not provide shell access.

このようなメッセージが返って来れば接続成功です。

登録が済んだら、いよいよクローン作業です

[testuser@　.ssh]$ cd /var/www/rails

git cloneの後に続くURLは、
自分が作成したアプリのgithubのURLです（sshのものです）

[testuser@　.rails]$ git clone [e-mail]:~~~~~~~~~~~~

確認のために、下記コマンドを実行してみてください

[testuser@　.rails]$ ls

ご自身のアプリ名が記載されたフォルダが存在すれば、見事クローン成功です。

STEP5 アプリのsecret_key_baseの設定

クローンが成功したら、railsファイルのconfig/secrets.ymlに記述されている、secrets_key_baseを変更していきます

bundlerのインストール

[testuser@　.rails]$ cd ~
[testuser@ ~]$ rbenv exec gem install bundler

[testuser@ ~]$ rbenv rehash


[testuser@ ~]$ which bundler
　# /usr/local/rbenv/shims/bundlerが出力されれば成功

[testuser@　.rails] cd /var/www/rails/アプリ名

[testuser@　アプリ名]$ gem install rubygems-update -v '<3' && update_rubygems
[testuser@　アプリ名]$ bundle config --local build.mysql2 "--with-cppflags=-I/usr/local/opt/openssl/include"
[testuser@　アプリ名]$ bundle config --local build.mysql2 "--with-ldflags=-L/usr/local/opt/openssl/lib"
[testuser@　アプリ名]$ bundle install --path vendor/bundle

[testuser@　アプリ名]$ bundle exec rake secret

表示されるkeyをコピーする

[testuser@　アプリ名]$ vi config/secrets.yml

「i」を押して編集モードにし、以下を追加します

  production:
    secret_key_base: (先ほどコピーしたものを貼り付けます)

「esc」を押して終了し、
「:wq」で保存します

STEP6 Unicornの設定

(UNIX環境でRuby Webアプリケーションを提供するRack HTTPサーバ（アプリサーバーでRailsアプリを実行できる）です)

[testuser@　アプリ名]$ gem install unicorn

Gemfileに以下を追加します

[testuser@　アプリ名]$ vi Gemfile

Gemfile

group :production, :staging do
  gem 'unicorn', '5.4.1'
end

「esc」を押して終了し、
「:wq」で保存します

[testuser@　アプリ名]$ bundle install

[testuser@　アプリ名]$ vi config/unicorn.conf.rb

config/unicorn.rbを作成し、内容を以下のように編集します

config/unicorn.rb

#サーバ上でのアプリケーションコードが設置されているディレクトリを変数に入れておく
app_path = File.expand_path('../../', __FILE__)

#アプリケーションサーバの性能を決定する
worker_processes 1

#アプリケーションの設置されているディレクトリを指定
working_directory app_path

#Unicornの起動に必要なファイルの設置場所を指定
pid "#{app_path}/tmp/pids/unicorn.pid"

#ポート番号を指定
listen "#{app_path}/tmp/sockets/unicorn.sock"

#エラーのログを記録するファイルを指定
stderr_path "#{app_path}/log/unicorn.stderr.log"

#通常のログを記録するファイルを指定
stdout_path "#{app_path}/log/unicorn.stdout.log"

#Railsアプリケーションの応答を待つ上限時間を設定
timeout 60

#以下は応用的な設定なので説明は割愛

preload_app true
GC.respond_to?(:copy_on_write_friendly=) && GC.copy_on_write_friendly = true

check_client_connection false

run_once = true

before_fork do |server, worker|
  defined?(ActiveRecord::Base) &&
    ActiveRecord::Base.connection.disconnect!

  if run_once
    run_once = false # prevent from firing again
  end

  old_pid = "#{server.config[:pid]}.oldbin"
  if File.exist?(old_pid) && server.pid != old_pid
    begin
      sig = (worker.nr + 1) >= server.worker_processes ? :QUIT : :TTOU
      Process.kill(sig, File.read(old_pid).to_i)
    rescue Errno::ENOENT, Errno::ESRCH => e
      logger.error e
    end
  end
end

after_fork do |_server, _worker|
  defined?(ActiveRecord::Base) && ActiveRecord::Base.establish_connection
end

「i」を押して編集モードにし、以下を追加します

unicorn.conf.rb

  # set lets
  $worker  = 2
  $timeout = 30
  $app_dir = "/var/www/rails/mumu" #自分のアプリケーション名
  $listen  = File.expand_path 'tmp/sockets/.unicorn.sock', $app_dir
  $pid     = File.expand_path 'tmp/pids/unicorn.pid', $app_dir
  $std_log = File.expand_path 'log/unicorn.log', $app_dir
  # set config
  worker_processes  $worker
  working_directory $app_dir
  stderr_path $std_log
  stdout_path $std_log
  timeout $timeout
  listen  $listen
  pid $pid
  # loading booster
  preload_app true
  # before starting processes
  before_fork do |server, worker|
    defined?(ActiveRecord::Base) and ActiveRecord::Base.connection.disconnect!
    old_pid = "#{server.config[:pid]}.oldbin"
    if old_pid != server.pid
      begin
        Process.kill "QUIT", File.read(old_pid).to_i
      rescue Errno::ENOENT, Errno::ESRCH
      end
    end
  end
  # after finishing processes
  after_fork do |server, worker|
    defined?(ActiveRecord::Base) and ActiveRecord::Base.establish_connection
  end

「esc」を押して終了し、
「:wq」で保存します

次に
以下をコメントアウトします

config/environments/production.rb

# config.assets.js_compressor = :uglifier

STEP7 Nginxの設定

（apacheなどと同じwebサーバの一つ。
ただ、NginxとRackは直接つなげることができないので、Unicornを挟む必要があります）

[testuser@　~]$ cd ~
[testuser@　~]$ sudo yum install nginx
[testuser@　~]$ cd /etc/nginx/conf.d/
[testuser@ conf.d]$ sudo vi test.conf #自分のアプリケーション名でファイル名変更

「i」を押して編集モードにし、以下を追加します

upstream app_server {
  # Unicornと連携させるための設定。アプリケーション名を自身のアプリ名に書き換えることに注意。今回であればおそらくchat-space
  server unix:/var/www/<アプリケーション名>/tmp/sockets/unicorn.sock;
}

# {}で囲った部分をブロックと呼ぶ。サーバの設定ができる
server {
  # このプログラムが接続を受け付けるポート番号
  listen 80;
  # 接続を受け付けるリクエストURL ここに書いていないURLではアクセスできない
  server_name <Elastic IP>;

  # クライアントからアップロードされてくるファイルの容量の上限を2ギガに設定。デフォルトは1メガなので大きめにしておく
  client_max_body_size 2g;

# 接続が来た際のrootディレクトリ
  root /var/www/<アプリケーション名>/public;

# assetsファイル(CSSやJavaScriptのファイルなど)にアクセスが来た際に適用される設定
  location ^~ /assets/ {
    gzip_static on;
    expires max;
    add_header Cache-Control public;
  }

  try_files $uri/index.html $uri @unicorn;

  location @unicorn {
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_set_header Host $http_host;
    proxy_redirect off;
    proxy_pass http://app_server;
  }

  error_page 500 502 503 504 /500.html;
}

以下の３点は書き換えが必須です。

3行目の<アプリケーション名> となっている箇所は、ご自身のものに変更してください。
11行目の＜Elastic IP＞となっている箇所も同様に、ご自身のものに変更してください。
14行目の<アプリケーション名> となっている箇所は、ご自身のものに変更してください。

「esc」を押して終了し、
「:wq」で保存します

下記を実行

[testuser@　conf.d]$ cd /var/lib
[testuser@　lib]$ sudo chmod -R 775 nginx

STEP8 マイグレーション

MySQLのインストール

[testuser@ ~]$ sudo yum install mysql-devel

- MySQL Serverをインストール
[testuser@ ~]$ sudo yum install mysql-server

- MySQLの起動設定
[testuser@ ~]$ sudo chkconfig mysqld on

- chkconfigコマンドで起動設定が成功しているかを確認することができる。
- 以下のように表示されれば設定が成功している。
[testuser@ ~]$ chkconfig
mysqld           0:off   1:off   2:on    3:on    4:on    5:on    6:off

- MySQLを起動する。
[testuser@ ~]$ sudo vi /etc/my.cnf
以下を追記
character-set-server=utf8



[testuser@ ~]$ sudo /etc/init.d/mysqld start

- もしくは以下でも同じ。
[testuser@ ~]$ sudo service mysqld start

- rootでログインし新規ユーザーを作成する。
[testuser@ ~]$ mysql -u root
mysql> GRANT ALL PRIVILEGES ON [データベース名].* TO [あなたのアプリ名]@localhost IDENTIFIED BY '[設定するパスワード]';

MySQLの文字コードがデフォルトでlatin1になっている場合があるので確認する。

mysql> SHOW VARIABLES LIKE 'character_set%';
+--------------------------+----------------------------+
| Variable_name | Value |
+--------------------------+----------------------------+
| character_set_client | utf8 |
| character_set_connection | utf8 |
| character_set_database | latin1 |
| character_set_filesystem | binary |
| character_set_results | utf8 |
| character_set_server | latin1 |
| character_set_system | utf8 |
| character_sets_dir | /usr/share/mysql/charsets/ |
+--------------------------+----------------------------+
8 rows in set (0.00 sec)

- character_set_filesystem と character_sets_dir 以外が utf8 になっていればok。
- なっていなければutf8に統一し、再起動しておく。

mysql> set character_set_database = utf8;
mysql> set character_set_server = utf8;

Query OK, 0 rows affected (0.00 sec)

mysql> exit

MySQLの設定

[testuser@ ~]$ cd /var/www/rails/アプリ名
[testuser@　アプリ名]$ vi config/database.yml
----------------------------
  production:
    <<: *default
    database: mumu_production
    username: root #ここをrootに変更する
　　 password:      #ここを空欄にする
    host: localhost
----------------------------


[testuser@　アプリ名]$ sudo service mysqld start #mysqldの起動
[testuser@　アプリ名]$ ln -s /var/lib/mysql/mysql.sock /tmp/mysql.sock
[testuser@　アプリ名]$ bundle exec rake db:create RAILS_ENV=production
[testuser@　アプリ名]$ bundle exec rake db:migrate RAILS_ENV=production

マイグレーションが実行されたら成功です

STEP9 起動確認へ進んでください

RDSの場合

サブネットを追加作成し、以下の二つにアベイラビリティーゾーンに属するサブネットを指定する
・ap-northeast-1a
・ap-northeast-1c

topで
"RDS"を検索

サブネットグループ > [DB サブネットグループの作成]を押下する

名前に「アプリ名_DB-Subnet-Group」
説明に「DB Subnet Group for アプリ名」
VPC IDに「VPCforアプリ名」
で
「この VPC に関連するすべてのサブネットを追加します」を押下し、
[作成]を押下する

ダッシュボードより
RDSの[データベースの作成]を押下する

-簡単作成
-MySQL
-無料利用枠
-DBインスタンス識別子に「アプリ名-mysql」
-マスターユーザ、マスターパスワードは任意の値
で「作成」

数分後にデータベースが作成されます

こちらを参考にしてください

Railsの環境変数としてproduction用のデータベース情報を追記して保存

下のようにdatabase.ymlを書き換えます

database.yml

production:
  adapter: mysql2
  encoding: utf8
  reconnect: false
  pool: 5
  host: <%= ENV['DB_HOST'] %>
  username: <%= ENV['DB_USERNAME'] %>
  password: "<%= ENV['DB_PASSWORD'] %>"
  database: <%= ENV['DB_NAME'] %> 

bash_profileを編集する

$ sudo vi ~/.bash_profile

Railsの環境変数としてproduction用のデータベース情報を追記して保存

bash_profile

export DB_HOST="RDSのエンドポイント"
export DB_USERNAME="RDSのユーザー名"
export DB_PASSWORD="RDSのパスワード"
export DB_NAME="アプリ名_production"

[testuser@　アプリ名]$ source ~/.bash_profile

正しく設定されているか確認

[testuser@　アプリ名]$ echo $DB_NAME
[testuser@　アプリ名]$ echo $DB_USERNAME
[testuser@　アプリ名]$ echo $DB_PASSWORD
[testuser@　アプリ名]$ echo $DB_HOSTNAME
[testuser@　アプリ名]$ echo $DB_PORT

mysqldを起動
[testuser@　アプリ名]$ sudo service mysqld start

マイグレーションを実行
[testuser@　アプリ名]$ rake db:create RAILS_ENV=production
[testuser@　アプリ名]$ bundle exec rake db:migrate RAILS_ENV=production

STEP9 起動確認

EC2へSSHでログインし、Railsアプリをプリコンパイルする
[testuser@　アプリ名]$ bundle exec rake assets:precompile RAILS_ENV=production


Nginxを再起動
[testuser@　アプリ名]$ sudo service nginx restart


Unicornを起動
[testuser@　アプリ名]bundle exec unicorn_rails -c config/unicorn.conf.rb -E production -D

または
$ bundle exec unicorn_rails -E production -c config/unicorn.rb -D

Uniconの起動を確認
[testuser@　アプリ名]$ ps -ef | grep unicorn | grep -v grep
# プロセスのリストが3行程表示されればOK


# unicornの起動

# 起動確認
$ ps aux | grep unicorn

# unicornが起動できない場合はログを確認
$ tailf log/unicorn.log

$ sudo tail -f /var/log/nginx/access.log
$ sudo tail -f /var/log/nginx/error.log 
$ sudo tail -f /var/www/vue_sample/log/unicorn.log


#nginxの起動
$ sudo service nginx start
#起動確認
$ ps aux | grep nginx

確認

ブラウザからIPを叩いてアクセス ※IPアドレスがわからない場合はEC2のインスタンスの説明から確認可能

52.64.~~~~~~~~~(ご自身のIPアドレス)にアクセス
すると

http://IPアドレス/
Railsアプリが無事動作すれば成功

うまくいくと表示されます！！

※私はうまく表示されなかったのですが

config/environment/production.rb

config.force_ssl = true

を
config.force_ssl = false
に変えたらいけました。。。参考に。。

独自ドメインにしたい場合はこちら

Route 53を使用し、お名前.comで取得した独自ドメインでWebページを表示させる