前情提要
在之前的教學裡,我們已經了解到,瀏覽器其實是一個透過 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/
點擊紅色框框圈起來的部分,點完之後會獲得一個安裝檔,再點兩下安裝檔進行安裝。
這邊是叫你看一下使用條款,選 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 Scrn
或PrtSc
或PrtSc SysRq
,而不是 Print Screen
,不過沒關係,就是他了。
我不會上傳圖片,怎麼辦?
你可以使用imgur:https://imgur.com/
點一下左上角 New post
將圖片拖曳到長頸鹿那裡,或者點一下 Browse
按鈕,選擇你想要上傳的圖片。
然後按Copy
複製網址。
我沒有電腦,怎麼辦?
嗯,去買一台ㄅ
祝大家安裝 Ruby 順利,明天安裝 Rails 。
沒有留言:
張貼留言