AWSにRailsアプリをデプロイする(公開編)

2017/10/11 - プログラミング手法, 開発ツール AWS, nginx, Rails, Ruby, unicorn, デプロイ

次にデプロイするため“aws rails デプロイ”でググってみるとunicorn、nginxというキーワードがでてくるので
とりあえずこれを設定していきます。

アプリのsecret_key_baseの設定

$ vi config/secrets.yml
$ production:
$ secret_key_base: <%= ENV["SECRET_KEY_BASE"] %>
//keyを生成する
$ bundle exec rake secret
//生成したkeyを環境変数に設定する
$ export SECRET_KEY_BASE=
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

$ vi config/secrets.yml

$ production:

$ secret_key_base: <%= ENV["SECRET_KEY_BASE"] %>

//keyを生成する

$ bundle exec rake secret

//生成したkeyを環境変数に設定する

$ export SECRET_KEY_BASE=

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

Unicornの設定

$ vi Gemfile
$ gem 'unicorn'
$ bundle install

$ vi Gemfile

$ gem 'unicorn'

$ bundle install

$ vi config/unicorn.rb

@app_path = '/home/xxxx/app-name/'
working_directory @app_path

worker_processes 2
preload_app true
timeout 30
listen "/tmp/unicorn.sock", : backlog => 64
pid "/home/youser/tag-manager/tag-manager/shared/tmp/pids/unicorn.pid"

stderr_path "#{@app_path}/log/unicorn.stderr.log"
stdout_path "#{@app_path}/log/unicorn.stdout.log"

before_fork do |server, worker |
 ENV['BUNDLE_GEMFILE'] = File.expand_path('Gemfile', ENV['RAILS_ROOT'])
end

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

old_pid = "#{server.config[:pid]}.oldbin"
if File.exists ? (old_pid) && server.pid != old_pid
begin
Process.kill("QUIT", File.read(old_pid).to_i)
rescue Errno::ENOENT, Errno::ESRCH
end
end
end

after_fork do |server, worker |
 if defined ? (ActiveRecord::Base)
ActiveRecord::Base.establish_connection
end
end

$ vi config/unicorn.rb

@app_path = '/home/xxxx/app-name/'

working_directory @app_path

worker_processes 2

preload_app true

timeout 30

listen "/tmp/unicorn.sock", : backlog => 64

pid "/home/youser/tag-manager/tag-manager/shared/tmp/pids/unicorn.pid"

stderr_path "#{@app_path}/log/unicorn.stderr.log"

stdout_path "#{@app_path}/log/unicorn.stdout.log"

before_fork do |server, worker |

ENV['BUNDLE_GEMFILE'] = File.expand_path('Gemfile', ENV['RAILS_ROOT'])

end

before_fork do |server, worker |

if defined ? (ActiveRecord::Base)

ActiveRecord::Base.connection.disconnect!

end

old_pid = "#{server.config[:pid]}.oldbin"

if File.exists ? (old_pid) && server.pid != old_pid

begin

Process.kill("QUIT", File.read(old_pid).to_i)

rescue Errno::ENOENT, Errno::ESRCH

end

after_fork do |server, worker |

if defined ? (ActiveRecord::Base)

ActiveRecord::Base.establish_connection

end

Nginxのインストール

$ sudo yum install nginx -y

1	$ sudo yum install nginx -y

Nginxの設定

$ vi /etc/nginx/conf.d/app-name.conf
upstream unicorn_server {
 server unix: /tmp/unicorn.sock
 fail_timeout = 0;
}

server {
 listen 80;
 client_max_body_size 4 G;
 server_name * .xxxxx.compute.amazonaws.com; #サーバーネーム記載

 keepalive_timeout 5;

# Location of our static files
 root / home / xxxx / app - name;#
 appname部分は自分自身で設定

 location~ ^ /assets/ {
 root / home / xxxx / app - name / public; #修正後
 }

 location / {
 proxy_set_header X - Forwarded - For $proxy_add_x_forwarded_for;
 proxy_set_header Host $http_host;
 proxy_redirect off;

 if (!-f $request_filename) {
 proxy_pass http: //unicorn_server;
 break;
 }
 }

 error_page 500 502 503 504 / 500. html;
 location = /500.html {
 root / home / xxxx / app - name;
}
}

$ vi /etc/nginx/conf.d/app-name.conf

upstream unicorn_server {

server unix: /tmp/unicorn.sock

fail_timeout = 0;

}

server {

listen 80;

client_max_body_size 4 G;

server_name * .xxxxx.compute.amazonaws.com; #サーバーネーム記載

keepalive_timeout 5;

# Location of our static files

root / home / xxxx / app - name;#

appname部分は自分自身で設定

location~ ^ /assets/ {

root / home / xxxx / app - name / public; #修正後

}

location / {

proxy_set_header X - Forwarded - For $proxy_add_x_forwarded_for;

proxy_set_header Host $http_host;

proxy_redirect off;

if (!-f $request_filename) {

proxy_pass http: //unicorn_server;

break;

}

error_page 500 502 503 504 / 500. html;

location = /500.html {

root / home / xxxx / app - name;

}

※サーバーネームをAWSのDNS設定にしたら長すぎると怒られたのでとりあえず*にしたら通った

Nginxの起動

$ sudo service nginx start

1	$ sudo service nginx start

Nginxの再起動

$ sudo service nginx reload

1	$ sudo service nginx reload

//アプリのディレクトリに移動
$ cd /home/xxxx/app-name

1 2	//アプリのディレクトリに移動 $ cd /home/xxxx/app-name

Unicornの起動

$ bundle exec unicorn_rails -c /home/xxxx/app-name/config/unicorn.rb -p 8080 -D -E production

1	$ bundle exec unicorn_rails -c /home/xxxx/app-name/config/unicorn.rb -p 8080 -D -E production

Unicornの起動確認

ps -ef | grep unicorn | grep -v grep

1	ps -ef \| grep unicorn \| grep -v grep

ついに、、

ページの確認♡
http://xxxxx.compute.amazonaws.com/

参考URL

Amazon LinuxにRuby on Rails環境構築(rbenv + ruby-build + Ruby 2.2.1 + Rails 4.2.1インストール)
http://qiita.com/na0AaooQ/items/5bd62e630a2faf051a52

(デプロイ編①)世界一丁寧なAWS解説。EC2を利用して、RailsアプリをAWSにあげるまで
http://qiita.com/naoki_mochizuki/items/814e0979217b1a25aa3e

: MacのSSHポートフォワーディングツール「autossh」と「Coccinellida」をご紹介！

はじめにみなさんこんにちは、プロダクト開発本部の亀梨です。普段はXmediaOneというメディアプランニング・広告運用管理・トラッキング・マーケティング分析を行う統合プラットフォームの開発を担当しています。さて、皆さんはSSHポートフォワーディングするときにどんな方法で行っていますか？わた …

: x-callback-urlを使ってみた

x-callback-urlとは？ iOSのアプリ間連携の仕様の一つみたいです。簡単に言うと、ディープリンクを行うためにカスタムURLスキームを利用するが、アプリ毎にバラバラな規則でURLスキームを設定するとアプリ間連携をスムーズに行うことができないため、どのような規則でURLスキームを設定するかを …

: ゼロからAngularでSPAを作ってみた(2) デプロイ・公開編

前回のおさらいと今回やること前回（はじめてのアプリ編）では、Angular で簡単なチャットアプリを作るところまでやりました。ディレクトリ構成については説明できていなかったのですが、次のようになっています。（主なディレクトリとファイルのみ抜粋） + dist （ビルド・コンパイル後のファイルのディ …

: 【HTML5】4ツール出力ファイルサイズ比較

こんにちは、近江です。前回もHTML5のSwiffyについて書かせて頂きましたが、まだまだHTML5について調査しています。今回はSwiffyを含めた4つのHTML5系ツールで、同じ素材で同じアニメーションを作成した時のファイルサイズを比較したいと思います。何故ファイルサイズの比較をするかと言 …

: 意外と知らないかも？ Chrome DevTools の機能10選

みんな使っている Chrome DevTools。 Web開発やトラブルシューティングには必須ですが、便利な機能を知らないで使っている人がいたり、Web で使い方を調べても古い情報だったりすることがあるので、部内で Chrome DevTools についての勉強会を開催しました。ここでは、その中か …

: いまさらですが… GNU screen チートシート

最近はローカル環境で開発するようになってきたので、screen コマンドを使う機会も少なくなって来たような気がします。で、使ってないと忘れてしまうので、チートシートを作ってみました。参照サイト GNU screen [quick_reference] 起動コマンド動作 screen -S &l …

: ゼロからAngularでSPAを作ってみた(1) はじめてのアプリ編

はじめに Single Page Application （SPA）って知っていますか？ Webサイトでコンテンツのリンクをクリックした時に妙に表示が早いな〜というとき、実はページを移動するのではなくてページの一部のみを書き換えていたりします。こういったサイトの作り方を Single Page A …

: 初心者がRailsで開発 – deviseでユーザー認証設定 –

こんにちは、2年目のYukaです。開発部所属でありながら実は、、実際に自分で手を動かして開発する機会がなかなかありませんでした。。しかしついに、、、開発初心者がRailsでWebアプリの開発に挑戦します！！今回のゴールは社内でも使用しているGoogleアカウントで簡単にログインができるよう …

: 自社サービスのDocker化(後編)

こんにちは。インフラ開発部の上田です。前回、前編としてDockerについて書き、早半年も経ちました。前編はこちらです今回は後編として、以下について書いてみたいと思います。 ■複数プロセス起動前編で書いた通り、通常のOS起動時とは異なり、コンテナ上で個別にプロセスを起動する必要があります。 …

: 【小ネタ】タスク管理ツール移行: Trello から Asana

プロジェクトチームのタスク管理ツールを Trello から Asana に変えることになり、タスクの移行が意外と簡単にできた、というお話です。 Trello と Asana もともと使っていたのは Trello（トレロ）です。プロジェクト > タスクグループ > タスク …

PREV: AWSにRailsアプリをデプロイする(準備編)
NEXT: Burpの使い方！