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

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

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

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

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

: 【クラウド初心者向け】Google Cloud Platform（GCP）でWebサイトを公開してみよう！

はじめにみなさんこんにちは、プロダクト開発本部の亀梨です。普段はXmediaOneというメディアプランニング・広告運用管理・トラッキング・マーケティング分析を行う統合プラットフォームの開発を担当しています。背景わたくしは最近プライベートで開発したWebサービスをインターネット上に公開しまし …

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

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

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

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

: Burpの使い方！

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

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

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

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

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

: Tableauを利用してMySQLとRedshiftのクロスDBジョインを実現する

はじめに RedshiftやTreasureDataなどのデータマート用のDBにはID単位の解析結果が格納され、ローカルのMySQLにはIDに紐づいた名称マスタが管理されている構成の場合、データマートのクロス集計結果に対してIDに紐づいた名称を付与したいことがあります。データマート用に用意したDB …

: AWSにRailsアプリをデプロイする(準備編)

今回は、せっかくRailsで開発したアプリをAWS上に公開してみたいのでその構築方法をまとめていきたいと思います。 (前回の記事：初心者がRailsで開発 – deviseでユーザー認証設定 ) AWSの設定はすでに社内で使用できるようになっていたので割愛します。 ★やりたいこと Gitlabでコ …

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