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

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

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

: Charlesを使ってスマホアプリ(iOS)のUAを調べてみた

はじめにここ最近のスマホアプリには、Webブラウザの機能を実装したものが少なくありません。 (“スマホアプリ内で立ち上がるブラウザ「アプリ内ブラウザ」”の機能は「WebView」というコンポーネントを用いて実装されています。) 昨今のWebサイト、サービス運営に於いて、「通 …

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

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

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

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

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

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

: Scala番外編「Boxに保存したファイルをBox APIを使ってダウンロードしよう！」

はじめにみなさんこんにちは、プロダクト開発本部の亀梨です。普段はXmediaOneというメディアプランニング・広告運用管理・トラッキング・マーケティング分析を行う統合プラットフォームの開発を担当しています。 Box APIを使う背景・目的 DACはメディアレップですメディアレップとは、インタ …

: Burpの使い方！

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

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

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

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

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

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

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

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