您好,登錄后才能下訂單哦!
利用聚合數(shù)據(jù)API快速寫出小程序,過(guò)程簡(jiǎn)單。
1、申請(qǐng)小程序賬號(hào)
2、進(jìn)入開發(fā)
3、調(diào)用API。比如“蘇州實(shí)時(shí)公交”小程序,選擇的是蘇州實(shí)時(shí)公交API。
蘇州實(shí)時(shí)公交API文檔:https://www.juhe.cn/docs/api/id/31
如下,是“蘇州實(shí)時(shí)公交”小程序調(diào)用代碼:
var url = "https://apis.juhe.cn/szbusline/bus"; //為了您的密鑰安全,建議使用服務(wù)端代碼中轉(zhuǎn)請(qǐng)求,事例代碼可參考 https://code.juhe.cn/ var apiKey = "yourKey"; //輸入自己的key Page({ data: { inputValue: '', restation: [], condition: true }, //獲取輸入框的值 bindInput: function(e) { var that = this; that.setData({ inputValue: e.detail.value }); }, //點(diǎn)擊搜索按鈕調(diào)用的函數(shù) search:function(e){ var that = this; //數(shù)據(jù)加載完成之前,顯示加載中提示框 wx.showToast({ title: '加載中。。。', icon: 'loading', duration: 10000 }); //輸入框沒有輸入的判斷 if(that.data.inputValue == ''){ wx.hideToast(); return; } //發(fā)起請(qǐng)求,注意 wx.request發(fā)起的是 HTTPS 請(qǐng)求 wx.request({ url: url + "?station=" + that.data.inputValue + "&key=" + apiKey, data: {}, header: { 'content-type': 'application/json' }, success: function(res) { var data = res.data; //將數(shù)據(jù)從邏輯層發(fā)送到視圖層,同時(shí)改變對(duì)應(yīng)的 this.data 的值 that.setData({ restation: data.result, condition: false }); //數(shù)據(jù)加載成功后隱藏加載中彈框 wx.hideToast(); } }) } })
4、完整×××
提供“蘇州實(shí)時(shí)公交”小程序的完整×××,可以通過(guò)完整的源碼,更好的學(xué)習(xí)如何通過(guò)調(diào)用聚合API,快速實(shí)現(xiàn)編寫小程序。
下載“蘇州實(shí)時(shí)公交”小程序代碼:https://juheimg.oss-cn-hangzhou.aliyuncs.com/www/activity/wx/juhewx.zip
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。