這里將重點介紹,在自己沒有服務器的情況下,如何在微信小程序里直接調用小白接口。
前提假設你已經開通微信小程序,如果還沒有,可前往微信公眾平臺開通:https://mp.weixin.qq.com
最終運行效果:
關鍵配置
修改request合法域名首先,登錄微信公眾號平臺,進入:設置 - 開發(fā)設置 - 服務器域名,修改request合法域名,修改為你當前所在的小白接口域名。小白接口已支持HTTPS訪問。如下:
如果不清楚自己所在的域名,可登錄小白后臺,進入:系統(tǒng)設置 - 我的套餐,查看接口域名。如:
修改app.js里的globalData然后,下載本接入示例的代碼,使用微信開發(fā)者工具(點擊下載)打開,并修改app.js里的globalData配置。如下:
關于APP_KEY和APP_SECRECT,可以在前面我的套餐里找到。 配置完成后,我們就可以開始在小程序里進行功能開發(fā)啦。下面來看,如何編寫代碼請求小白接口。 先在你的utils目錄內文件里添加okayapi.js和md5.js這兩個文件。然后在你的index.js文件內,先引入okayapi.js,即: //index.js let okayapi = require('../../utils/okayapi.js') 通過wx.request請求小白接口然后,使用微信提供的wx.request對小白接口發(fā)起請求。需要注意的是,傳遞的參數(shù)須經過okayapi.enryptData()進行加密,在返回的結果中的wxRes.data才是小白接口的返回結果。 /** * 小白接口請求示例 */ okayApiHelloWorld: function(e) { /** * 準備接口參數(shù) */ let params = { s: "Hello.World", // 必須,待請求的接口服務名稱 name: "dogstar" // 可選,根據(jù)接口文檔,補充更多接口參數(shù) }; let _self = this /** * 對小白接口發(fā)起請求 */ wx.request({ url: app.globalData.okayapiHost, data: okayapi.enryptData(params), success: function (wxRes) { // TODO:實現(xiàn)你的夢想…… let res = wxRes.data if (res.data && res.data.err_code == 0) { // TODO:請求成功 console.log('ok: ', res.data) _self.setData({ motto: res.data.title }) } else { // TODO:當前操作失敗 console.log('fail: ', res) _self.setData({ motto: res.data.err_msg }) } } }) } 調用成功的情況下,會看到類似這樣的調試信息:
使用PHP代理請求小白接口以上是針對自己沒有服務器下,微信小程序直連小白接口的接入指南。如果自己有服務器,并且不能修改現(xiàn)在微信小程序上的request合法域名時,則可以使用上面介紹的PHP代理。PHP代理的使用更簡單,只需要將PHP代理文件上傳到你的服務器上,然后在微信小程序請求接口時,鏈接改為剛才PHP代理的鏈接即可。這種使用場景,更為簡便,不需要修改request合法域名,也不需要修改app.js里的globalData配置,也不需要在wx.request進行okayapi.enryptData()加密。因為這些都全部移到了PHP代理內實現(xiàn),因此也更為安全。 即調用鏈如下: // 自己沒有服務器(通過wx.request直接請求小白接口) 微信小程序 -> 小白接口 // 自已有服務器(通過PHP代理中轉請求小白接口) 微信小程序 -> 自己服務器的PHP代理 -> 小白接口 對于自己有服務器的情況,推薦使用PHP代理;如果沒有自己的服務器也不要緊,可參考上面的接入指南。
在小白接口上,你可以存放很多自己的數(shù)據(jù),與微信小程序搭配起來開發(fā),你就能開發(fā)任何應用啦~~ |