第七天：認識網頁伺服器（ 2018 iT邦幫忙鐵人賽－只要有心，人人都可以作卡米狗 ）

markdown # 前情提要 在之前的教學裡，我們已經了解到，瀏覽器其實是一個透過 HTTP 協定即時下載檔案並顯示在畫面上的程式。應該忘得差不多了吧？我們這邊再回顧一次關於 HTTP 協定：  HTTP 協定講的是瀏覽器和網頁伺服器如何進行交流，我們目前對於瀏覽器已經有足夠多的認識，但對於網頁伺服器卻還是一片空白。 你能了解瀏覽器是因為你看得見、摸得到、安裝且使用過瀏覽器。所以為了使你深入了解網頁伺服器，我應該也讓你能像玩玩具一般，玩一下網頁伺服器。 網頁伺服器跟瀏覽器一樣有非常多套軟體，我只介紹一套，而你一定要跟我同一套，要不然你看到的畫面會跟我不同，我後面會講不下去。 卡米狗是使用 Ruby 程式語言以及 Rails 網站框架作出，而 Rails 預設的網頁伺服器是用 Puma，所以我們也會用 Puma。 # 相信自己作得到 接下來的路程，會很漫長。 在出發之前，先聽一首歌：[https://www.youtube.com/watch?v=8nd8Xcs3rOw](https://www.youtube.com/watch?v=8nd8Xcs3rOw) 請你相信自己，也相信我：「只要有心，人人都可以作卡米狗」，我不會帶你走冤枉路的。 那麼，我們從安裝 Ruby 開始。 # 在不是 Windows 的系統上安裝 Ruby 請參考這篇教學：[https://railsbook.tw/chapters/02-environment-setup.html](https://railsbook.tw/chapters/02-environment-setup.html) # 在 Windows 系統上安裝 Ruby 首先打開這個網頁：[https://rubyinstaller.org/downloads/](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/](https://imgur.com/)  點一下左上角 `New post`  將圖片拖曳到長頸鹿那裡，或者點一下 `Browse` 按鈕，選擇你想要上傳的圖片。  然後按`Copy` 複製網址。 # 我沒有電腦，怎麼辦？ 嗯，去買一台ㄅ 祝大家安裝 Ruby 順利，明天安裝 Rails 。