??這一節(jié)我們主要講小程序作為前端,向后端發(fā)送請求的測試躲因,為什么拿小程序呢,因為它真的極為方便。
??全棧寶寶級教學—小程序前端+Express后端+MySQL數(shù)據(jù)庫(上)
??全棧寶寶級教學—小程序前端+Express后端+MySQL數(shù)據(jù)庫(中)
五睹簇、小程序前端測試
首先,你需要下載微信開發(fā)者工具寥闪,下載安裝后太惠,進入程序如下圖所示,我們需要創(chuàng)建一個新的小程序項目疲憋,AppID可以點擊Test Account or 測試號 獲取一個
在正式寫代碼前凿渊,我們還需要修改一下開發(fā)工具的設(shè)置,按紅框里面修改就行
然后我們進入pages/index/index.js文件里面缚柳,需要寫一個測試函數(shù)埃脏,然后在onLoad函數(shù)里調(diào)用一下,需要注意的點已經(jīng)用標出來了秋忙,代碼如下:
testFunc () {
console.log("start request")
wx.request({
url: 'http://***.***.***.***:3000/products/addProducts',
data: {
name: '變形金剛',
price: 123123.12
},
header: {
"content-type": "application/x-www-form-urlencoded"
},
method: 'POST',
success: function (res) {
console.log("success:" + JSON.stringify(res.data));
}
})
},
然后我們按一下ctrl+S或者command+s彩掐,在我們滿懷期待,即將成功的時候灰追,是不是發(fā)現(xiàn)報錯了??
因為我們還沒開服務(wù)器岸掠摹狗超!??
在服務(wù)器端myProject目錄下,輸入以下代碼
npm start
然后我們再在微信開發(fā)工具里面重新ctrl+S或者command+S(如果沒反應(yīng)按command+B)
然后我們?nèi)?shù)據(jù)庫看一下有沒有新數(shù)據(jù)朴下,回到服務(wù)器端努咐,終止服務(wù)器服務(wù)請按control + C,然后進入MySQL殴胧,輸入以下代碼:
use myProject
SELECT * FROM products;
至此渗稍,你已經(jīng)完整的走了一遍前后端的交互過程,離全棧工程師又更近了一步???
參考文章
初識NodeJS服務(wù)端開發(fā)之NodeJS+Express+MySQL
心得體驗
??之所以在Django后又嘗試Express作為服務(wù)器框架团滥,是因為之前有看到說Express的性能和響應(yīng)速度要更快一點竿屹,但是本人還未做嚴格的對比實驗,所以無法給出具體的參考意見惫撰;對于輕量級應(yīng)用來說羔沙,估計差別不是很大。