この記事の基本的な方針
この記事は、過去記事で作ったアプリをEC2でデプロイします。
手を動かしながら読みたいようでしたら、以下でこのアプリを手に入れてください。
Terminal
$ git clone https://github.com/annaPanda8170/cheaptweet.git
$ bundle install
$ bundle exec rake db:create
$ bundle exec rake db:migrate
これ自体の作り方は、こちら。
Rails5.2.4.2_でのみ動作確認しています。
基本解説はしません。手順のみ示します。
想定する読み手
既に一度Railsアプリをチュートリアルやスクール等で作りデプロイしたこのある方を想定しています。
Mac使用で、パソコンの環境構築は完了し、AWSのアカウントを持っていて、GitHubで既にこのアプリの監視をしていることが前提です。
具体的な手順
①インスタンスを作り、ssh接続でログインする
![instance.png](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F559746%2Ffbc56a04-fab7-67bd-0997-dcdcb6d1f913.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=4e7fff414c1c9038613075bdbd033512)
![ami.png](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F559746%2F3a5af685-b6ea-cb6c-9998-bba0d30fad24.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=0d9794ec6b59ecffcf2df84dcc3ddb60)
![type.png](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F559746%2Fae741a3e-77d7-afcb-0b8e-4aff715632b4.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=5ebcca87ab77c77ed43ebe9adffafabb)
![key.png](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F559746%2F3febc1f7-fafe-4802-6c2f-a248fa57b5aa.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=3198cc7584c28b3489a5077973962df2)
![ela.png](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F559746%2Fb0eb1dae-4116-6365-b5cf-baa8ef17defe.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=902bbf23b604c6f5fb53398f002e439d)
![add.png](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F559746%2Fc71a44d2-d589-8196-1b18-cdbf89322e96.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=2af2a51796d9cb0f638e01ba53fac551)
![rela.png](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F559746%2F9574db45-5fb0-73b0-23ac-acd7ec7f9c96.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=0a591688c1891aa2f36d92a2c30efe54)
![check.png](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F559746%2Fe78b4dc7-e38d-ef5f-32e7-ef8f208df524.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=ae6d7e0c88a01b44d98bb01c479ddf29)
![11.png](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F559746%2F7a0c9397-5967-6e50-02e5-b7c3406214c5.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=2442fff75cc93ab3861eceadfbcfcc0d)
![22.png](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F559746%2F186c03d4-517f-f6c7-a224-b461001e00b5.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=441cba3758e46e824830d48dbfb318e3)
![33.png](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F559746%2F82edf614-5cc5-1e67-c530-f5d6fa616d6f.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=909949be6cc21da9819af3e6f2c782a9)
Terminal(ローカル)
# ホームディレクトリ直下に.ssh/隠しディレクトリを事前に作ってます
$ cd
# 別に移動しなくても問題ないが、隠しディレクトリに入れといた方が無難
$ mv Downloads/****鍵の名前****.pem .ssh/
$ cd .ssh/
# ****鍵の名前****.pemのファイルに関して所有者のみ読み出し・書き込みの権限を与える意
# (所有者も実行権限がなく、所有者グループとその他はなんの権限もない)
$ chmod 600 ****鍵の名前****.pem
# ログイン
$ ssh -i ****鍵の名前****.pem ec2-user@****ここはElasticIP****
Output
Are you sure you want to continue connecting (yes/no)?
Terminal(ローカル)
yes
Output
Warning: Permanently added '54.250.55.251' (ECDSA) to the list of known hosts.
__| __|_ )
_| ( / Amazon Linux AMI
___|\___|___|
https://aws.amazon.com/amazon-linux-ami/2018.03-release-notes/
②諸々インストールと、GitHub連携
Terminal(EC2)
# もしアップデートしろと言われたら以下を実行
# アップデートしろと言われてなくてやっても問題ないので一応やってもいいかも
$ sudo yum -y update
# 諸々基本インストール
$ sudo yum -y install git make gcc-c++ patch libyaml-devel libffi-devel libicu-devel zlib-devel readline-devel libxml2-devel libxslt-devel ImageMagick ImageMagick-devel openssl-devel libcurl libcurl-devel curl
$ sudo curl -sL https://rpm.nodesource.com/setup_6.x | sudo bash -
$ sudo yum -y install nodejs # 今回はJSは使ってないが一応
# 諸々Ruby・Rails関係インストール
$ git clone https://github.com/sstephenson/rbenv.git ~/.rbenv
$ echo 'export PATH="$HOME/.rbenv/bin:$PATH"' >> ~/.bash_profile
$ echo 'eval "$(rbenv init -)"' >> ~/.bash_profile
$ source .bash_profile
$ git clone https://github.com/sstephenson/ruby-build.git ~/.rbenv/plugins/ruby-build
$ rbenv rehash
# 自身のRubyのバージョンを確認して以下。結構時間かかります
$ rbenv install 2.5.1
$ rbenv global 2.5.1
$ rbenv rehash
# 確認は
# ruby -v
# MySQLインストール
$ sudo yum -y install mysql56-server mysql56-devel mysql56
# MySQL起動
$ sudo service mysqld start
# 確認は
# sudo service mysqld status
# MySQLパスワード設定
$ sudo /usr/libexec/mysql56/mysqladmin -u root password
# 確認は
# mysql -u root -p
# SSH鍵ペア関連
# 鍵ペア作成
$ ssh-keygen -t rsa -b 4096
# この後何も入力せずにEnter三回
# 鍵ペア表示
$ cat ~/.ssh/id_rsa.pub
# 表示された値を ssh-rsa から最後までまるまるコピー
webBrowser
https://github.com/
![git.png](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F559746%2Fa56016c4-d3a6-d1df-f211-7f400d96ce02.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=0e3adee2a255bb7a05677fb32f5e570c)
![ee.png](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F559746%2F5bf97db5-7f1b-39b1-98d8-05b3944e1ece.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=0d948929897b2c3553d54ec8f21fbe20)
![ssh.png](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F559746%2Fc9048dd2-382a-a361-65fe-7923a6ea9a62.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=845f0ec73ab4f2a4c18c179d3918d0c5)
Terminal(EC2)
$ ssh -T git@github.com
Output
Are you sure you want to continue connecting (yes/no)?
Terminal(EC2)
yes
③unicorn導入
Gemfile
# 省略
group :production do
gem 'unicorn', '5.4.1'
end
# 省略
Terminal(ローカル)
$ bundle install
config/unicorn.rb
を作成
config/unicorn.rb
app_path = File.expand_path('../../', __FILE__)
worker_processes 1
working_directory app_path
pid "#{app_path}/tmp/pids/unicorn.pid"
listen 3000
stderr_path "#{app_path}/log/unicorn.stderr.log"
stdout_path "#{app_path}/log/unicorn.stdout.log"
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
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
config/environments/production.rb
# 以下をコメントアウトする
# config.assets.js_compressor = :uglifier
config/database.yml
#production:
# <<: *default
# database: ***名前***_production
# username: ***名前***
# password: <%= ENV['***名前***_DATABASE_PASSWORD'] %>
# |
# V
production:
<<: *default
database: '***名前***'_production
username: root
password: <%= ENV['DATABASE_PASSWORD'] %>
socket: /var/lib/mysql/mysql.sock
プッシュしてmasterにマージする
Terminal(EC2)
$ cd
$ sudo mkdir /var/www/
$ sudo chown ec2-user /var/www/
$ cd /var/www/
![gggit.png](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F559746%2F4d20cb83-d412-d318-caf2-191bb8337d1f.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=2568e3db1b0f53714bc3edcee3000749)
Terminal(EC2)
$ git clone ***上でコピーしたGitHubのURL***
④Swap領域の追加
Terminal(EC2)
$ cd
$ sudo dd if=/dev/zero of=/swapfile1 bs=1M count=512
$ sudo chmod 600 /swapfile1
$ sudo mkswap /swapfile1
$ sudo swapon /swapfile1
$ sudo sh -c 'echo "/swapfile1 none swap sw 0 0" >> /etc/fstab'
Terminal(EC2)
$ cd /var/www/***アプリ名***
# ローカルでバンドラーのバージョンを確認
$ gem install bundler -v ***確認したバージョン***
$ bundle install
$ rake secret
#出てきたキーをコピー
$ sudo vim /etc/environment
/etc/environment
DATABASE_PASSWORD='***MySQLのパスワード***'
SECRET_KEY_BASE='***先程コピーしたキー***'
Terminal
# 再ログイン
$ exit
$ ssh -i ****鍵の名前****.pem ec2-user@***ここはElasticIP***
#上の環境変数の確認は
# env | grep SECRET_KEY_BASE
# env | grep DATABASE_PASSWORD
![juki.png](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F559746%2Fd0a1027e-d521-2c64-1a37-a9c3338cb129.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=d6c6760fbcf8852cf3651b2b8c4d0248)
![juki2.png](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F559746%2Fad75f95a-3918-e467-76e4-82fe67d40a5e.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=fd7afc0b5b897793917e8255a64e1117)
ポート範囲が3000
、ソースが0.0.0.0/0
で
![juki4.png](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F559746%2F8bb920be-65a4-22ca-f266-d14e7fc7db39.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=5347af1f8e82080250408e1bc2043960)
Terminal(EC2)
$ cd /var/www/***アプリ名***
$ rails db:create RAILS_ENV=production
$ rails db:migrate RAILS_ENV=production
$ bundle exec unicorn_rails -c config/unicorn.rb -E production -D
$ rails assets:precompile RAILS_ENV=production
# 起動
$ RAILS_SERVE_STATIC_FILES=1 unicorn_rails -c config/unicorn.rb -E production -D
webBrowser
http://***ここはElasticIP***:3000
以上でとりあえず、繋がるはずです。
ただ、非常に遅いですね。
パワーアップして通常のアプリとして動作させるにはNginxが必要です。
マージをコマンド一つで本番環境まで反映させるにはCapistranoが必要です。
これらの導入は後編で。
もし困ったら
①ログ確認
/var/www/***アプリ名***/log/unicorn.stderr.log
をtail
かcat
かless
かvim
あたりのコマンドで確認する。
②unicornの再起動
Terminal(EC2)
$ ps aux | grep unicorn
$ kill ***ユニコーンのPID***
$ RAILS_SERVE_STATIC_FILES=1 unicorn_rails -c config/unicorn.rb -E production -D