從無到有: 安裝 & 自動部署 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 實戰聖經

留言

張貼留言

這個網誌中的熱門文章

全遠端工作

圖片
每周分享第 21 期 全遠端工作 原文標題：All Remote 原文網址：https://about.gitlab.com/company/culture/all-remote/ 原文作者：GitLab GitLab 是一間實行 全遠端 （All Remote）的公司， 團隊成員 遍布全球 50 多個國家。 這裡 有介紹一些 GitLab 的工作原理。 遠端宣言 全遠端工作提倡： 從世界各地招聘和工作，而不是從都市地帶 彈性工時，勝過固定工時 寫下和記錄知識，勝過口頭傳授 寫下流程，勝過在職培訓 公開分享資訊，勝過僅知原則（need-to-know access，僅給予完成一件任務所需要知道的事項即可） 開放所有文件供任何人編輯，勝過自上而下的文件控制 非同步通訊，勝過同步通訊 工作的成果，勝過投入的工時 正式的溝通管道，勝過非正式的溝通管道 正式溝通 vs 非正式溝通（ 來源 ） 為什麼需要遠端？ 遠端不是一個需要克服的挑戰。這是一個明顯的商業優勢。 — Victor, Product Manager, GitLab 從節省辦公空間的成本到員工的日常生活更加彈性，全遠端工作為組織及其員工提供了許多好處。但我們也體認到，並非所有人都適合成為一家全遠端的公司。 以下是一些優點和缺點。 優點 對於員工 日常生活更加彈性（小孩、父母、朋友、雜務、運動、快遞） 不會浪費時間、精力和金錢在通勤上（捷運和公車、油價、維修保養、收費站等） 減少接觸同事的病菌 減少被打斷的狀態，提高 生產力 能夠在不請假的情況下遊歷各地（家庭、娛樂等） 自由移動 有些人發現遠端更容易與難搞的同事溝通 減少入職可能會有的社交壓力 在家吃飯（有時）更好、更便宜 某些國家的稅收可能更便宜 不用煩惱今天穿什麼 從家庭時間到旅行計劃，有很多關於遠端工作是如何影響全球 GitLab 團隊成員生活的 例子和...
閱讀完整內容

影響我一生的十大遊戲（一）

圖片
每周分享第 19 期 影響我一生的十大遊戲（一） 自 1989 年的平成元年算起，持續了約 30 年的「平成時代」已於今年 4 月畫下句點，5 月起由新年號「令和」正式接班。 日本遊戲媒體 週刊ファミ通 日前 公布 由讀者票選的「平成最佳遊戲」前三名經典作品。 來源： ファミ通.com 拿下第一名的是 1995 年在 SFC（俗稱： 超任 ）平台發售的《 超時空之鑰 》。本作受到 30 歲以上玩家（包括我）一致壓倒性支持，高票獲選。 來源： ヤフオク 《超時空之鑰》是由 SQUARE （當時尚未合併 SQUARE ENIX ）負責製作發行，《 七龍珠 》作者 鳥山明 、《 勇者鬥惡龍 》之父 堀井雄二 ，以及《 太空戰士 》之父 坂口博信 聯手打造的夢幻級 RPG。無論是劇情、美術、系統或音樂，放到今天來看仍是經典的不朽名作。 創新的時空旅行與多重結局成為不少玩家一生難忘的回憶（來源： ヤフオク ） 作為一路走過昭和、平成、令和時代的三朝元老級玩家，見證了這 30 年間五花八門的遊戲作品問世。最近看了 YouTube 頻道 攻壳 Gamker 的《 十大影響我的遊戲 》影片之後，也想來寫一系列「影響我一生的十大遊戲」文章。 第十位：熱血行進曲（FC） ...
閱讀完整內容

無限環境（ㄧ）Netlify Deploy Previews

圖片
大綱 什麼是「無限環境」？ 什麼是 Netlify Deploy Previews？ 快速入門指南 步驟一、建立 React 網站 步驟二、建立 GitHub repository 步驟三、註冊＆配置 Netlify ⭐️ 最終步驟、玩轉 Deploy Previews ⭐️ 總結 附錄 參考資料 什麼是「無限環境」？ 大家常用的 GitHub flow 其實有一個常常被忽略的重點 —— 合併前部署。 我自己在前端開發的 Code Review 上，常常碰到下列兩個問題： PR 合併、部署到 staging 或 production 環境之後，才發現程式碼有問題 為了避免第一個問題發生，就必須先 checkout PR 到 local 環境，然後經過一系列繁瑣的步驟跑起來，最後才能開始驗收和測試 為了解決上述問題，就需要引入無限環境的概念。 所謂的無限環境，就是自動將目前 PR 中的最新 commit，部署到一個臨時環境中，並返回該環境的 URL 網址。[1] 如果能實現這個條件，將為開發團隊帶來兩點好處： Reviewer 有任何懷疑時，便可以直接在預覽環境中驗證，而非憑空猜疑。 Reviewer 也可以放心大膽的驗證自己的懷疑，不需要在 local 開發環境耗時費力地切換。 接下來我會寫三篇「無限環境」系列的文章，介紹一些可以達成這個目的的工具。 這是第一篇文章，介紹如何透過 Netlify 的 Deploy Previews 服務，建立靜態網頁的無限環境。 什麼是 Netlify Deploy Previews？ Netlify 是一個類似 Heroku 的 All-in-one PaaS ，提供各種現代 web 專案會用到的自動化服務，例如：靜態網站部署、CDN、持續交付和一鍵配置 HTTPS 等。 其中 Deploy Previews 這項服務，可以將 GitHub repository 中的每個 pull request 部署到 唯一 的 URL，與 staging 和 production 環境的完全不同。你和你的團隊可以在合併到主分支、並且部署到正式環境之前，提前看到更改的外觀以及驗收功能是否正確。 快速入門指南 這篇文章會以時下最流行的 Create React App 為例，示範如何實現 React ...
閱讀完整內容