這里將重點介紹,在自己沒有服務(wù)器的情況下,如何在微信小程序里直接調(diào)用小白接口。
創(chuàng)新互聯(lián)公司堅持“要么做到,要么別承諾”的工作理念,服務(wù)領(lǐng)域包括:網(wǎng)站設(shè)計制作、做網(wǎng)站、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù),滿足客戶于互聯(lián)網(wǎng)時代的鎮(zhèn)康網(wǎng)站設(shè)計、移動媒體設(shè)計的需求,幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴!前提假設(shè)你已經(jīng)開通微信小程序,如果還沒有,可前往微信公眾平臺開通:https://mp.weixin.qq.com
假設(shè)你已經(jīng)開通小白接口,如果還沒有,可到https://www.okayapi.com/?f=mwx 免費注冊開通
源代碼本示例源代碼可到碼云上下載,點擊下載:https://gitee.com/dogstar/okayapi-demo。
最終運行效果:
關(guān)鍵配置 修改request合法域名首先,登錄微信公眾號平臺,進(jìn)入:設(shè)置 - 開發(fā)設(shè)置 - 服務(wù)器域名,修改request合法域名,修改為你當(dāng)前所在的小白接口域名。小白接口已支持HTTPS訪問。如下:
如果不清楚自己所在的域名,可登錄小白后臺,進(jìn)入:系統(tǒng)設(shè)置 - 我的套餐,查看接口域名。如:
注意!并不是全部的所在域名都是https://api.okayapi.com,只有在這設(shè)置后,才能允許在小程序中請求接口。
修改app.js里的globalData然后,下載本接入示例的代碼,使用微信開發(fā)者工具(點擊下載)打開,并修改app.js里的globalData配置。如下:
關(guān)于APP_KEY和APP_SECRECT,可以在前面我的套餐里找到。
配置完成后,我們就可以開始在小程序里進(jìn)行功能開發(fā)啦。下面來看,如何編寫代碼請求小白接口。
先在你的utils目錄內(nèi)文件里添加okayapi.js和md5.js這兩個文件。然后在你的index.js文件內(nèi),先引入okayapi.js,即:
//index.js let okayapi = require(\'../../utils/okayapi.js\') 通過wx.request請求小白接口
然后,使用微信提供的wx.request對小白接口發(fā)起請求。需要注意的是,傳遞的參數(shù)須經(jīng)過okayapi.enryptData()進(jìn)行加密,在返回的結(jié)果中的wxRes.data才是小白接口的返回結(jié)果。
/** * 小白接口請求示例 */ okayApiHelloWorld: function(e) { /** * 準(zhǔn)備接口參數(shù) */ let params = { s: "Hello.World", // 必須,待請求的接口服務(wù)名稱 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:當(dāng)前操作失敗 console.log(\'fail: \', res) _self.setData({ motto: res.data.err_msg }) } } }) }
調(diào)用成功的情況下,會看到類似這樣的調(diào)試信息:
使用PHP代理請求小白接口以上是針對自己沒有服務(wù)器下,微信小程序直連小白接口的接入指南。如果自己有服務(wù)器,并且不能修改現(xiàn)在微信小程序上的request合法域名時,則可以使用上面介紹的PHP代理。PHP代理的使用更簡單,只需要將PHP代理文件上傳到你的服務(wù)器上,然后在微信小程序請求接口時,鏈接改為剛才PHP代理的鏈接即可。這種使用場景,更為簡便,不需要修改request合法域名,也不需要修改app.js里的globalData配置,也不需要在wx.request進(jìn)行okayapi.enryptData()加密。因為這些都全部移到了PHP代理內(nèi)實現(xiàn),因此也更為安全。
即調(diào)用鏈如下:
// 自己沒有服務(wù)器(通過wx.request直接請求小白接口) 微信小程序 -> 小白接口 // 自已有服務(wù)器(通過PHP代理中轉(zhuǎn)請求小白接口) 微信小程序 -> 自己服務(wù)器的PHP代理 -> 小白接口
對于自己有服務(wù)器的情況,推薦使用PHP代理;如果沒有自己的服務(wù)器也不要緊,可參考上面的接入指南。
在小白接口上,你可以存放很多自己的數(shù)據(jù),與微信小程序搭配起來開發(fā),你就能開發(fā)任何應(yīng)用啦~~
網(wǎng)站欄目:微信小程序搭配小白接口,自己沒有服務(wù)器也能開發(fā)哦
URL標(biāo)題:http://www.rwnh.cn/article8/cgipip.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供靜態(tài)網(wǎng)站、做網(wǎng)站、用戶體驗、Google、標(biāo)簽優(yōu)化、網(wǎng)頁設(shè)計公司
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)