iT邦幫忙

2018 iT 邦幫忙鐵人賽
DAY 7
6

前情提要

在之前的教學裡,我們已經了解到,瀏覽器其實是一個透過 HTTP 協定即時下載檔案並顯示在畫面上的程式。應該忘得差不多了吧?我們這邊再回顧一次關於 HTTP 協定:

HTTP 協定講的是瀏覽器和網頁伺服器如何進行交流,我們目前對於瀏覽器已經有足夠多的認識,但對於網頁伺服器卻還是一片空白。

你能了解瀏覽器是因為你看得見、摸得到、安裝且使用過瀏覽器。所以為了使你深入了解網頁伺服器,我應該也讓你能像玩玩具一般,玩一下網頁伺服器。

網頁伺服器跟瀏覽器一樣有非常多套軟體,我只介紹一套,而你一定要跟我同一套,要不然你看到的畫面會跟我不同,我後面會講不下去。

卡米狗是使用 Ruby 程式語言以及 Rails 網站框架作出,而 Rails 預設的網頁伺服器是用 Puma,所以我們也會用 Puma。

相信自己作得到

接下來的路程,會很漫長。

在出發之前,先聽一首歌:https://www.youtube.com/watch?v=8nd8Xcs3rOw

請你相信自己,也相信我:「只要有心,人人都可以作卡米狗」,我不會帶你走冤枉路的。

那麼,我們從安裝 Ruby 開始。

在不是 Windows 的系統上安裝 Ruby

請參考這篇教學:https://railsbook.tw/chapters/02-environment-setup.html

在 Windows 系統上安裝 Ruby

首先打開這個網頁:https://rubyinstaller.org/downloads/

點擊紅色框框圈起來的部分(注意:選2.4的版本,不要選到2.5,2.5才剛出,有點問題),點完之後會獲得一個安裝檔,再點兩下安裝檔進行安裝。

這邊是叫你看一下使用條款,選 I accept the License 然後按 Next

選擇安裝路徑,這邊就直接用預設路徑,不要改。

下面有三個勾勾分別是:

  • 把 Ruby 資料夾加入到你的環境變數 PATH (日後會再詳細介紹)
  • 把副檔名 .rb 和 .rbw 預設為用 Ruby 開啟
  • 使用 UTF-8 作為預設編碼

跟我勾一樣的就好。

裝好了,這裡有個勾勾是問說要不要安裝得更完整一點?當然是要。

這個小黑框叫命令提示字元,看起來就跟 BBS 有 87% 像。

他問說:「您好,請問您要單點還是套餐?」這邊我們直接按 Enter 就可以了。

他說歡迎光臨,我們點 Next

請問內用還是外帶?我們點 Next

Next

安裝好MSYS2 64bit 了,請問要立即執行嗎?

這裡勾勾取消掉再按 Finish

如果你沒有取消就按下 Finish 的話,就會多跳一個小黑框出來:

我們不會用到他,所以直接點右上角的 X 關閉他就好。

而原本的小黑框會繼續跑,最後會變成這樣:

他說裝好了,這邊我們按下 Enter,結束這個回合。

讓我們來確認一下 Ruby 是不是正確安裝完成。

叫出小黑框

我們要先叫出一個小黑框,首先按一下 Windows+R 叫出執行,並輸入cmd。

然後按確定

這樣就可以叫出一個小黑框,其實他跟檔案總管很像,日後會再詳細介紹。

這裡輸入 ridk version 然後按 Enter

如果看到跟我差不多的結果,恭喜你完成了 Ruby 的安裝。

在安裝過程中遇到障礙了嗎?

如果在安裝過程中遇到任何障礙,請把你遇到障礙的畫面作螢幕截圖,並將圖片貼到本文底下的留言區。

我不會作畫面截圖,怎麼辦?

先按下 Alt+Print Screen 鍵會複製目前的畫面,再找個地方貼上(Ctrl+V),比方說小畫家,或者 Line PC版的對話框都可以。

以 Line PC版來說,你可以選擇直接按貼上的快速鍵:Ctrl+V,或者在這個區域點右鍵再按貼上

送出訊息之後,再按下載,就獲得畫面截圖囉。當然如果你要用手機直接對電腦螢幕拍照也行,只是畫質會比較差。

我找不到 Print Screen 鍵,怎麼辦?

他在這個位置:

你可能會看到按鍵上的字是寫 Prnt ScrnPrtScPrtSc SysRq,而不是 Print Screen,不過沒關係,就是他了。

我不會上傳圖片,怎麼辦?

你可以使用imgur:https://imgur.com/

點一下左上角 New post

將圖片拖曳到長頸鹿那裡,或者點一下 Browse 按鈕,選擇你想要上傳的圖片。

然後按 Copy 複製網址。

我沒有電腦,怎麼辦?

嗯,去買一台ㄅ

祝大家安裝 Ruby 順利,明天安裝 Rails 。


上一篇
第六天:認識網站
下一篇
第八天:安裝 Rails 和認識小黑框
系列文
只要有心,人人都可以做卡米狗33
2
jerryw47
iT邦新手 5 級 ‧ 2017-12-26 13:08:53

想請問一下,這樣有算安裝完成嗎?(安裝Ruby)https://ithelp.ithome.com.tw/upload/images/20171226/20107956jMMxpGQ2T8.png

我想你應該要按 Enter 繼續安裝

如果你想要知道裝好了沒,可以試試看 ruby -v 的結果是不是跟這個很像:
https://ithelp.ithome.com.tw/upload/images/20171226/20107309dVBEc0icYy.png

1
rex5213
iT邦新手 5 級 ‧ 2018-02-19 17:24:21

卡卡米你好,我在安裝時發生了這個狀況,麻煩卡卡米指導,謝謝https://ithelp.ithome.com.tw/upload/images/20180219/20108765Tbr8smlCbe.png

看更多先前的回應...收起先前的回應...

試試看在 :: msys2-runtime 與 catgets 有衝突。刪除 catgets 嗎? [y/N] 的時候輸入 y

rex5213 iT邦新手 5 級‧ 2018-02-19 18:09:38 檢舉

我在第一次按下Enter後就一連串直接跑到最後,無法按y,就算是一個一個裝,在第二個按下去之後也是直接跑到最後,沒有給我按y的機會

cool 原來是這樣 0.0

rex5213 iT邦新手 5 級‧ 2018-02-20 11:56:51 檢舉

早上起來想說先不管錯誤,直接試試後面的步驟,結果發現後續的步驟都可以正常運作,我就先往下玩了~謝謝卡卡米~

hsiwei iT邦新手 5 級‧ 2018-03-28 13:13:00 檢舉

rex5212 起初我也是跟你一樣的畫面, 關掉防毒重新裝之後就可以囉!

https://ithelp.ithome.com.tw/upload/images/20180330/201031789yrbzOzCSN.jpg

卡卡米大大您好,在這個步驟,我點選ENTER 會直接跳出視窗,是防火牆或防毒軟體會擋掉嗎?

請問會跳出什麼視窗?

0
michael8772503
iT邦新手 5 級 ‧ 2018-04-01 01:40:59

卡卡米大大您好,在這個步驟,我點選ENTER視窗會直接關閉https://ithelp.ithome.com.tw/upload/images/20180401/20109343v6GxcaHF9M.jpg
然後CMD是這樣https://ithelp.ithome.com.tw/upload/images/20180401/20109343hH1eeJuszc.jpg
MSYS2 64bit沒有安裝QQ


剛剛直接去下載msys2然後安裝解決了...https://ithelp.ithome.com.tw/upload/images/20180401/20109343vp0ZA602Y0.jpg

0
singabo
iT邦新手 5 級 ‧ 2018-04-07 15:41:49

卡卡米大大您好
請問這個怎麼解決
https://imgur.com/a/WXQw7

請問你安裝到哪個步驟了?

singabo iT邦新手 5 級‧ 2018-04-08 21:02:13 檢舉

我先安裝了ruby可是之後她沒有自己跑MSYS2
所以我自己去網上載了MSYS2後再跑一次ruby
後跟上面的圖一樣安裝好了
但是cmd就是一直回復不是內部或外部的回應

singabo iT邦新手 5 級‧ 2018-04-10 12:28:21 檢舉

我重新安裝一次就好了謝謝大大

0
hsin22
iT邦新手 5 級 ‧ 2018-05-25 21:27:44

卡卡米大大你好,請問這個狀況如何解決?https://ithelp.ithome.com.tw/upload/images/20180525/20110059FvmfjChmb4.png

看起來是你沒有正確安裝 試試看重新裝一次?

hsin22 iT邦新手 5 級‧ 2018-05-27 12:40:55 檢舉

謝謝!

1
flicker8815
iT邦新手 5 級 ‧ 2018-06-19 23:53:08

https://ithelp.ithome.com.tw/upload/images/20180619/20110294AbM1tAsg2A.jpg

大大我在這邊按下Enter 會直接關閉 開發環境w10 版本Ruby2.4

請問要怎麼解決OAO 謝謝

剛剛爬文 自己去下載msy2 解決了 感謝平台

太神啦

大大我在你下一篇文章時也發生了錯誤
安裝rails時無法安裝
稍微看了大家的回文是安裝不完全

用了您的解法

ridk install

之後
回到了Enter這
不過我選了3-MSYS2 & MINGW development toolchain

之後就可以了 我選這個選項之後 以後的步驟會有問題嗎?
麻煩您了

0
danchen
iT邦新手 5 級 ‧ 2018-11-11 12:18:17

卡卡米大大你好
我安裝完ruby按下enter後一直卡在這畫面
https://ithelp.ithome.com.tw/upload/images/20181111/20113280CRc1t3RkD8.jpg
請問要怎麼處理

我要留言

立即登入留言