這是目前我們理解的 HTTP 協定。
今天會詳細說明 Rails 是怎麼處理一個 HTTP Request。
當我們在瀏覽器輸入一個網址時，會發出一個 Get Request 到網頁伺服器。網頁伺服器會根據這個網址，決定他應該要幹嘛。而 Rails 中的 Route 負責分析網址， Route 會決定要把 Request 發給哪一個 Controller 的 Action 來做回應。因為 Action 畫上去圖會很亂，所以就乾脆不畫了。
應該很難懂吧？
用人話來說：Route 就像大樓警衛，當有信件送進來，他要負責把信交給對應的住戶，所以 Controller 就是住家，Action 就是裡面的人。
當然，一棟大樓會有一間警衛室，以及有很多住戶，而且每一戶裡面還有住很多人，但是一封信只會寄給一個人。
所以我說那個警衛室在哪？
先打開 sublime text，然後點左上角的 File(檔案)。
選擇 Open Folder...(打開資料夾)，選到我們的專案資料夾：D:\只要有心，人人都可以作卡米狗\ironman。
按下選擇資料夾。
左側多了一塊是資料夾目錄，那個灰色邊界是可以拖曳的，像這樣：
如果覺得空間不夠大，可以自行調整。
我們的警衛室在 config/routes.rb，先點左側的 config 資料夾，點一下會展開，再點一下會收合，然後再點一下 routes.rb。
這樣就是空的。
那我們的住戶呢？
住戶在 app/controllers。
看到一個 concerns 空的資料夾和一個 application_controller.rb，現階段就當作沒看到這個檔案好了。
所以我們現在蓋的樓裡面根本沒住人！總之還是先弄個住戶進去再說。
做一個 Controller
先開啟 cmd 到我們的專案目錄：
D:\只要有心，人人都可以作卡米狗\ironman>輸入 rails generate controller kamigo ，請 rails 幫我們生成一個叫做 kamigo 的 controller。
D:\只要有心，人人都可以作卡米狗\ironman>rails generate controller kamigo
create app/controllers/kamigo_controller.rb
invoke erb
create app/views/kamigo
invoke test_unit
create test/controllers/kamigo_controller_test.rb
invoke helper
create app/helpers/kamigo_helper.rb
invoke test_unit
invoke assets
invoke coffee
create app/assets/javascripts/kamigo.coffee
invoke scss
create app/assets/stylesheets/kamigo.scss
D:\只要有心，人人都可以作卡米狗\ironman>他幫我們產生了好多檔案，開頭有 create 的那些都是，但是其實我們只需要 app/controllers/kamigo_controller.rb。
我後悔了想復原怎麼辦？
我們可以用 rails destroy controller kamigo 來刪除這些檔案。
D:\只要有心，人人都可以作卡米狗\ironman>rails destroy controller kamigo
remove app/controllers/kamigo_controller.rb
invoke erb
remove app/views/kamigo
invoke test_unit
remove test/controllers/kamigo_controller_test.rb
invoke helper
remove app/helpers/kamigo_helper.rb
invoke test_unit
invoke assets
invoke coffee
remove app/assets/javascripts/kamigo.coffee
invoke scss
remove app/assets/stylesheets/kamigo.scss
D:\只要有心，人人都可以作卡米狗\ironman>這次我們手動新增 controller
在左側的 controllers 目錄上按右鍵。
選 New File。
在新的檔案裡填入我們想要的程式碼：
class KamigoController < ApplicationController
end然後按下 Ctrl+S 存檔。
輸入檔名：kamigo_controller.rb，副檔名 .rb 是 ruby 的意思，這樣 sublime text 就能知道內文是 ruby 程式碼。
自從我用了 sublime text 之後，人生就變成彩色的呢！
前面有提到 controller 是一戶，每一戶裡面還要有人，所以我們弄點人進去。
加入 action
我們定義一個叫做 eat 的空方法。
class KamigoController < ApplicationController
def eat
end
end注意看這裡：
他是一個灰色圈圈，代表這個檔案編輯過，但還沒存檔，按下 Ctrl+S 之後就會變成灰色X，像這樣：
現在我們已經有一戶，而且住了一個人了，我們來請警衛幫我們轉信。
加入 route
我們把 config/routes.rb 改成這樣：
Rails.application.routes.draw do
get '/kamigo/eat', to: 'kamigo#eat'
endget '/kamigo/eat', to: 'kamigo#eat' 的意思是當有人在瀏覽器輸入網址 /kamigo/eat 時，就把請求交給 kamigo 這個 controller 裡的 eat 方法來回應。
測試一下
在 cmd 輸入 rails s 開啟網頁伺服器：
D:\只要有心，人人都可以作卡米狗\ironman>rails s
=> Booting Puma
=> Rails 5.1.4 application starting in development
=> Run `rails server -h` for more startup options
*** SIGUSR2 not implemented, signal based restart unavailable!
*** SIGUSR1 not implemented, signal based restart unavailable!
*** SIGHUP not implemented, signal based logs reopening unavailable!
Puma starting in single mode...
* Version 3.11.0 (ruby 2.4.2-p198), codename: Love Song
* Min threads: 5, max threads: 5
* Environment: development
* Listening on tcp://0.0.0.0:3000
Use Ctrl-C to stop用瀏覽器開啟這個網址：http://localhost:3000/kamigo/eat，然後就爆炸了：
是一個很眼熟的爆炸，這招我們在第九天：作一個最簡單的 Rails 網站就玩過了。這是因為 Rails 找不到對應的 html 檔案，所以爆炸。可是我們並沒有在 eat 裡面要求 Rails 去找檔案呀！原來這是 Rails 的預設行為。要修好這個問題有兩個方法：
- 在正確的地方新增一個網頁
- 為了避免 Rails 亂幫我們做事，我們得明確說明我們想幹嘛
兩種我們都要會。
在正確的地方新增網頁
網頁應該要放在 app/views/kamigo/ 下，檔名需要叫做 eat.html 或者 eat.html.erb。
在 sublime text 新增資料夾的方法是在 views 資料夾點右鍵：
點選 New Folder...：
輸入 kamigo 後按 Enter，資料夾就新增完成了。如果你不喜歡這樣，你也可以回到檔案總管去新增資料夾。
然後新增 eat.html 檔案，在裡面寫你想要吃的東西。
再開一次網址看他有沒有修好：http://localhost:3000/kamigo/eat
修好了！
為了避免 Rails 亂幫我們做事，我們得明確說明我們想幹嘛
把 app/controllers/kamigo_controller.rb 檔案改成下面的內容後存檔：
class KamigoController < ApplicationController
def eat
render plain: "吃土啦"
end
end我們加入了一行程式碼 render plain: "吃土啦"，意思是我們要用純文字"吃土啦"來回應這個請求，這樣 Rails 就不會用預設的網頁路徑作為回應了。
再開一次網址看他有沒有變化：http://localhost:3000/kamigo/eat。
卡米狗好兇阿。
總結
- 今天了解到 Rails 最基本的運作流程
- 對於 Sublime Text 的操作又更加熟悉了
明天我們要從 Rails 的角度觀察 HTTP 協定。
沒有留言:
張貼留言