网络信息浏览方法、装置、设备、存储介质以及系统与流程

本发明涉及应用程序开发技术领域，尤其是涉及一种网络信息浏览方法、装置、设备、存储介质以及系统。

背景技术：

随着网络技术的发展，目前互联网用户需要浏览各种类型的网络信息，并且各类信息提供平台的信息类型和用户需求不相匹配，因此用户常常需要到不同的网站查阅或者下载不同的手机app去获取各类资讯。

对于用户来说，通过登陆各类网站或各种app获取网络资讯的方式比较繁琐。对于商家来说，需要提供各类网站和各种app以满足客户的不同需求，时间和开发成本巨大。因此，有必要开发一款通用的网络应用软件以满足客户便捷快速地获取各类网络信息的需求。

技术实现要素：

本发明旨在至少在一定程度上解决相关技术中的技术问题之一。为此，本发明的一个目的是提供一种网络信息浏览方法、装置、设备、存储介质以及系统，以解决用户获取各种网络信息不方便的技术问题。

本发明所采用的技术方案是：

第一方面，本发明提供一种网络信息浏览方法，该网络信息浏览方法包括：发送网络信息对应的api的通信请求；获取该api的查询结果；通过可视化的方式展示该查询结果。

其中，该发送网络信息对应的api的通信请求的步骤，包括：获取用户在api选择页面选择的该api；获取该用户设置的该api的请求参数；根据该请求参数发送api请求。

其中，该发送网络信息对应的api的步骤之前，还包括添加api步骤，该添加api步骤包括：获取该用户输入的api的基本信息，封装成相应的api对象并保存；将该api对象进行分类；在该api选择页面以api集合的方式显示该api对象。

其中，该发送网络信息对应的api的通信请求的步骤之前，还包括测试api步骤，该测试api步骤包括：获取该用户在该api选择页面选择的测试api；获取该用户设置的该测试api的请求参数；获取该测试api的测试返回数据；判断该测试返回数据是否是有效数据；如果判断该测试返回数据为有效数据，则以可视化的方式展示该测试返回数据。

其中，该通过可视化的方式展示该查询结果的步骤，包括：采用预定的搜索算法遍历该查询结果中的每个键值对；根据该每个键值对的值的类型不同，在视图配置页面对该查询结果可视化展示。

第二方面，本发明提供一种网络信息浏览装置，该网络信息浏览装置应用于权利要求上述的网络信息浏览方法，包括：网络信息请求模块，用于发送网络信息对应的api的通信请求；网络信息获取模块，用于获取该api的查询结果；以及网络信息展示模块，用于通过可视化的方式展示该查询结果。

其中，该网络信息展示模块包括：数据分析单元，用于采用预定的搜索算法遍历该查询结果中的每个键值对；和数据显示单元，用于根据该每个键值对的值的类型不同，在视图配置页面对该查询结果可视化展示。

第三方面，本发明提供一种网络信息浏览设备，该网络信息浏览设备包括：至少一个处理器；通信模块，用于接收该至少一个处理器的指令与服务器进行通信，通过该服务器与提供api服务的第三方服务器进行通信；以及与该至少一个处理器通信连接的存储器；其中，该存储器存储有可被该至少一个处理器执行的指令，该指令被该至少一个处理器执行，以使该至少一个处理器能够执行如上述的方法。

第四方面，本发明提供一种计算机可读存储介质，该计算机可读存储介质存储有计算机可执行指令，该计算机可执行指令用于使计算机执行如上述的方法。

第五方面，本发明提供一种网络信息浏览系统，该网络信息浏览系统包括如上述的网络信息浏览设备；和服务器，用于接收该网络信息浏览设备发送的获取网络信息对应的api请求，并与提供api服务的第三方服务器进行通信，获取该api请求返回的请求数据。

本发明的实施例的技术方案通过采用发送网络信息对应的api请求，在获取api的查询结果之后，通过可视化的方式展示该查询结果。克服现有技术中获取各种网络信息不方便的技术问题，实现了在一款通用应用程序上即可获取不同类型的网络信息。

进一步地，本发明还通过分析api的请求返回数据，并根据该请求返回数据的类型以可视化的方式展示该查询结果。方便用户查看返回结果，方便阅读网络信息内容。

进一步地，本发明还能够以可视化地方式添加api，方便对软件开发技术不太深入了解的普通用户可根据需要添加api，从而得到所需要获取的网络信息。

另外，本发明还对添加的api进行测试，方便用户在正式调用api查询时能立即获取返回数据。本发明对完全不懂软件技术开发的用户来说，可以在服务商添加api和测试api完成之后，选择待获取网络信息对应的api，然后点击发送请求，就可以直观地查看到网络信息查询结果。

本发明广泛应用于不限定结构的网络信息获取和浏览。

附图说明

图1是本发明网络信息浏览方法的一实施例的流程示意图；

图2是图1的步骤s11的一实施例的流程示意图；

图3是图2的步骤s111的api选择界面的一应用实施例的结构示意图；

图4是图3的api选择界面的一操作状态的结构示意图；

图5是图3的api选择界面的另一操作状态的结构示意图；

图6是图1的步骤s13的一实施例的流程示意图；

图7(a)和图7(b)是图6的步骤s132的一应用实施例的结构示意图；

图8是图1的步骤s11之前的添加api步骤的一实施例的流程示意图；

图9是图1的步骤s11之前的测试api步骤的一实施例的流程示意图；

图10是本发明网络信息浏览装置的一实施例的结构示意图；

图11是本发明网络信息浏览系统的一实施例的结构示意图。

具体实施方式

需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。

实施例一：

请参阅图1，图1是本发明网络信息浏览方法的一实施例的流程示意图。如图1所示，该流程包括如下步骤：

s11：发送网络信息对应的api的通信请求；

s12：获取该api的查询结果；

s13：通过可视化的方式展示该查询结果。

以下具体介绍各步骤s11、s12及s13。

请参阅图2，如图2所示，步骤s11包括如下子步骤：

s111：获取用户在api选择页面选择的api；

在步骤s111中，如图3所示，api选择页面显示集合一、集合二等多个api集合，每个api集合为同一个类别的api对象。此外，每个api集合具有各自的名字和头像(图3以阴影图案表示)，方便用户区别识别不同的api集合。该多个api集合的划分根据api的数据结构、返回数据类型及api服务商来源等来划分，将相同类型的api划分到同一个集合中。

点击每个api集合的头像或名字，进入如图4所示的api列表展示页面，用户可整体浏览该api集合的所有api。

在图4中，用户点击api列表中的每个api时，会跳转到该api的详细介绍页面，具体地，如图5所示。该api介绍界面包括api标题、api功能介绍、该api对应的url、该api的各个请求参数和请求参数对应的默认参数值。在图5中，用户可自定义设置api的请求参数和参数值。

s112：获取该用户设置的该api的请求参数；

在步骤s112中，获取用户自定义设置的api的请求参数。如起止日期、路线起点和终点、股票代码等。

s113：根据该请求参数发送api请求。

在步骤s113中，将该api请求发送到服务器上，再通过该服务器发送到提供api服务的第三方服务器。

值得注意的是，本实施例采用将该api请求发送到服务器上，再通过服务器发送到提供api服务的第三方服务器，而不是直接将该api请求发送到第三方服务器。因为浏览器有同源策略的限制，会有跨域问题，而服务器之间通讯则没有同源策略的限制。另外，采用服务器之间进行通讯，安全性更可靠。

在步骤s12中，从服务器接收返回的api请求的查询结果。

请参阅图6，如图6所示，步骤s13包括如下子步骤：

s131：采用预定的搜索算法遍历该查询结果中的每个键值对；

在步骤s131中，查询结果以json数据为例，利用深度优先搜索算法遍历查询结果的每一个键值对。

s132：根据该每个键值对的值的类型不同，在该视图配置页面对该查询结果可视化展示。

其中，当键值对的值为单一元素时，比如为字符串类型、数值类型或布尔类型时，则直接显示该值。

当值的类型包括多个元素时，比如：如图7(a)所示，当值的类型为对象时，由于对象是由不同的键值对组成的，因此将对象可视化成卡片的形式，卡片中词条垂直分布，将键作为卡片中词条的标题，值作为词条的内容。

又比如：如图7(b)所示，当值的类型为对象数组时，由于对象数组中的所有元素均为javascript对象，且这些对象的键都完全相同，因此将对象数组可视化成表格的形式。将数组中对象的键作为表头，对象的值作为表格的内容。

根据每个键值对的值的数据包含的数据层级，以多级显示的方式进行可视化展示。页面中每一次只会对当前层的键值对进行可视化展示，当某一个值的类型为单一元素时，则在当前页面层级显示该值。当值的类型包括多个元素时，则可以通过点击当前页面上的菜单或控件，跳转到下一层页面展示该值；可点击如图7(a)或如图7(b)页面上的“展开”按钮，跳转到下一层进行可视化显示。

优选地，在步骤s11之前，还包括添加api步骤和测试api步骤。

如图8所示，添加api步骤包括如下步骤：

s81：获取该用户输入的api的基本信息，封装成相应的api对象并保存；

在步骤s81中，api的基本信息包括api的url、请求方法、请求参数、参数默认值等。将api输入的过程可视化成表单的形式展示，在显示界面上，显示不同的文本框用于输入api的url、请求方法、请求参数、参数默认值等api基本信息。

可选地，将api对象同时保存到服务器端，这样在其他终端上同步服务器端的数据也可以使用服务器上保存的api对象。

s82：将该api对象进行分类；

在步骤s82中，根据api对象的输入和输出参数的格式不同，将api对象进行分类。相同或相近类型的api对象划入同一个分类中。还可以根据api对象的请求来源不同划分为同一个分类，例如，将获取百度地图数据的api划入一个分类，将获取某个第三方网站的资讯信息api划入另一个分类。

s83：在该api选择页面以api集合的方式显示该api对象。

在步骤s83中，将api对象添加到api集合中。具体地，api集合如图3、图4、图5所示的方式在api选择页面展示。

如图9所示，测试api步骤包括如下步骤：

s91：获取该用户在该api选择页面选择的测试api；

其中，步骤s91的实施方法同步骤s111。

s92：获取该用户设置的该测试api的请求参数；

其中，步骤s92的实施方法同步骤s112。

s93：获取该测试api的测试返回数据；

其中，步骤s93的实施方法同步骤s12。

s94：判断该测试返回数据是否是有效数据；

在步骤s94中，判断返回数据是否有效的数据，例如是否是有效的json数据。

s95：如果判断该测试返回数据为有效数据，则以可视化的方式展示该测试返回数据。

其中，步骤s95展示测试返回数据的方法同步骤s13。如果在步骤s13之前进行测试api步骤，那么在步骤s13中，在数据结果显示页面刷新数据结果即可。在其他实施例中，也可以不包括测试api步骤，比如用户根据api开发手册可分析得出api的输入和输出参数。

优选地，本实施例采用微信小程序来实现上述方法和步骤，这样方便快速开发和推广应用。当然，也可以采用特定的app来实现。还可以通过网站形式来实现。

在本实施例中，通过在客户端发送网络信息对应的api请求，在获取api的查询结果之后，通过可视化的方式展示该查询结果。克服现有技术中获取各种网络信息不方便的技术问题，实现了在一款通用应用程序上根据api即可获取不同类型的网络信息。

进一步地，本发明还通过分析api的请求返回数据，并根据该请求返回数据的类型以可视化的方式展示该查询结果。该查询结果对于不同的返回数据能自适应地展示在显示界面上，方便用户查看返回结果，方便阅读网络信息内容。

进一步地，本发明还能够以可视化地方式添加api，方便对软件开发技术不太深入了解的普通用户可根据需要添加api，从而得到所需要获取的网络信息。

另外，本发明还对添加的api进行测试，方便用户在正式调用api查询时能立即获取返回数据。本发明对完全不懂软件技术开发的用户来说，可以在商家添加api和测试api完成之后，选择待获取网络信息对应的api，然后点击发送请求，就可以直观地查看到网络信息查询结果。

实施例二：

请参阅图10，图10是本发明网络信息浏览装置的一实施例的结构示意图。如图10所示，该网络信息浏览装置包括api添加模块11、网络信息请求模块12、网络信息获取模块13以及网络信息展示模块14。

api添加模块11用于添加用于获取网络信息的api函数。api添加模块11包括api输入单元111、api分类单元112以及api显示单元113。api输入单元111用于获取该用户输入的api的基本信息，封装成相应的api对象并保存。api分类单元112用于将该api对象进行分类。api显示单元113用于在该api选择页面以api集合的方式显示该api对象。

网络信息请求模块12用于发送网络信息对应的api的通信请求。网络信息请求模块12包括api选择单元121、api参数设置单元122以及api发送单元123。api选择单元用于获取用户在api选择页面选择的api。api参数设置单元122用于获取该用户设置的该api的请求参数。api发送单元123用于根据该请求参数发送api请求。

网络信息获取模块13用于获取该api的查询结果。

网络信息展示模块14用于通过可视化的方式展示该查询结果。网络信息展示模块14包括数据分析单元141和数据显示单元142。数据分析单元141用于采用预定的搜索算法遍历该查询结果中的每个键值对。数据显示单元142用于根据该每个键值对的值的类型不同，在视图配置页面对该查询结果可视化展示。

优选地，该网络信息浏览装置还包括api测试模块，用于在api使用前对各api进行测试。在其他实施例中，如果用户对象为技术研发人员的情况下，也可以不包括api添加模块11，用户直接在文本框中输入api进行api请求。

具体地，本实施例的各模块的工作方法和步骤在实施一中已详细阐述，在此不再赘述。

实施例三：

本发明还提供一种网络信息浏览设备，该网络信息浏览设备包括：至少一个处理器；通信模块，用于接收该至少一个处理器的指令与服务器进行通信，通过该服务器与提供api服务的第三方服务器进行通信；以及与该至少一个处理器通信连接的存储器；其中，该存储器存储有可被该至少一个处理器执行的指令，该指令被该至少一个处理器执行，以使该至少一个处理器能够执行如实施例一所述的方法。

实施例四：

本发明还提供一种计算机可读存储介质，该计算机可读存储介质存储有计算机可执行指令，该计算机可执行指令用于使计算机执行如实施例一所述的方法。

实施例五：

请参阅图11，图11是本发明网络信息浏览系统的一实施例的结构示意图。如图11所示，该网络信息浏览系统包括如实施例三所述的网络信息浏览设备21和服务器22。网络信息浏览设备21可以是手机、平板电脑等移动终端，或普通计算机等终端设备。服务器22用于接收网络信息浏览设备21发送的获取网络信息对应的api请求，并与提供api服务的第三方服务器23进行通信，获取该api请求返回的请求数据。服务器22上设置有特定的支持软件。

以上是对本发明的较佳实施进行了具体说明，但本发明创造并不限于所述实施例，熟悉本领域的技术人员在不违背本发明精神的前提下还可做出种种的等同变形或替换，这些等同的变形或替换均包含在本申请权利要求所限定的范围内。