這里將重點(diǎn)介紹，在自己沒(méi)有服務(wù)器的情況下，如何在微信小程序里直接調(diào)用小白接口。

 

前提

假設(shè)你已經(jīng)開(kāi)通微信小程序，如果還沒(méi)有，可前往微信公眾平臺(tái)開(kāi)通：https://mp.weixin.qq.com

 

 

 

最終運(yùn)行效果：

關(guān)鍵配置

修改request合法域名

首先，登錄微信公眾號(hào)平臺(tái)，進(jìn)入：設(shè)置 - 開(kāi)發(fā)設(shè)置 - 服務(wù)器域名，修改request合法域名，修改為你當(dāng)前所在的小白接口域名。小白接口已支持HTTPS訪問(wèn)。如下：

 

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

 

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

修改app.js里的globalData

然后，下載本接入示例的代碼，使用微信開(kāi)發(fā)者工具（點(diǎn)擊下載）打開(kāi)，并修改app.js里的globalData配置。如下：

關(guān)于APP_KEY和APP_SECRECT，可以在前面我的套餐里找到。

配置完成后，我們就可以開(kāi)始在小程序里進(jìn)行功能開(kāi)發(fā)啦。下面來(lái)看，如何編寫(xiě)代碼請(qǐng)求小白接口。

先在你的utils目錄內(nèi)文件里添加okayapi.js和md5.js這兩個(gè)文件。然后在你的index.js文件內(nèi)，先引入okayapi.js，即：

//index.js
let okayapi = require('../../utils/okayapi.js')

通過(guò)wx.request請(qǐng)求小白接口

然后，使用微信提供的wx.request對(duì)小白接口發(fā)起請(qǐng)求。需要注意的是，傳遞的參數(shù)須經(jīng)過(guò)okayapi.enryptData()進(jìn)行加密，在返回的結(jié)果中的wxRes.data才是小白接口的返回結(jié)果。

  /** * 小白接口請(qǐng)求示例 */
  okayApiHelloWorld: function(e) {
    /** * 準(zhǔn)備接口參數(shù) */
    let params = {
      s: "Hello.World",         // 必須，待請(qǐng)求的接口服務(wù)名稱
      name: "dogstar"         // 可選，根據(jù)接口文檔，補(bǔ)充更多接口參數(shù)
    };
    let _self = this

    /** * 對(duì)小白接口發(fā)起請(qǐng)求 */
    wx.request({
      url: app.globalData.okayapiHost,
      data: okayapi.enryptData(params),
      success: function (wxRes) {
        // TODO：實(shí)現(xiàn)你的夢(mèng)想……
        let res = wxRes.data

        if (res.data && res.data.err_code == 0) {
          // TODO：請(qǐng)求成功
          console.log('ok: ', res.data)

          _self.setData({
            motto: res.data.title
          })
        } else {
          // TODO：當(dāng)前操作失敗
          console.log('fail: ', res)

          _self.setData({
            motto: res.data.err_msg
          })
        }

      }
    }) 
  }

調(diào)用成功的情況下，會(huì)看到類(lèi)似這樣的調(diào)試信息：

使用PHP代理請(qǐng)求小白接口

以上是針對(duì)自己沒(méi)有服務(wù)器下，微信小程序直連小白接口的接入指南。如果自己有服務(wù)器，并且不能修改現(xiàn)在微信小程序上的request合法域名時(shí)，則可以使用上面介紹的PHP代理。PHP代理的使用更簡(jiǎn)單，只需要將PHP代理文件上傳到你的服務(wù)器上，然后在微信小程序請(qǐng)求接口時(shí)，鏈接改為剛才PHP代理的鏈接即可。這種使用場(chǎng)景，更為簡(jiǎn)便，不需要修改request合法域名，也不需要修改app.js里的globalData配置，也不需要在wx.request進(jìn)行okayapi.enryptData()加密。因?yàn)檫@些都全部移到了PHP代理內(nèi)實(shí)現(xiàn)，因此也更為安全。

即調(diào)用鏈如下：

// 自己沒(méi)有服務(wù)器（通過(guò)wx.request直接請(qǐng)求小白接口）
微信小程序 -> 小白接口

// 自已有服務(wù)器（通過(guò)PHP代理中轉(zhuǎn)請(qǐng)求小白接口）
微信小程序 -> 自己服務(wù)器的PHP代理 -> 小白接口

對(duì)于自己有服務(wù)器的情況，推薦使用PHP代理；如果沒(méi)有自己的服務(wù)器也不要緊，可參考上面的接入指南。

 

在小白接口上，你可以存放很多自己的數(shù)據(jù)，與微信小程序搭配起來(lái)開(kāi)發(fā)，你就能開(kāi)發(fā)任何應(yīng)用啦~~