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

摘要:
然而,有些程序只能在小程序启动时运行,例如onLaunch,通过它我们可以获取用户的基本信息或找到它以进行下一步处理。如果无法获取数据,整个小程序将失败。错误=1'});}});}})3、 处理页面:若要使用getCurrentPages()获取上一个页面对象,必须使用wx NavigateTo转到此页面/**页面的初始数据*/data:{error:0//0:退出小程序1:您可以重新启动网络请求以重试},ReLoad:function{varpages=getCurrentPages();//如果{//最后一个页面实例对象varprePage=pages[pages.length-2];leturl=prePage.route;varoptions=prePage.options//要获取url中的参数,可以查看optionscolone.log;//拼接url参数varurlWithArgs=url+'?

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

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>

免责声明:文章转载自《微信小程序网络超时的处理》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Git:一台电脑上配置两个git账户Oracle19c启动监听listener服务下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

微信公众平台开发尝试

最近看了一篇博文是说微信公众平台搭建,于是心血来潮自己也尝试了一下。 1.不用多讲了,申请微信公众号,对于个人来说,只能申请订阅号。 可以看这个链接的文章,http://jingyan.baidu.com/article/414eccf6011ff06b431f0aec.html 2.采用的是Sina App Engine来脱管服务,就要申请sae开发者权...

【Python】爬取百度图片

所需要导入的包:BeautifulSoup:该模块用于接收一个HTML或XML字符串,然后将其进行格式化,之后遍可以使用他提供的方法进行快速查找指定元素,从而使得在HTML或XML中查找指定元素变得简单。这里是用来获取一个页面里面的各个标签及里面的内容,我们主要用到它里面的find(),find_All()函数requests:是用来获取网页信息的,也就是...

学习笔记(爬虫):爬取笔趣阁剑来小说

1、目的 爬取笔趣阁网站的剑来小说正文内容,并保存到本地中。 2、实现方案 首先,请求目标网站的网页数据,通过分析找出章节地址的特点,并通过xpath获取到章节链接; 其次,请求每一章节的内容,通过数据清洗去除脏数据,得到剑来文章正文; 最后,保存数据到本地。 3、程序设计 3.1 请求数据模块 请求模块,负责请求网站数据,主要使用requests的g...

微信小程序wx.request请求服务器json数据并渲染到页面

【原文出自】: https://blog.csdn.net/weixin_39927850/article/details/79766259 微信小程序的数据总不能写死吧,肯定是要结合数据库来做数据更新,而小程序数据主要是json数据格式,所以我们可以利用php操作数据库,把数据以json格式数据输出即可。现在给大家讲一下,微信小程序的wx.request...

Django2.0 URL配置详解

转自:https://www.cnblogs.com/feixuelove1009/p/8399338.html Django2.0发布后,很多人都拥抱变化,加入了2的行列。 但是和1.11相比,2.0在url的使用方面发生了很大的变化,下面介绍一下:   一、实例 先看一个例子: from django.urls import path from ....

@font-face 兼容写法

@font-face { font-family: '字体名'; src: url('字体名.eot'); /* IE9 兼容模式 */ src: url('字体名.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('字体名.woff')...