微信小程序 搞一个天气api

1. 选择一个天气API

2. 偷一个天气API !?

这波我看中了腾讯天气 , 简约大方,重要的是好看 但是有一点就是,他并没有直接给我们开放一个API,所以这里我们使用 F12进行抓包,(为啥我不使用Fiddler抓包,可能是因为我比较菜吧)

1. 没有异步请求!? f12打开查看,点到XHR筛选异步的AJAX请求,但是发现无论怎么刷新都没有。

  1. 从全部请求中排查异步包 在所有的请求包中,我发现,发送的是回调的异步请求,这才导致了在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>
经验分享 程序员 微信小程序 职场和发展