微信小程序 搞一个天气api
1. 选择一个天气API
2. 偷一个天气API !?
这波我看中了腾讯天气 , 简约大方,重要的是好看 但是有一点就是,他并没有直接给我们开放一个API,所以这里我们使用 F12进行抓包,(为啥我不使用Fiddler抓包,可能是因为我比较菜吧)
1. 没有异步请求!? f12打开查看,点到XHR筛选异步的AJAX请求,但是发现无论怎么刷新都没有。
- 从全部请求中排查异步包 在所有的请求包中,我发现,发送的是回调的异步请求,这才导致了在XHR中找不到。
这里我对两个api进行了一些处理,因为我不需要那么多的信息。
4. 还有一个问题!?
因为腾讯的这个api是需要通过省份和城市来获取天气的, 所以说,需要先执行获取省份和城市的方法!
所以我这里使用了setTime()这个方法
/** * 生命周期函数--监听页面加载 */ onLoad: function (options) { this.getCity() //获取天气的时候慢200ms setTimeout(()=>{ this.getWether() },500) },
5. 渲染到页面上
这个就比较简单了,
<view class="wether"> <text>{ { today}}</text><text>{ { city}} { { weather}}</text> </view>
上一篇:
uniapp开发微信小程序-2.页面制作