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

創(chuàng)新互聯(lián)公司堅(jiān)持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：網(wǎng)站設(shè)計(jì)制作、做網(wǎng)站、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時(shí)代的鎮(zhèn)康網(wǎng)站設(shè)計(jì)、移動(dòng)媒體設(shè)計(jì)的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！前提

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

假設(shè)你已經(jīng)開(kāi)通小白接口，如果還沒(méi)有，可到https://www.okayapi.com/?f=mwx 免費(fèi)注冊(cè)開(kāi)通

源代碼

本示例源代碼可到碼云上下載，點(diǎn)擊下載：https://gitee.com/dogstar/okayapi-demo。

最終運(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è)置 - 我的套餐，查看接口域名。如：

注意！并不是全部的所在域名都是https://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ì)看到類似這樣的調(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)用啦~~

網(wǎng)站欄目：微信小程序搭配小白接口，自己沒(méi)有服務(wù)器也能開(kāi)發(fā)哦
URL標(biāo)題：http://m.newbst.com/article8/cgipip.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供靜態(tài)網(wǎng)站、做網(wǎng)站、用戶體驗(yàn)、Google、標(biāo)簽優(yōu)化、網(wǎng)頁(yè)設(shè)計(jì)公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)