前端開發利器-Postman

 

對於前端開發人員而言，最需要的往往不是技術本身，其實技術都沒什麼難的，而最缺少的則是各種各樣好的兵器，比如調試，開發工具等等。

我們這裡就推薦一款前端開發的利器-Postman,它是Google Chrome Web Store的一個工具，用來協助我們測試RESTful API,我們可以為REST call添加任意我們指定的http頭，然後類比REST的調用,並測試結果。

 

安裝：

安裝很簡單，首先要保證有一個可用的Google Account.

(1)開啟Google Chrome 瀏覽器

(2)輸入以下網址:https://chrome.google.com/webstore/detail/fdmmgilgnpjigdojojpjoooidkmcomcm

然後在右上方選擇 “添加到Chrome”，如下：

650) this.width=650;" border="0" alt="" src="http://www.bkjia.com/uploads/allimg/131228/124T95943-0.png" />

然後選擇會彈出一個對話方塊，讓安裝：

650) this.width=650;" border="0" alt="" src="http://www.bkjia.com/uploads/allimg/131228/124T95120-1.png" />

 

最後選擇右上方的“啟動應用”按鈕，則可以正確的在Chrome瀏覽器中啟動"Postman"應用了：

650) this.width=650;" border="0" alt="" src="http://www.bkjia.com/uploads/allimg/131228/124T92555-2.png" />

 

 

樣本：

我們接下來示範如何使用Postman來方便我們測試REST API:

比如說：我要測試以下的RESTful API:

http://sdc-d1-payment-app1.gecwalmart.com:8080/PaymentService/api/portlets/findPayment?paymentHandle=BO-Nitz1-5678912340_12345_69&clientOrderNumber=BO-Nitz1-69

並且根據雙方約定，為了訪問這個請求URL，我必須串連上公司VPN，並且設定一些Mandatory的自訂Header,這些頭列表如下：

 [headerKey:WM_CONSUMER.IP,headerValue:127.0.0.1] 

  [headerKey:WM_SVC.ENV,headerValue:DEV] 

 [headerKey:WM_SVC.ENV,headerValue:DEV] 

 [headerKey:WM_QOS.CORRELATION_ID,headerValue:fd9bf2a9-0951-40c6-a0f3-22f5935b304e]    //this is GUID

 [headerKey:WM_SEC.AUTH_TOKEN,headerValue:ahha%&!^!)(!&] 

 [headerKey:WM_CONSUMER.INTIMESTAMP,headerValue:1346956253326]  

 [headerKey:WM_IFX.CLIENT_TYPE,headerValue:PORTAL]

 [headerKey:WM_CONSUMER.ID,headerValue:100] 

 

那麼我們只需要吧HTTP action(POST/GET/PUT/DELETE),請求URL，參數部分，以及Header部分分別輸入即可，

650) this.width=650;" border="0" alt="" src="http://www.bkjia.com/uploads/allimg/131228/124T942X-3.png" />

 

然後選擇Send,則最後就可以顯示測試結果了，如下：

650) this.width=650;" border="0" alt="" src="http://www.bkjia.com/uploads/allimg/131228/124T92301-4.png" />

 

左邊可以看出我們發送的動作，以及URL，下方則是擷取的RESTful API調用結果的jsonPayload，並且它自身已經格式化過了，所以十分清晰。

本文出自 “平行線的凝聚” 部落格，請務必保留此出處http://supercharles888.blog.51cto.com/609344/985651