這里將重點介紹，在自己沒有服務器的情況下，如何在微信小程序里直接調用小白接口。

 

前提

假設你已經開通微信小程序，如果還沒有，可前往微信公眾平臺開通：https://mp.weixin.qq.com

 

 

 

最終運行效果：

關鍵配置

修改request合法域名

首先，登錄微信公眾號平臺，進入：設置 - 開發(fā)設置 - 服務器域名，修改request合法域名，修改為你當前所在的小白接口域名。小白接口已支持HTTPS訪問。如下：

 

如果不清楚自己所在的域名，可登錄小白后臺，進入：系統(tǒng)設置 - 我的套餐，查看接口域名。如：

 

注意！并不是全部的所在域名都是api.okayapi.com，只有在這設置后，才能允許在小程序中請求接口。

修改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ā)任何應用啦~~