進度條

[Ruby on Rails] 04. [Windows] 如何在Windows底下安裝Ruby On Rails 開發環境

你知道Windows也可以開發Ruby on rails嗎? 如果你有興趣的話請過來看看吧!

作者: 進度條編輯群 更新日期:

此文章也有影片介紹,可以搭配影片一起學習!

01. [Windows] 安裝Ruby on Rails (所屬課程)


以下正式開始文章


本文將教大家如何在Windows底下安裝Ruby On Rails,如果各位最後安裝不起來或是開發上有系統上的問題。會比較建議直接安裝在Linux虛擬主機上面,可參考Youtube連結

 

當然,使用自己的電腦多開一個虛擬機器會更吃資源,電腦會變得比較慢,這部分就要取捨。不過現在在Windows開發已經比以前穩定很多,所以依照下面的方式安裝做練習也滿推薦的。

 

如果你是Mac開發者的話,請從Mac版教學開始看起:

[Ruby on Rails] 02. [Mac] 如何在Mac底下安裝Ruby On Rails 開發環境

 

一、下載與安裝

首先,先進入Ruby On Rails的安裝網站

 

 

在該頁面底下找到WINDOWS RUBY 2.3最新版本,然後按下載。(當然也可能會有更新的版本,用最新的即可)

 

 

打開下載下來的檔案後,點選「I accept all of the Licenses」,然後按下一步。

 

 

確認是否有勾選「Install Git」版本管理及「Add executables for Ruby, DevKit and Git (if checked above) to the PATH」,如果你沒有很熟悉的話就是都打勾安裝就好。

上面是安裝Git 版本管理

下面是把安裝的程式加入PATH讓他可以直接當成指令執行。

(程式安裝後當然後可以執行,但是要像 cd 這個指令一樣在哪裡都可以執行就必須加入PATH,這跟作業系統有關,所以不知道的話就打勾即可)。

 

這會安裝Git,但是我們同時有在其他文章介紹其他的Git 安裝方式,所以如果你已經有安裝過Git,那可能會需要取消上面的打勾。但是本篇不處理相依性問題(太吃環境了),所以請自行判斷。

 

 

安裝完成的頁面如果有勾選「Configure git and ssh when installation has completed」的話,就會直接跳入設定的頁,去設定ssh及Git。之後按「Finish」。

 

 

二、設定

之後畫面跳入設定的頁面,首先要輸入使用者名稱,這個名稱會出現之後的Git或Github裡面。

(其實就是一般Git 設定,如果有用過其他方式安裝Git的話,這邊可能就不需要設定。)

 

 

再來是輸入Email address,這裡的Email address是給Git使用的,輸入完畢之後就完成設定了。

 

 

補充 : 如果你不小心把設定頁面關掉的話,以下操作路徑可以找到該設定頁面。

在桌面的左下角按搜索圖示,然後輸入rails,上方就會出現「Command Prompt with Ruby and Rails」的選項,點進去再重新依上面的設定步驟重新設定即可。

 

 

如果打開後看不到任何東西,就關掉再重新打開就好了。

設定完成的畫面如下。

 

 

頁面會顯示user name、user email及version,然後會產生一大串的ssh key。

 

三、建立專案

在設定完成的頁面底下「C:\Sites>」旁邊輸入「rails new new_project」來建立一個Rails的專案,然後按Enter開始執行,執行以後就會看到頁面開始Creat一堆東西,同時會做一個bundle install的動作,這裡的bundle install是把Rails裡的套件(Gem)跟Rails專案連結在一起,如果沒有的話會從網路上下載,就會需要等比較久的時間。

 

 

如果碰到一些下載的問題的話(這裡常下載到一半可能就卡住了,但也有可能沒有卡住,只是可能需要再等更久一點,時間無法預測),可以嘗試使用Ctrl+C,這時系統會幫忙終止批次工作。

 

 

終止後可以在做一次bundle install,但這個動作必須要進入專案裡面才有辦法做。

做法如下 : 用「 ls」的指令來看資料夾裡面的檔案資訊或者是其它的程式,

 


之後鍵入「cd new_project」,進入我們之前建立的專案裡面,進入new_project>之後,再鍵入「bundle install」這個指令,系統就會開始繼續跑套件跟Rails的連結的動作。

 

 

如果系統停在提醒您要upgrade gem的畫面的話,記得按一下Enter,系統才會繼續跑。

 


整個bundle install的動作完成後的畫面如下

 

 

如果想看專案長什麼樣子的話,在完成畫面中鍵入「pwd」,可以看到專案的路徑,依顯示的路徑打開檔案夾可以找到已建立好的專案檔案夾位置。

 

 

四、執行專案

在專案資料夾底下使用「rails server」或是「rails s」,系統會去跑程式,把整個網站給執行起來。

 

 

啟用的這個網站是只能在本機端( localhost 或 127.0.0.1 )打開的,無法連通在外面的,至於要如何連到外面的通道打開網站,也就是直接在Windows裡面打開這個Server,在之後的課程會跟大家說明。本堂課是教大家如何在Windows上面開發Ruby on Rails,開發完成後再佈署在Linux上面。執行之後會出現Windows防火牆已封鎖該應用程式的部份內容,這時就按「允許存取」才能繼續進行下去。

 

 

之後在執行完成的模式底下,打開任一瀏覽器,鍵入「127.0.0.1:3000」就可以看到一開始的網頁(127.0.0.1代表的是自己的這台電腦,每台電腦要連自己都可以用127.0.0.1)

 

 

五、基本終端機指令與概念

如果不小心關掉設定頁面,想要再重新進入剛剛的projcet裡面,就再打開指令頁面,在C:\Sites>旁鍵入「pwd」查尋專案的路徑,顯示路徑為C槽底下的Sites。

 


如果想要回到上一層的話,再鍵入「cd .. 」就可以回到上一層。

 

 

鍵入「ls」可查看專案資料夾的內容。

 

 

在C:\想回到Sites那一層,就鍵入「cd C:/Sites」,就會回來Sites那一層了。

 

 

在C:/Sites這一層再鍵入「ls」就可以看到專案裡面的資料夾內容。

 

 

打開檔案管理員,到C槽底下的Sites,為了跟後面的課程資料夾命名相司,將資料夾名稱為『new_projcet』重新命名為「projcet」。

 

 

這個資料夾名稱是可變動的,不會影響Rails的啟動,但這個資料夾裡面的資料夾名稱及檔案名稱就不能隨意變動。

 

這堂課只包含安裝與執行而已,如果安裝不起來的話可以考慮使用Linux 虛擬機器來跑喔,也會更符合真實環境。

 

下一篇: [Ruby on rails] 05. [Windows] 安裝程式編輯器與變更網站首頁

 


最後,如果你喜歡我們的文章,別忘了到我們的FB粉絲團按讚喔!!

Small logo

進度條編輯群

進度條編輯團隊