在這里我通過百度地圖的api來舉例子。

這里的請求是通過wx.request來實現(xiàn)的，我們先來看一下官方文檔是怎么說的：

圖片.png

可以看到wx.request有很多的參數(shù)，這里我重點講一下url這個參數(shù)，URL（Uniform Resource Locator,統(tǒng)一資源定位符），它是WWW的統(tǒng)一資源定位標志，就是指網(wǎng)絡地址。顧名思義url通俗地講就是我們訪問的地址嘛。

我們想要使用百度地圖的api就必須得讓小程序知道這個api是來自于哪，我們就得進入微信的公眾平臺把所要請求的地址給填寫好。

在微信公眾平臺的設置一欄中把我們所要請求的api給填寫好：

圖片.png

下一步我們就得到百度地圖官網(wǎng)去看相關的說明：

圖片.png

官方這里說要使用百度地圖提供的api就必須注冊賬號才能獲得相關的申請免密ak，申請好之后得結果如下：

圖片.png

// 引用百度地圖微信小程序JSAPI模塊 
var bmap = require('../../libs/bmap-wx.js'); 
Page({ 
    data: { 
        weatherData: '' 
    }, 
    onLoad: function() { 
        var that = this; 
        // 新建百度地圖對象 
        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' +'風力：' + weatherData.wind + '\n'; 
            that.setData({ 
                weatherData: weatherData 
            }); 
        } 
        // 發(fā)起weather請求 
        BMap.weather({ 
            fail: fail, 
            success: success 
        }); 
    } 
})

官方的使用方法，第一行需要引入一個bmap-wx.js的文件，我們可以在百度地圖官方網(wǎng)站中進行下載，下載好后解壓把需要的文件引入到項目中來。

index.wxml

<view class="weather"> 
  <text>{{weatherData}}</text> 
</view>

效果就像這樣子啦：

圖片.png

這里與平常使用的最大不同就是發(fā)起的是https請求。HTTPS(全稱：Hyper Text Transfer Protocol over Secure Socket Layer)是以安全為目標的HTTP通道，是HTTP的安全版，在HTTP下加入了SSL層。

SSL(Secure Sockets Layer 安全套接層),及其繼任者傳輸層安全（Transport Layer Security，TLS）是為網(wǎng)絡通信提供安全及數(shù)據(jù)完整性的一種安全協(xié)議。TLS與SSL在傳輸層對網(wǎng)絡連接進行加密。