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

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

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

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

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

: Vagrantの機能を使って開発環境の効率をあげてみた。

プラットフォーム・ワンのシステムの運用・保守担当のエンジニアです。保守の仕事に関わると、ユーザからのお問い合わせだったり、監視アラートによる検知からシステムを調査することがあります。ログとソースコードを見て、不具合を特定し改修する。すぐできればカッコいいですが、「本番環境に反映して別のエ …

: modern.IEを使ってMac上でWindows10を動かす

Microsoftが提供している modern.IE というプロジェクトがある。そこで提供されている仮想環境を使って、MacにWindows10をインストールしてみる。ちなみに、このプロジェクトの本来の目的はInternet Explorerの表示確認やデバッグの支援。 VirtualBoxの準備 …

: fastavroとjqでAVRO形式のファイルからデータを取得しよう

AVRO形式のファイルを取り扱いたい AVROとはApacheプロジェクトのひとつとして開発されているデータ交換形式です。　コンパクトなバイナリで高速なシリアライズ・デシリアライズが行えるため、サーバーログなどに利用されています。弊社内での一部システムのログデータにも利用されているのですが、専用の …

: クラウド電話API “Twilio”で起こされてみた

どうも、開発部のクラヴマガです。弊社サービスも最近はAWSの様なクラウド環境でサービスを構築することが多くなりました。そこで問題になるのが、障害などによる深夜対応・・・。データセンターに物理サーバをおいていた頃は、データセンターから障害発生時に電話連絡をもらっていたのですが、クラウド環境では …

: Scala入門準備編「開発環境構築」 – PHP使いからScala使いへ転身！

はじめにみなさんこんにちは、今月入社しましたプロダクト開発本部の亀梨です。普段はXmediaOneというメディアプランニング・広告運用管理・トラッキング・マーケティング分析を行う統合プラットフォームの開発を担当しています。 XmediaOneの開発で採用しているプログラム言語はS …

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

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

: Burpの使い方！

こんにちは、第二ソリューション開発部の谷口です。受託開発の部署で開発を担当してます。 APIを扱う機会が多く、今回は通信内容を確認するためのローカルプロキシツール「Burp」について書かせて頂きます。 Burpとは Webアプリケーション開発時の検証において、Webサーバとブラウザ間の通信内容を確 …

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

こんにちは。インフラ開発部の上田です。普段は自社開発システムのインフラ担当として、日々頑張って仕事をしています。今回は、近年話題になっているDockerについて、取り上げてみようと思います！なぜDockerなのか・・・？そもそもDockerとは何か・・・？当社では様々なサー …

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