從無到有: 安裝 & 自動部署 Ruby on Rails 網站.

這個月把網站從 Amazon EC2 搬回自己的 server, 目前整個環境是 Linux(Ubuntu) + Apache + Ruby on Rails 在跑, 筆記一下從無到有的配置方法:

Install VirtualBox

虛擬主機, 另一個較有名的是 VMWare, 這裡是選用 VirtualBox 4.2.12 作 host.
安裝之後設定一下配置, 大部份都用預設的就可以, 比較不一樣的地方有, 記憶體 1024 MB, 網路使用橋接界面卡的方式, 這樣可以在虛擬 OS 內連線取得固定 IP, 這對使用自有網址來架設網站是很重要的.

Install Ubuntu

下載 Ubuntu 最新版本, 這裡使用 13.04, 然後將映像擋掛載在 VirtualBox 後啟動, 照指示一步一步安裝.
安裝完成後, 記得先把系統更新裝一裝, 之後執行:
  1. $ sudo apt-get update
  2. $ sudo apt-get upgrade

Install SSH

安裝完 ubuntu 後, 為了之後能遠端操作 server, 所以接著安裝 SSH:
  1. $ sudo apt-get install openssh-server
  2. $ ssh-keygen -t rsa
  3. $ scp .ssh/id_rsa.pub SERVER_HOST_NAME:~/.ssh/
  4. $ cat .ssh/id_rsa.pub >> .ssh/authorized_keys
註: 第 2-4 步是為了之後登入 server 可以不用打密碼.
註: 第 3 步的 SERVER_HOST_NAME 記得換成自己的網址或 IP.

Install vim

接著是安裝 vim, 為了之後能在 terminal 上直接編輯文字檔案 or code:
  1. $ sudo apt-get remove vim-tiny
  2. $ sudo apt-get install vim

Install Git

版本控制, 因為之後部署網站都是直接從 GitHub 拉下來, 所以需要安裝 Git:
  1. $ sudo apt-get install -y git-core
如果需要使用到 GitHub SSH 的話請參考這篇: Generating SSH Keys

Install NVM + Node

雖然我的網站還沒使用到 Node.js 的技術, 但接下來要安裝的東西需要跑 javascript, 所以這裡需要先安裝.
NVM 是 Node.js 的版本管理套件, 可以輕鬆安裝, 移除, 切換任意版本的 Node:
  1. $ sudo apt-get install build-essential libssl-dev curl
  2. $ git clone git://github.com/creationix/nvm.git ~/.nvm
  3. $ echo ". ~/.nvm/nvm.sh" >> .bashrc
  4. $ bash
NVM 安裝完成後, 接著安裝 Node, 這裡使用 0.10.0 的版本:
  1. $ nvm install v0.10.0
  2. $ nvm alias default 0.10.0

Install RVM + Ruby + Rails

同 NVM, RVM 是 Ruby 的版本管理套件:
  1. $ bash -s stable < <(curl -s https://raw.github.com/wayneeseguin/rvm/master/binscripts/rvm-installer)
  2. $ echo '[[ -s "$HOME/.rvm/scripts/rvm" ]] && source "$HOME/.rvm/scripts/rvm"' >> ~/.bash
  3. $ source ~/.bashrc
  4. $ bash
接著安裝 Ruby 1.9.3:
  1. $ rvm install 1.9.3
  2. $ rvm use --default 1.9.3
接著安裝 Ruby on Rails:
  1. $ gem install sqlite3 --no-ri --no-rdoc
  2. $ gem install rails --no-ri --no-rdoc

Install Apache + Passenger

接著安裝 server, 通常有 Apache 或 Nginx 兩種, 這裡是選用 Apache:
  1. $ sudo apt-get install -y apache2-mpm-prefork apache2-prefork-dev libapr1-dev libaprutil1-dev libcurl4-openssl-dev
安裝完 Apache server 後, 要讓 Rails 能在上面 run, 需要安裝 Passenger 套件:
  1. $ gem install passenger
  2. $ sudo passenger-install-apache2-module
在安裝完成後, 會看到 LoadModule 的配置訊息, 把它貼到 /etc/apache2/conf.d/mod_rails, 大致上會類似這樣:
LoadModule passenger_module /home/YOUR_RUBY_PATH/gems/passenger-4.0.2/libout/apache2/mod_passenger.so
PassengerRoot /home/YOUR_RUBY_PATH/gems/passenger-4.0.2
PassengerDefaultRuby /home/YOUR_RVM_PATH/wrappers/ruby-1.9.3-p429/ruby
接著在 /etc/apache2/sites-enabled 底下建立一個 YOUR_APP.conf, 加入以下設定:
<VirtualHost *:80>
ServerName YOUR_DOMAIN_NAME
DocumentRoot YOUR_RAILS_PATH/public
<Directory YOUR_RAILS_PATH/public>
  AllowOverride all
  Options -MultiViews
</Directory>
</VirtualHost>
接著重啟 Apache:
  1. $ sudo a2dissite default
  2. $ sudo service apache2 reload
  3. $ sudo service apache2 rstart
  4. $ sudo apache2ctl restart

Install Capistrano

大致上 server 環境都建置好了, 最後要設定自動化部署工具, 使用 Capistrano 這個套件:
  1. $ gem install capistrano
安裝完之後, 前往你的 Rails 目錄:
  1. $ capify .
指令完成之後 Rails 目錄會新增 config/deploy.rb, 開啟並設定一些部署參數, 大致上會如下:
set :application, "YOUR_RAILS_APP_NAME"
set :repository,  "YOUR_GIT_REPOSITORY_PATH"

set :branch, "master"
set :scm, :git
set :user, "YOUR_GIT_USERNAME"
set :port, "22"

set :deploy_to, "YOUR_SERVER_APP_PATH"
set :deploy_via, :remote_cache
set :use_sudo, false

role :web, "YOUR_WEB_SERVER_DOMAIN"
role :app, "YOUR_APP_SERVER_DOMAIN"
role :db,  "YOUR_DB_SERVER_DOMAIN"
…
接著可以開始部署了:
  1. $ cap deploy:setup
  2. $ cap deploy:cold
下完以上指令後, server 上的目錄會出現 current, release 這些資料夾, current 這個目錄就是最新部署的位置, 前往這個目錄, 安裝從 Git 拉下來的 Rails:
  1. $ bundle install
這樣就完成所有 server 部署的配置了, 之後只要網站有更新, 直接執行以下部署指令, server 就會從 Git 上自動更新:
  1. $ cap deploy
如果以上步驟都沒發生問題, 網站也成功運行, 別忘了使用 VirtualBox 的快照功能, 儲存一份當前狀態, 這樣之後就算 server 被搞爛了也能迅速恢復到最初狀態 :-)
小撇步:
  1. 不習慣 Ubuntu 的視窗桌面, 可以使用 Ctrl-Alt-F1 切換到 Console mode, Ctrl-Alt-F7 切回視窗模式.
  2. 有時會發生 server 網路斷線的情況, 雖然不知道這招是不是對的, 但用到現在網路還蠻穩定的, 開啟 /etc/ppp/options, 將 lcp-echo-failure 值設高一點, 這裡設 15.
參考文章:
  1. Ruby on Rails 實戰聖經

留言

張貼留言

這個網誌中的熱門文章

COSCUP 2012

今年很幸運的有搶到入場資格，這也是小弟第一次參加 COSCUP ，趁現在剛結束滿腔熱血的狀態下來寫篇心得文。 今年 COSCUP 一共有兩天的行程，在中研院人文館舉辦，每個時段都有 3~4 場的分享，不過常常碰到某個時段三場都想聽，也常常碰到某個時段的題目都沒興趣...orz Day1 第一天忘了做筆記，只好憑記憶跟拿些圖來湊一湊 我的專屬識別證唷>.^ 早上第一場是微軟傳教士分享的 Windows Azure 感覺還不錯，而且有繁體中文的介面。 第二場我去聽了 Fred 的 Nodee.js OS，不過我覺得他自己改的 Linux 比較炫。 第三場請到 Penk 大大來 demo 他的平板 UI，印象深刻的一句話是 科技業是唯一比女行時尚還追求時尚的行業 我的解讀是幹這行每天都在學新技術 囧.. 第四場超讚，講者 demo 他用 javascript 寫的超任模擬器，眼淚都快飆出來了，而且老師很幽默: 目前國外有人正在研究如何用 javascript 寫出一個超任模擬器，如果他成功，那會是全世界第三個，因為前面兩個被我寫出來了XDDD 接下來的下午場雖然都有去聽，可是比較沒有什麼印象的點，只記得最後閃電秀的大大們XD，你們實在太讚了! Day2 難得有位置，明明很晚到... 第一場請到廣達的 Ted 先生，本來以為會很無聊，但從頭聽到尾，學到蠻多東西的: 研發的目的 1.不想被外界surprise 2.想給外界surprise   不相信外星人就無法創造飛行車   要把複雜的東西變簡單其實是最不簡單的   設計一個你最討厭的東西 試著把它做好 第二場去聽 Tool Objects in jQuery，主要重點: 用 Queue 取代巢狀 Callback Deferred 可以看做是 Call by future  $.when 可以用來管理複數非同步的結果  pipe 跟 when 的關係可以看作串聯與並聯 一些 Callback 常用的 function: add fire once memory unique stopOnFalse differed 第三場的場次是我最掙扎的，有Heroku，有Emacs，有Twitter Bootstrap，還有手
閱讀完整內容

Hahow 為什麼沒有 iOS App

圖片
大綱 前言 Hahow 為什麼沒有 iOS App？ 為什麼有了「App 內購買」還是被拒絕？ 為什麼 Hahow 要使用「消耗型項目」IAP？ 為什麼 Udemy 可以使用「消耗型項目」IAP？ Hahow iOS App 接下來的計畫？ 結語 前言 最近看到一篇 The Verge 報導 ，Apple 的律師要求 App Store 的前任經理停止發行《App Store Confidential》這本書，因為此書透露了「重大的商業機密」，違反了員工與公司簽訂的合約。 但是此書的作者 Sadowski 表示，這本書的很多內容其實是大家都知道的，例如：應用程式必須將使用者轉化為 Apple 的 付費客戶。 來源 appleinsider 眾所周知，Apple 的 App Store 平台審核機制封閉，很多東西是他們說的算。 作為一位曾經參與 Hahow App 的開發人員，看到這一篇報導感觸很深，滿肚子苦水不吐不快。 許多 Hahow 的使用者常常詢問，為什麼 Android 的 App 已經上架這麼久了，iOS App 卻還看不見影呢？ https://hahow.app Hahow 為什麼沒有 iOS App？ 其實 iOS App 一直都是與 Android App 同步開發的。 最早可以回朔到 2017 年 10 月，當初 Web 使用者不斷反應，希望可以在手機上，下載 Hahow 的課程，方便通勤時間也能離線觀看。 於是我自己利用公司讀書會的機會，嘗試使用 React Native 開發了一個 Hahow App 的原型（Prototype），簡單演示了「下載離線觀看」和「通知」兩個手機上才能做到的功能。 Prototype 讀書會簡報 也因此，成功說服了幾位頭頭，於 2018 年 2 月正式投入開發 Hahow App。 並於 2018 年 6 月，順利在 Google Play 上架 Android App。 有關於我們如何用 Expo 這個 React Native SDK 開發 App、踩過哪些坑，以及專案的 Scrum 怎麼跑之類的，會再另外找時間分享一篇《Hahow 如何開發 Android App》文章，這裡就先不多贅述。 Go
閱讀完整內容

swfobject - 網頁輕鬆嵌入Flash

Flash在網頁上的應用已經越來越普遍了，未來一樣占有一席之位，但是從以前到現在，對於發佈Flash到網頁上常常碰到一些不必要的問題，例如XP SP2更新後，IE瀏覽器上方會出現檔掉的訊息，或是Flash外框出現虛線，需要滑鼠點一下才能開始動作等...，而且使用者並未安裝Flash Player的情況下或版本太低都會無法順利的瀏覽。 最近剛好看到一個不錯的東西，就是這次要介紹的swfobject，一般我們要嵌入swf到HTML時，通常會寫的語法如下: < object id ="FlashID" classid ="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width ="300" height ="120" > < param name ="movie" value ="test.swf" /> < param name ="quality" value ="high" /> < param name ="wmode" value ="opaque" /> < param name ="swfversion" value ="6.0.65.0" /> </ object > 上面的程式碼使用到<object>標籤，早一點的甚至還要再寫<embed>才能動作，因為IE跟其他瀏覽器的種種原因，使得這種寫法不但又臭又長，也不符合標準。 那使用swfobject有什麼好處呢?我們繼續看下去吧。 首先我們得先去swfobject的網頁 http://code.google.com/p/swfobject/ ，然後下載目前的最新版本 swfobject_2_2.zip 。
閱讀完整內容