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