在這里我通過(guò)百度地圖的api來(lái)舉例子驶忌。
這里的請(qǐng)求是通過(guò)wx.request來(lái)實(shí)現(xiàn)的矛辕,我們先來(lái)看一下官方文檔是怎么說(shuō)的:
可以看到wx.request有很多的參數(shù)笑跛,這里我重點(diǎn)講一下url這個(gè)參數(shù),URL(Uniform Resource Locator,統(tǒng)一資源定位符)聊品,它是WWW的統(tǒng)一資源定位標(biāo)志飞蹂,就是指網(wǎng)絡(luò)地址。顧名思義url通俗地講就是我們?cè)L問(wèn)的地址嘛翻屈。
我們想要使用百度地圖的api就必須得讓小程序知道這個(gè)api是來(lái)自于哪陈哑,我們就得進(jìn)入微信的公眾平臺(tái)把所要請(qǐng)求的地址給填寫(xiě)好。
在微信公眾平臺(tái)的設(shè)置一欄中把我們所要請(qǐng)求的api給填寫(xiě)好:
下一步我們就得到百度地圖官網(wǎng)去看相關(guān)的說(shuō)明:
官方這里說(shuō)要使用百度地圖提供的api就必須注冊(cè)賬號(hào)才能獲得相關(guān)的申請(qǐng)免密ak伸眶,申請(qǐng)好之后得結(jié)果如下:
// 引用百度地圖微信小程序JSAPI模塊
var bmap = require('../../libs/bmap-wx.js');
Page({
data: {
weatherData: ''
},
onLoad: function() {
var that = this;
// 新建百度地圖對(duì)象
var BMap = new bmap.BMapWX({
ak: '您的ak'
});
var fail = function(data) {
console.log(data)
};
var success = function(data) {
var weatherData = data.currentWeather[0];
weatherData = '城市:' + weatherData.currentCity + '\n' + 'PM2.5:' + weatherData.pm25 + '\n' +'日期:' + weatherData.date + '\n' + '溫度:' + weatherData.temperature + '\n' +'天氣:' + weatherData.weatherDesc + '\n' +'風(fēng)力:' + weatherData.wind + '\n';
that.setData({
weatherData: weatherData
});
}
// 發(fā)起weather請(qǐng)求
BMap.weather({
fail: fail,
success: success
});
}
})
官方的使用方法惊窖,第一行需要引入一個(gè)bmap-wx.js的文件,我們可以在百度地圖官方網(wǎng)站中進(jìn)行下載厘贼,下載好后解壓把需要的文件引入到項(xiàng)目中來(lái)界酒。
index.wxml
<view class="weather">
<text>{{weatherData}}</text>
</view>
效果就像這樣子啦:
這里與平常使用的最大不同就是發(fā)起的是https請(qǐng)求。HTTPS(全稱(chēng):Hyper Text Transfer Protocol over Secure Socket Layer)是以安全為目標(biāo)的HTTP通道嘴秸,是HTTP的安全版毁欣,在HTTP下加入了SSL層。
SSL(Secure Sockets Layer 安全套接層),及其繼任者傳輸層安全(Transport Layer Security岳掐,TLS)是為網(wǎng)絡(luò)通信提供安全及數(shù)據(jù)完整性的一種安全協(xié)議凭疮。TLS與SSL在傳輸層對(duì)網(wǎng)絡(luò)連接進(jìn)行加密。