• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

微信小程序网络超时的处理

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

连接网络总有可能客户端因为网络情况,无法连接到微信服务器或者开发者服务器。但是有的只有在小程序启动时才能运行,比如

onLaunch,通过这个我们可以获取用户的基本信息,或者定位用来做下一步处理,如果这个无法获取数据,会导致整个小程序的失败。
所以我建议可以把错误分两个级别,假如是开发者服务器连接不上,可以通过重载页面来处理,但是如果是onLaunch中的数据也无法获取就必须让用户退出小程序,重新打开再试了。
app.json 中配置用来设置超时时间,默认为6000毫秒,也就是6秒
"networkTimeout": {
    "request": 6000,
    "downloadFile": 10000
  },

一、在onLaunch运行任务如果超时,我把错误级别定为0,并转向错误页面

 

wx.login({
      success(res) {
        if (res.code) {
          //console.log(res.code);
          //发起网络请求
          wx.request({
            url: \'https://**/index/zz/getuserinfo\',
            data: {
              code: res.code
            },
            success: res => {
            
              wx.setStorageSync(\'open_id\', res.data.openid);
              wx.setStorageSync(\'session_id\', res.data.session_id);
              wx.setStorageSync(\'session_key\', res.data.session_key);
              that.globalData.isSessionkey=true;
              //console.log(res.data);
              if (that.sessionCallback) {
                        that.sessionCallback(res);
              }
             
            },fail:f=>
            {
              wx.showModal({
                title: \'提示\',
                showCancel: false,
                content: \'可能网络不太好,请重试!\',
                success: function () {
                  wx.navigateTo({
                    url: \'/pages/reload?error=0\'
                  });
                }
              });
            }
          })
        } else {
          console.log(\'登录失败!\' + res.errMsg)
        }
      
      }, fail: function () {
        wx.showModal({
          title: \'提示\',
          showCancel: false,
          content: \'可能网络不太好,请重试!\',
          success: function () {
            wx.navigateTo({
              url: \'/pages/reload?error=0\'
            });
          }
        });
      }
    });

二、如果是页面请求超时,我把错误定为2,可以通过重试来修复

    

wx.request({
    url: webUrl + model.url,
    data: model.param,
    method: model.method,
    success: function (res) {

    },
    fail: function (res) {
      wx.hideLoading();
      wx.showModal({
        title: \'提示\',
        showCancel: false,
        content: \'可能网络不太好,请重试!\',
        success: function () {
          wx.navigateTo({
            url: \'/pages/reload?error=1\'
          });
        }
      });
    }
  })

 

三、处理页面:要使用getCurrentPages()获取上一页对象,必须使用wx.navigateTo转向此页

 

/**
   * 页面的初始数据
   */
  data: {
   error:0 // 0:需要退出小程序 1:可以重新发起网络请求重试
  },
  reLoad:function(error)
  {
    var pages = getCurrentPages();//获取页面栈
    if (pages.length > 1) {
      //上一个页面实例对象
      var prePage = pages[pages.length - 2];
      let url=prePage.route;
      var options = prePage.options //如果要获取url中所带的参数可以查看options
      console.log(\'options\', options);
      //拼接url的参数
      var urlWithArgs = url + \'?\'
      for (var key in options) {
        var value = options[key]
        urlWithArgs += key + \'=\' + value + \'&\'
      }
      urlWithArgs = urlWithArgs.substring(0, urlWithArgs.length - 1)
     
      wx.reLaunch({
        url: \'/\' + urlWithArgs,
        fail:function(e)
        {
          wx.switchTab({
            url: \'/\' + prePage.route,
          })
        }
      });
    }
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.setData({ error: options.error});
   // this.reLoad(options.error);
  },

  

      

 

页面wxml

<view class="container">
<button bindtap="reLoad" class="error" wx:if="{{error==1}}" >重新加载 </button>
<navigator hover-class="none"  wx:if="{{error==0}}" class="error" target="miniProgram" open-type="exit"> 退出重试</navigator>
</view>

 


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
最全的微信小程序代码大全发布时间:2022-07-18
下一篇:
微信小程序开发POST请求发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap