[发明专利]一种基于react-native请求超时的处理方法及装置

说明书

本发明公开了一种基于react‑native请求超时的处理方法，应用于一用户终端，包括：接收用户针对预设react‑native应用的控制操作；响应所述控制操作，发送所述预设react‑native应用对应的URL请求，且调用fetch函数，其中，所述fetch函数内部预定义一用于检测所述URL请求是否超时的定时器；若所述URL请求超时，执行所述定时器内的函数，获得返回结果；通过调用所述fetch函数中的.catch函数处理所述返回结果。用于解决现有用户终端存在针对超时异常处理效率低，使用性能较差的技术问题，提高了针对超时异常处理的效率，进一步提高了用户终端的使用性能。

技术领域

本发明涉及react-native技术领域，特别涉及一种基于react-native请求超时的处理方法及装置。

背景技术

随着计算机软件技术的发展，移动应用的开发变得越来越热门，在手机等移动端上操作应用更加的方便快捷，开发移动APP的技术分很多种，有基于原生开发的，如Android系统采用java语言开发，而IOS系统则使用的是object-c和swift，即要针对这两个系统分别编和维护一套代码，这样大大提高了开发成本和难度。

而facebook推出的react-native不仅跨平台，性能和native应用又极为接近。实现一次编写，到处运行。

在现有的react native中，每个页面需要根据不同的情况分别采用不同的View层代码来实现超时异常处理，或者，对于超时异常不做任何处理。前者处理过程较为复杂且效率低，后者比如用户在网络极慢的情况下需等待2分钟以上，用户体验极差。

可见，现有用户终端存在针对超时异常处理效率低，使用性能较差的技术问题。

发明内容

本发明实施例提供一种基于react-native请求超时的处理方法及装置，用于解决现有用户终端存在针对超时异常处理效率低，使用性能较差的技术问题，提高了针对超时异常处理的效率，进一步提高了用户终端的使用性能。

一方面，本发明实施例提供了一种基于react-native请求超时的处理方法，应用于一用户终端，包括：

接收用户针对预设react-native应用的控制操作；

响应所述控制操作，发送所述预设react-native应用对应的URL请求，且调用fetch函数，其中，所述fetch函数内部预定义一用于检测所述URL请求是否超时的定时器；

若所述URL请求超时，执行所述定时器内的函数，获得返回结果；

通过调用所述fetch函数中的.catch函数处理所述返回结果。

可选地，所述方法还包括：

接收传入所述fetch函数的超时时间timeout；

基于所述超时时间，通过所述定时器检测所述URL请求是否超时。

可选地，在所述通过所述定时器检测所述URL请求是否超时之后，所述方法还包括：

若所述URL请求未超时，通过所述fetch函数接收来自服务器端针对所述URL请求返回的正确数据；

按照resolve函数输出所述正确数据，且清除所述定时器。

可选地，在所述通过调用所述fetch函数中的.catch函数处理所述返回结果之后，所述方法还包括：

输出处理结果，其中，所述处理结果具体为请求超时的错误信息，用于提示用户所述URL请求超时。

另一方面，本发明实施例还提供了一种基于react-native请求超时的处理装置，应用于一用户终端，所述装置包括：