小程序开发学习(4)---天气预报接口API篇
文章目錄
- 1.實現用戶定位API
- 2.獲取定位信息
1.實現用戶定位API
天氣預報API大多數都是需要收費的,但是在現在學習階段可以不需要購買收費的,網上能找到免費的天氣預報API地址,但是可能不是很好找,我找了好久才找到一個免費的版本,不容易啊。下面給大家分享一下微信小程序獲取用戶定位信息的方法。
先在網上進入: 實況天氣接口API開發指南
有付費和免費兩個版本,上面的鏈接需要充錢才有API,我們可以使用下面的這個免費版,點擊免費七日天氣
在免費版本這里點擊箭頭所示,注冊一個開發賬號,推薦使用郵箱注冊,后面有激活碼會發送到你的郵箱
注冊好了之后會有個易客云的天氣API激活碼發送到你的手機,我這里是采用的QQ郵箱注冊的
然后到天氣API控制臺激活這個賬號,只要輸入激活碼就好了,然后就可以使用下面APPID和APPSecret的內容
復制這個請求示例的地址到小程序的天氣API入口地址
在微信小程序準備好定位信息后,復制這個請求示例過來,在天氣預報API控制臺的APPID和APPSecret替換過來
說明一下,只有前面配置好經緯度信息后面天氣預報API才能地位你的天氣情況,所以一定要先配置好定位信息情況。這個我會在后面也會詳細的介紹如何配置經緯度信息,這里主要配置天氣預報API接口。
點擊編譯就能顯示經緯度和地理位置信息。我這里定位的地方在南昌,有城市id、日期、更新時間、城市信息,點擊詳情可以看到具體天氣詳情
到這里就能夠顯示天氣預報詳情介紹了,完成了實現天氣預報接口API設置
2.獲取定位信息
這里簡單介紹一下獲取定位信息方法,后面在完成小程序時還會詳細介紹的,其實這個獲取經緯度信息是在微信開放文檔中直接有樣式的。
可以直接復制粘貼過來,然后修改一下就好了。
在APP .JSON中復制微信開發文檔中的這段代碼:
然后在index.js文檔中復制微信開發文檔這段代碼:
wx.getLocation({type: 'wgs84',success(res) {//獲取緯度const latitude = res.latitude//獲取經度const longitude = res.longitude//速度,單位m/s//const speed = res.speed//位置的精確度//const accuracy = res.accuracyconsole.log(longitude, latitude);wx.request({url: 'https://tianqiapi.com/api?version=v6&appid=13934133&appsecret=WMrUKo5e', data: {x: '',y: ''},header: {'content-type': 'application/json' },success (res) {console.log(res.data)}})}})這樣就完成了經緯度信息的定位了,點擊編譯就能看見精度和緯度的方位。完成基本配置,就可以進行上面天氣預報API的地址信息了
再補充一點,小程序定位信息不能在小程序關閉后臺時還能定位用戶位置,造成用戶信息泄露,所以小程序只能在經過用戶同意的情況下,在使用時能定位到用戶信息,在用戶退出后就不再進行定位信息,這個是個要注意的細節。
這個圖標閃爍就表示在獲取用戶的位置信息,小程序在細節方面做的非常仔細,閃爍停止就表示已經獲得定位信息了,可以在調試器中看到經緯度信息。
到這里就大概完成了天氣預報接口API設置了。
總結
以上是生活随笔為你收集整理的小程序开发学习(4)---天气预报接口API篇的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 小程序开发学习(2)---.wxml详解
- 下一篇: SPSS的数据T检验