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

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

今回は、せっかくRailsで開発したアプリをAWS上に公開してみたいので
その構築方法をまとめていきたいと思います。
(前回の記事：初心者がRailsで開発 – deviseでユーザー認証設定 )

AWSの設定はすでに社内で使用できるようになっていたので割愛します。

★やりたいこと
Gitlabでコードを管理しているのでGitでpullして更新したものをリリースできるようにしたい

しかし、、そもそもデプロイってなにが必要なのか。。。。

AWS上にもソフトウェアがないといけない！！
とりあえずローカルで開発していたソフトウェアRuby、Railsとwebサーバーはnginx、DBはMySQLを準備していきます。

まず、ローカルのソフトウェアバージョンの確認

$ ruby -v
ruby 2.2.3p173 (2015-08-18 revision 51636) [x86_64-darwin15]

1 2	$ ruby -v ruby 2.2.3p173 (2015-08-18 revision 51636) [x86_64-darwin15]

$ rails -v
Rails 5.0.1

1 2	$ rails -v Rails 5.0.1

$ nginx -v
nginx version: nginx/1.10.2

1 2	$ nginx -v nginx version: nginx/1.10.2

AWSに移動→→

gitインストール

$ yum install git

1	$ yum install git

パッケージインストール

$ yum install gcc-c++ glibc-headers openssl-devel readline libyaml-devel readline-devel zlib zlib-devel

1	$ yum install gcc-c++ glibc-headers openssl-devel readline libyaml-devel readline-devel zlib zlib-devel

rbenv(Simple Ruby Version Management)をインストール

$ git clone https://github.com/sstephenson/rbenv.git /usr/local/rbenv
$ echo 'export RBENV_ROOT="/usr/local/rbenv"' >> ~/.bash_profile
$ echo 'export PATH="${RBENV_ROOT}/bin:${PATH}"' >> ~/.bash_profile
$ echo 'eval "$(rbenv init -)"' >> ~/.bash_profile

$ rbenv -v

$ git clone https://github.com/sstephenson/rbenv.git /usr/local/rbenv

$ echo 'export RBENV_ROOT="/usr/local/rbenv"' >> ~/.bash_profile

$ echo 'export PATH="${RBENV_ROOT}/bin:${PATH}"' >> ~/.bash_profile

$ echo 'eval "$(rbenv init -)"' >> ~/.bash_profile

$ rbenv -v

ruby-buildインストール

$ git clone https://github.com/sstephenson/ruby-build.git /usr/local/rbenv/plugins/ruby-build

1	$ git clone https://github.com/sstephenson/ruby-build.git /usr/local/rbenv/plugins/ruby-build

Rubyをインストール

//インストールできるバージョンを表示
$ rbenv install -l
//今回は2.2.3をインストール
$ rbenv install -v 2.2.3
//変更を適用するために下記コマンドを忘れずに打つ
$ rbenv rehash
//使用するバージョンをglobalに設定
$ rbenv global 2.2.3
$ ruby -v

//インストールできるバージョンを表示

$ rbenv install -l

//今回は2.2.3をインストール

$ rbenv install -v 2.2.3

//変更を適用するために下記コマンドを忘れずに打つ

$ rbenv rehash

//使用するバージョンをglobalに設定

$ rbenv global 2.2.3

$ ruby -v

Railsインストール

$ gem update --system
$ gem install --no-ri --no-rdoc rails
$ gem install bundler
$ rbenv rehash
$ rails -v

$ gem update --system

$ gem install --no-ri --no-rdoc rails

$ gem install bundler

$ rbenv rehash

$ rails -v

ココまででとりあえず必要なソフトウェアはインストールされた!!!!

gitからアプリをクローンする

//アプリを置くディレクトリを作成する
$ mkdir app-name
$ cd app-name
$ ssh://git@xxxx.xxx.co.jp:10022/xxxx/app-name.git

//アプリを置くディレクトリを作成する

$ mkdir app-name

$ cd app-name

$ ssh://git@xxxx.xxx.co.jp:10022/xxxx/app-name.git

やっとアプリのクローン完了!!!!!!!!!!

つづく。。

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

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

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

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

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

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

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

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

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

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

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

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

: Android 非同期処理についてまとめてみた

Androidには、UIに影響を与えないよういくつか非同期処理が用意されています。今回は非同期処理の代表的な・Service ・IntentService ・HandlerThread について違いを踏まえながらまとめます！非同期処理について(http://codezine.jp/articl …

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

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

: 【電子工作入門】Arduino + Processingでアラート監視してみた

こんにちは、プラットフォームワンのyamakenです。普段はフロントエンド中心にDSP周りの開発をやっています。現在新卒2年目です。広告会社のエンジニアブログということで皆さんビッグデータやインフラなどためになりそうな記事をあげていらっしゃいますが、今回は少し趣向を変えて電子工作チックな内容をお届 …

: ゼロからAngularでSPAを作ってみた(3) CI: 継続的インテグレーション編

前回までのおさらいと今回やること前々回（はじめてのアプリ編）と前回（デプロイ・公開編）で、作成した Angular のチャットアプリを Web に公開するところまでいきました。でも、デプロイするのに、毎回決まったコマンドを打つのって面倒ですよね。今回は GitHub でソースコードを管理して、 …

PREV: 意外と知らないかも？ Chrome DevTools の機能10選
NEXT: AWSにRailsアプリをデプロイする(公開編)