iT邦幫忙

DAY 17
1

Ruby on Rails 花招百出系列 第 18

Debugging Rails入門:五個必備技巧

  • 分享至 

  • xImage
  •  

從第一天學寫code開始,bug就隨之而來。就算只是不小心打錯成:

1 + 1 = 3

程式也會很無情的賞你一個大大的錯誤訊息。在學Rails的路上我們都不孤單,不是因為有很棒的Rails社群,而是因為每天都有新的bug相伴左右。

我開發Rails的時間不長,但在一路跌跌撞撞之下,碰過的bug也實在不少。在這邊彙整一些前人的經驗及自身的學習,提供幾個有用的技巧、技巧,希望新手都能快速了解遇到bug時該用什麼樣的方法來應對。

以下分為五篇文章:

第1篇:看懂錯誤訊息

遇到bug,第一件事就是要把訊息看清楚!本篇以非常入門的角度介紹在irb以及Rails當中遇到錯誤時,畫面中的訊息分為哪些區塊,以及該如何解讀。

第2篇:九個常見的錯誤訊息

看懂錯誤訊息以後,如果能自己快速處理掉,那真是再好不過。本篇介紹九個常見的錯誤訊息,分享一些常見狀況,看到底有哪些狀況可以直接照邏輯判斷錯誤的地方。

第3篇:遇到bug直接在瀏覽器除錯

一般來說,遇到bug都是回到code當中瀏覽、思考,但更直接的方法是在遇到bug時直接從瀏覽器的當下狀況直接進行分析。儘管從Rails 4.2.0開始已經有內建的web console可以直接debug,但就功能完整度及畫面精細度來看,better_errors這個gem還是大勝一籌。他在瀏覽器當中直接建立一個console,使用者可以在console當中解析各個method、variable的狀況。例如我們有以下的code:

def comment
	Comment.create(:post_id => @post[:id])
end

如果在這個method產生錯誤,就可以在console中分別執行@post、@post[:id]、Comment、Comment.create!,看各個指令有哪一項不如預期,就知道要從哪邊下手修改了!本篇介紹better_errors的安裝及使用方法。

第4篇:沒有錯誤訊息,卻有錯誤的結果

有些時候我們的計算方法就是不如預期,卻沒有錯誤訊息的出現,那該怎麼處理呢?反覆測試是一個方法,但更直接的方法是使用**gem ‘pry’**在code當中設定斷點,只要程式執行到這個斷點,就會在console當中剖析,這個gem最棒的是可以用step和next兩個指令來逐行掃描,遇到複雜的method可以說是非常好的幫手。

第5篇:用DevTools檢查前端及後端的溝通

在使用複雜的前端框架時,常常會需要搭配ajax進行資料庫的調整,而在Rails與javascript溝通的過程中,難免會產生奇怪的結果。這時候到底要從哪邊開始看呢?大家都不希望Rails的程式碼看半天結果錯在javascript的variable名稱打錯了。這時使用Chrome的DevTools或Firefox的Firebug可以了解從前端發送的ajax request以及收到的response為何。

如果是request有問題,就請從javascript開始debug;如果是response有問題,就從Rails開始觀察。

免費好工具,不學嗎?

以上五篇文章介紹了基本debug的概念及工具,想必大家應該對於基本的debug都已經有很完整的了解。希望大家都能漸入佳境喔!

CC圖片授權:Fred

本篇同步刊登於我的部落格:特快車


上一篇
Debugging Rails:前端後端到底哪裡出錯?用DevTools來檢視整個流程
下一篇
ActiveRecord Command Line基本操作指令
系列文
Ruby on Rails 花招百出32
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言