界面处理方法、装置及存储介质

技术领域

本发明涉及通信技术领域，具体涉及一种界面处理方法、装置及存储介质。

背景技术

随着终端的不断普及与发展，用户越来越依赖终端，终端上可以安装各种各样的客户端，比如，多媒体应用客户端可以使得用户在终端上进行多媒体娱乐，比如听音乐看电影看直播等等。

现有技术中，如果需要在客户端上添加一个新功能，需要经历下面几个步骤：客户端重新开发，渲染界面，如果有多个端，每个端都要重新开发一遍界面；客户端跟后台联调协议，调整界面；功能联调完毕，经过系统测试之后再打包新版本再重新发布，如果有多个渠道，需要在每一个应用市场上去上架；上架之后用户还需要升级客户端版本才能体验到新功能。比如要新开发一个抽奖功能，客户端在界面上渲染出抽奖界面，然后点击抽奖，客户端再发协议给后台，后台再把抽奖结果返回给客户端，通过一系列开发和联调完成这个功能，再经过系统测试之后，客户端再打包升级发布，然后在各个应用市场上架，最后用户需要去升级客户端版本才能体验到新的抽奖功能，而且还涉及到多个端的开发发布。

申请人发现，在现有技术中客户端每次开发一个新的功能和特性，需要单独开发，联调界面协议，还需要打包客户端，发布新版本，到各个应用市场去上架，且如果多个端都需要支持这个新功能和特性，比如安卓端、PC端、和IOS端，由于技术不能通用，需要涉及三端都开发一遍，使得开发的效率比较低，从而导致周期非常长。

发明内容

本发明实施例提供一种界面处理方法、装置及存储介质，旨在提升在客户端中添加功能的开发效率。

为解决上述技术问题，本发明实施例提供以下技术方案：

一种界面处理方法，包括：

获取客户端界面，根据当前的客户端界面生成浮层配置获取请求并发送至配置服务器；

接收所述配置服务器返回的浮层配置信息，解析所述浮层配置信息包含的设置参数以及网页的统一资源定位符；

根据所述设置参数在所述当前的客户端界面中加载对应的浮层；

在所述浮层当中访问统一资源定位符，以展示统一资源定位符对应的功能界面。

一种界面处理装置，包括：

生成单元，用于获取客户端界面，根据当前的客户端界面生成浮层配置获取请求并发送至配置服务器；

解析单元，用于接收所述配置服务器返回的浮层配置信息，解析所述浮层配置信息包含的设置参数以及网页的统一资源定位符；

加载单元，用于根据所述设置参数在所述当前的客户端界面中加载对应的浮层；

展示单元，用于在所述浮层当中访问统一资源定位符，以展示统一资源定位符对应的功能界面。

一种存储介质，所述存储介质存储有多条指令，所述指令适于处理器进行加载，以执行上述界面处理方法中的步骤。

本申请提供的实施例可以获取客户端界面，根据当前的客户端界面生成浮层配置获取请求并发送至配置服务器，接收配置服务器返回的浮层配置信息，解析浮层配置信息包含的设置参数以及网页的统一资源定位符，根据设置参数在当前的客户端界面中加载对应的浮层，在浮层当中打开统一资源定位符，以展示统一资源定位符对应的功能界面。本申请实施例可以通过浮层配置在客户端界面上打开网页，从而实现对应的功能，无需客户端开发代码以及升级版本即可实现为客户端添加功能，大大提升了客户端的开发效率，从而有效缩短了开发周期。

附图说明

为了更清楚地说明本发明实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1是本发明实施例提供的界面处理系统的一种场景示意图；

图2是本发明实施例提供的界面处理方法的流程示意图；

图3是本发明实施例提供的界面处理方法的另一流程示意图；

图4为本申请实施例提供的界面处理方法的又一流程示意图；

图5为本发明实施例提供的界面处理装置的结构示意图；

图6为本发明实施例提供的界面处理装置的另一种结构示意图；

图7是本发明实施例提供的终端的结构示意图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

在本文中提及“实施例”意味着，结合实施例描述的特定特征、结构或特性可以包含在本发明的至少一个实施例中。在说明书中的各个位置出现该短语并不一定均是指相同的实施例，也不是与其它实施例互斥的独立的或备选的实施例。本领域技术人员显式地和隐式地理解的是，本文所描述的实施例可以与其它实施例相结合。

本发明实施例提供一种界面处理方法，该界面处理方法的执行主体可以是本发明实施例提供的，或者集成了该界面处理装置的服务器，其中该界面处理装置可以采用硬件或者软件的方式实现。

请参阅图1，图1为本发明实施例所提供的界面处理系统的场景示意图，包括：客户端10和服务器20，客户端10可以包括多个，比如A客户端和B客户端，进一步的，上述多个了客户端可以为基于相同的设备也可以为不同的设备，比如其中任意一个客户端都可以为基于移动端的安卓版本客户端或者IOS版本客户端，还可以为基于PC端的Windows版本客户端或者MAC版本客户端等等。客户端10与服务器20之间可以通过通信网络连接，该通信网络，包括无线网络以及有线网络，其中无线网络包括无线广域网、无线局域网、无线城域网、以及无线个人网中的一种或多种的组合。网络中包括路由器、网关等等网络实体，图中并未示意出。客户端10可以通过通信网络与服务器20进行信息交互，比如可以从服务器20下载应用(如即时通讯应用)。

该界面处理系统可以包括界面处理装置，该界面处理装置具体可以集成在平板电脑、电视、手机、笔记本电脑、台式电脑等具备储存单元并安装有微处理器而具有运算能力的终端中，在图1中，该终端即为图1中的客户端10，该客户端10中可以安装有多媒体应用，比如视频播放应用或音乐播放类应用等等。该客户端10可以用于生成浮层配置获取请求，将浮层配置获取请求发送至服务器20，并接收服务器20根据浮层配置获取请求返回的浮层配置信息，客户端10接收到浮层配置信息后可以加载浮层。

该界面处理系统还可以包括服务器20，主要用于接收客户端10发送的浮层配置获取请求，然后根据该浮层配置获取请求，查找对应的浮层配置信息并发送至客户端10。该界面处理系统还可以包括存储器，用于存储信息库，该信息库中包括浮层配置获取请求与浮层配置信息的关联关系等，以使得服务器可以从存储器中获取与浮层配置获取请求对应的浮层配置信息发送至客户端10。

需要说明的是，图1所示的界面处理系统的场景示意图，仅仅是一个示例，本发明实施例描述的界面处理系统以及场景是为了更加清楚的说明本发明实施例的技术方案，并不构成对于本发明实施例提供的技术方案的限定，本领域普通技术人员可知，随着界面处理系统的演变和新业务场景的出现，本发明实施例提供的技术方案对于类似的技术问题，同样适用。

以下分别进行详细说明。需说明的是，以下实施例的序号不作为对实施例优选顺序的限定。

在本实施例中，将从界面处理装置的角度进行描述，该界面处理装置具体可以集成在终端中，终端为在具备储存单元并能够运行应用程序的终端。

一种界面处理方法，包括：

获取客户端界面，根据当前的客户端界面生成浮层配置获取请求并发送至配置服务器；

接收所述配置服务器返回的浮层配置信息，解析所述浮层配置信息包含的设置参数以及网页的统一资源定位符；

根据所述设置参数在所述当前的客户端界面中加载对应的浮层；

在所述浮层当中访问统一资源定位符，以展示统一资源定位符对应的功能界面。

请参阅图2，图2是本发明实施例提供的界面处理方法的流程示意图。该界面处理方法包括：

在步骤101中，获取客户端界面，根据当前的客户端界面生成浮层配置获取请求并发送至配置服务器。

在实际使用客户端的过程中，上述客户端可以包括多个界面，比如直播类客户端当中可以包括系统界面、直播界面、登陆界面以及设置界面等等，因此在一实施例中，可以在打开客户端后，判断该客户端当前的界面是否为预设界面，比如直播界面，若是预设界面，则进一步执行后续的步骤，也即获取客户端界面，根据当前的客户端界面生成浮层配置获取请求并发送至配置服务器的步骤，包括：

在打开客户端时，判断所述客户端的当前界面是否为预设界面；

若是，则当前的客户端界面生成浮层配置获取请求并发送至配置服务器。

其中，上述浮层配置获取请求用于向配置服务器请求浮层配置信息，以在客户端界面当中生成浮层，该浮层也称为蒙层或蒙版，为在客户端的界面中能够浮出的、具有特定形状(例如矩形)的视图，还可以具有检测触控(例如点击、滑动)操作和图像绘制的功能。

举例来说，当用户打开直播类应用程序观看直播时，客户端加载直播平台的首页，该首页呈现有直播平台的直播内容跟列表一共用户进行选择，例如主播列表或节目列表，当客户端接收用户指令从而选择直播内容时，客户端向直播平台的后台服务器(例如图1示出的服务器20)请求推流，打开对应的直播页面，并调用终端设备的操作系统中的解码器来对服务器推送的直播流进行解码，以在客户端的播放页面中呈现直播内容。当前的客户端界面即为直播界面，此时可以进一步根据当前的直播界面生成浮层配置获取请求并发送至配置服务器。

比如在该客户端当中，不同的直播界面所需要生成具有相应功能的浮层也可能不相同，因此不同的直播界面所生成对应的浮层配置获取请求不相同。在一实施例中，上述根据当前的直播界面生成浮层配置获取请求并发送至配置服务器的方法可以有多种，可以先获取当前直播界面的特征信息，该特征信息可以包括当前直播界面的界面类型信息，比如户外直播类型、游戏直播类型、唱歌直播类型、跳舞直播类型等等，在其他实施例中还可以进一步划分界面类型信息，比如游戏直播类型可以分为英雄联盟游戏直播类型、魔兽世界游戏直播类型等等，然后根据当前直播界面的界面类型信息生成相应的浮层配置获取请求并发送至配置服务器。

在一实施例中，上述当前直播界面的特征信息还可以包括当前直播界面的标识信息，该标识信息可以为当前直播间主播名字，比如主播A、主播B或者主播C等等，该标识信息还可以为当前直播间的房间号，比如房间号为11111、房间号22222、或者房间号33333等等，然后根据当前直播界面的标识信息生成相应的浮层配置获取请求并发送至配置服务器。

在步骤102中，接收配置服务器返回的浮层配置信息，解析浮层配置信息包含的设置参数以及网页的统一资源定位符。

在一实施例中，配置服务器中存储多种浮层配置信息，根据客户端发送的请求来返回对应的浮层配置信息，其中上述浮层配置信息可以包括设置参数以及网页的统一资源定位符，客户端可以对浮层配置信息进行解析以得到设置参数以及网页的统一资源定位符。其中，统一资源定位符用于打开对应的网页。设置参数用于对浮层进行配置。

在一实施例中，上述设置参数可以对浮层的布局方面进行配置，设置参数可以配置该浮层的展现布局，该展现布局可以包括该浮层的形状、大小、显示位置等。且设置参数在配置该浮层的展现布局时，可以是在配置页面中直接输入布局信息，也可以是通过可视化布局的方式进行配置，可视化布局是通过绘画的方式来配置浮层的展现布局，使得运营人员可以更为简单方便的进行配置。

在其他实施例中，上述设置参数可以对浮层的数据方面进行配置，设置参数可以配置该浮层的局部变量、全局变量等。配置该浮层的局部变量是指配置该浮层的指定区域的位置和指定区域的动态数据源，该动态数据源用于指示动态数据(即指定区域对应的数据)所在的设备，配置该浮层的全局变量是指配置该浮层不需要变动的静态数据。

进一步的，上述设置参数还可以对浮层的控件属性进行配置，该浮层的控件属性用于指示当该浮层中的某一个控件被点击时，所要执行的操作以及所要显示的内容。需要说明的是，还可以配置浮层的其他方面，例如，可以配置该浮层的过滤器等。该浮层的过滤器用于实现在配置该浮层的过滤，如可以进行用户账号的过滤。

在步骤103中，根据设置参数在当前的客户端界面中加载对应的浮层。

具体的，客户端在接收到浮层配置信息后进行解析，得到设置参数以及网页的统一资源定位符，然后根据设置参数在当前的客户端界面中加载对应的浮层。在一实施例中，在设置参数在当前的客户端界面中加载对应的浮层之前，还可以对浮层配置信息进行验证，比如提取浮层配置信息的标识信息，该标识信息用于确定浮层配置信息的配置端，通过上述标识信息判断当前接收到的浮层配置信息的配置端是否为配置服务器，若是，则继续执行根据设置参数在当前的客户端界面中加载对应的浮层的步骤。

在一实施例中，上述设置参数用于设置所述浮层的属性，比如透明度、颜色、坐标、尺寸等信息。具体的，可以通过函数来设置浮层对应的属性信息，举例来说，可以使用initWithFrame函数设置所述浮层的坐标值；使用颜色设置函数backgroundColor为所述浮层设置颜色，使用透明度设置函数alpha为所述浮层设置透明度等等，本申请对此不作进一步限定。通过上述的设置参数即可在客户端界面上特定位置生成对应的浮层。

在实际使用客户端的过程中，以在移动终端上使用直播类客户端为例，若用户在全屏观看直播时，一般客户端界面为横屏状态，此时直播画面占据整个客户端界面，也即客户端界面所包含的区域均为播放区域。若用户退出全屏观看时，一般客户端界面为竖屏状态，此时直播画面占据部分客户端界面，也即客户端界面所包含的区域分别为播放区域以及功能区域，该功能区域比如为评论区。因此在一实施例中，当客户端界面为横屏状态时，客户端界面包括播放区域，且在播放区域加载上述浮层，进一步的，还可以设置浮层具有90％的透明度，从而使播放区域显示的内容可以透过浮层呈现，以避免干扰直播内容。当所述客户端界面为竖屏状态时，客户端界面包括播放区域以及功能区域，此时可以在功能区域加载浮层，从而使浮层显示内容与直播内容互不干扰。也即在所述当前的客户端界面中加载对应的浮层的步骤，包括：

当所述客户端界面为横屏状态时，所述客户端界面包括播放区域，且在所述播放区域中加载具有透明度的浮层；

当所述客户端界面为竖屏状态时，所述客户端界面包括播放区域以及功能区域，且在所述功能区域加载浮层。

在步骤104中，在浮层当中打开统一资源定位符，以展示统一资源定位符对应的功能界面。

在一实施例中，上述浮层可以为WebView，该WebView为网络视图，用于展示和渲染Web网页，在浮层当中打开统一资源定位符，即为采用WebView控件获取URL(UniformResource Locator,统一资源定位符)地址，并加载所述URL地址对应的页面数据，其中，统一资源定位符URL是对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示，是互联网上标准资源的地址。其中，所述采用WebView控件获取输入的URL地址的过程包括：采用WebView控件对URL地址进行识别，从而获得URL地址，同时加载该URL地址对应的页面数据，以展示统一资源定位符对应的功能界面。

在一实施例中，在浮层中显示功能界面后，还可以接收用户操作以更改所述浮层的属性，包括透明度、颜色、坐标、尺寸等信息。举例来说，用户可以拖拽浮层的边框并移动到另一位置，即为更改了浮层的坐标信息，并将对更改后的坐标信息进行存储，以便再次打开该浮层时直接使用更改后的坐标信息。同理，用户还可以对浮层的透明度、颜色以及尺寸等信息进行更改，本申请对此不做进一步限定。

在一实施例中，Web页面当中还可以包括互动元素，当用户点击该互动元素后，可以在浮层中呈现对应的反馈效果。比如，当用户点击点赞按钮时，在浮层中的点击操作区域呈现点击特效，例如波纹的涟漪效果，当点击停止且设定的计时时间尚未到达时提示可以继续点击；当设定的计时时间到达时，根据点击操作的次数呈现结果，例如，当前互动的有效点击操作的次数，为互动对象的点赞次数等。

由上可知，本申请实施例提供的界面处理方法可以获取客户端界面，根据当前的客户端界面生成浮层配置获取请求并发送至配置服务器，接收配置服务器返回的浮层配置信息，解析浮层配置信息包含的设置参数以及网页的统一资源定位符，根据设置参数在当前的客户端界面中加载对应的浮层，在浮层当中打开统一资源定位符，以展示统一资源定位符对应的功能界面。本申请实施例可以通过浮层配置在客户端界面上打开网页，从而实现对应的功能，无需客户端开发代码以及升级版本即可实现为客户端添加功能，大大提升了客户端的开发效率，从而有效缩短了开发周期。

根据上一实施例中所描述的界面处理方法，以下将举例作进一步详细说明。

在本实施例中，将以该界面处理装置具体集成在终端中为例进行说明。

请参阅图3，图3为本发明实施例提供的界面处理方法的另一流程示意图。该方法流程可以包括：

步骤201，在配置服务器中添加实现预设功能的网页对应的浮层配置信息。

在一实施例中，配置服务器中存储多个浮层配置信息以供客户端获取调用，若需要在客户端增加新功能，则可以在配置服务器中添加实现预设功能的网页对应的浮层配置信息，客户端不需要更改代码。其中，上述配置信息的配置参数格式比如为：

{"classid":2,"WebURL":

"https://ptlogin2.qq.com/huayang_hongbao_openbtn_s","width":120,"height":85,"offsetx":175,"offsety":260,"layerno":2}

其中width：宽

height：高

offset：x坐标

offset：y坐标

WebURL：Web展示地址

layerno：布局优先级

客户端在获取到上述配置信息后，通过这几个配置参数客户端就可以在界面里面的特定坐标展示具体的功能特性。

步骤202，获取客户端界面，获取当前的客户端界面的界面类型信息以及标识信息。

在实际使用客户端的过程中，上述客户端可以包括多个界面，比如直播类客户端当中可以包括系统界面、直播界面、登陆界面以及设置界面等等，因此在一实施例中，可以在打开客户端后，判断该客户端当前的界面是否为预设界面，比如直播界面，若是预设界面，则进一步获取当前的客户端界面的界面类型信息以及标识信息。

具体的，上述界面类型信息比如包括户外直播类型、游戏直播类型、唱歌直播类型、跳舞直播类型等等，在其他实施例中还可以进一步划分界面类型信息，比如游戏直播类型可以分为英雄联盟游戏直播类型、魔兽世界游戏直播类型等等。上述标识信息可以为当前直播间主播名字，比如主播A、主播B或者主播C等等，该标识信息还可以为当前直播间的房间号，比如房间号为11111、房间号22222、或者房间号33333等等。

步骤203，根据界面类型信息以及标识信息生成浮层配置获取请求，并将浮层配置获取请求发送至配置服务器。

其中，上述浮层配置获取请求用于向配置服务器请求浮层配置信息，以在客户端界面当中生成浮层。在获取到客户端界面的界面类型信息以及标识信息后，生成对应的浮层配置获取请求并发送至配置服务器。

在实际使用过程中，为提升多样性，用户还可以对浮层进行自定义设置并在自定义后将设置信息存储在配置服务器当中，因此不同的用户所对应的浮层配置获取请求也不相同。在一实施例中，还可以进一步根据客户端当前登录用户的用户参数生成浮层配置获取请求，比如先判断客户端当前的登陆状态，若未登录，则可以直接根据界面类型信息以及标识信息生成默认的浮层配置获取请求，若为登陆状态，则可以进一步提取用户参数，并根据用户参数以及界面类型信息和标识信息生成浮层配置获取请求。也即根据所述界面类型信息以及标识信息生成浮层配置获取请求的步骤，包括

判断所述客户端当前是否为登陆状态；

若是登陆状态，则获取登陆用户的用户参数信息，并根据所述界面类型信息、标识信息以及用户参数信息生成浮层配置获取请求。

步骤204，接收配置服务器返回的浮层配置信息，解析浮层配置信息包含的设置参数以及网页的统一资源定位符。

在一实施例中，配置服务器中存储多种浮层配置信息，根据客户端发送的请求来返回对应的浮层配置信息，其中上述浮层配置信息可以包括设置参数以及网页的统一资源定位符，客户端可以对浮层配置信息进行解析以得到设置参数以及网页的统一资源定位符。

在一实施例中，上述设置参数可以包括坐标信息和尺寸信息，还可以包括形状等信息，用于确定浮层的布局信息，且设置参数在配置该浮层的展现布局时，可以是在配置页面中直接输入设置参数，也可以是通过可视化布局的方式进行配置，可视化布局是通过绘画的方式来配置浮层的展现布局，使得运营人员可以更为简单方便的进行配置。

步骤205，根据坐标信息确定当前的客户端界面中的目标位置，将目标位置作为基准点加载与尺寸信息对应的WebView。

在一实施例中，上述设置参数用于设置所述浮层的属性，比如透明度、颜色、坐标、尺寸、形状等信息。具体的，可以先根据坐标信息确定当前的客户端界面中的目标位置，然后将目标位置作为基准点加载与尺寸信息对应的WebView。

其中，在上述以目标位置作为基准点加载与尺寸信息对应的WebView时，可以先确定目标位置在浮层中对应的点，比如若浮层的形状为矩形，可以设置该目标位置在矩形浮层中对应的点为左上角，然后以左上角为基准点加载出整个WebView，在其他实施例中还可以设置目标位置在矩形浮层中对应的点为右上角、右下角、矩形中心等等。再比如，若浮层的形状为圆形，可以设置该目标位置在圆形浮层中对应的点为圆心，然后以圆心作为基准点加载出整个WebView，本申请对此不在进一步赘述。

进一步的，在加载WebView时，可以通过函数来设置浮层对应的属性信息，举例来说，可以使用initWithFrame函数设置WebView的坐标值；使用颜色设置函数backgroundColor为WebView设置颜色，使用透明度设置函数alpha为WebView设置透明度等等。

步骤206，在WebView当中打开统一资源定位符，以展示统一资源定位符对应的功能界面。

具体的，在浮层当中打开统一资源定位符，即为采用WebView控件获取URL地址，并加载所述URL地址对应的页面数据。其中，所述采用WebView控件获取输入的URL地址的过程包括：采用WebView控件对URL地址进行识别，从而获得URL地址，同时加载该URL地址对应的页面数据，以展示统一资源定位符对应的功能界面。

步骤207，接收针对网页的操作指令，以使网页与业务后台进行功能联调与迭代。

在一实施例中，客户端打开URL之后，Web就将具体的功能需求界面做好，若该功能为需要新增加至客户端的功能，还需要对其进行功能联调后发布，具体的，客户端可以直接发请求到具体的业务后台，业务后台跟Web完成整个功能的联调和迭代，完全不需要关心客户端的代码，具体的，后端约定好接口，前端根据接口进行开发，两边都完成后，进行功能联调和迭代，开发完成。

步骤208，当迭代完成后，网页与业务后台将对应的服务进行发布，以实现相应的功能。

功能联调开发完成之后直接发布，只需要Web前端和后台相应的服务发布，不需要依赖客户端代码发布，即可实现Web网页中的功能。本申请实施例提供的方法在新的功能上线之后，新老客户端版本可以直接生效，用户不需要升级客户端版本即可使用新的功能。

举例来说，请参阅图4，以该客户端为直播客户端进行说明，且上述客户端可以为安卓版本客户端或者IOS版本客户端，还可以为基于PC端的Windows版本客户端或者MAC版本客户端。用户在进XX直播房间的时候，客户端发起一条指令给后台，要拉到本房间所有的展示浮层配置，后台通过客户端传来的房间号以及用户参数，去浮层后台配置中心找到本房间的所有浮层配置，比如有幸运抽奖，红包，礼物周星，然后一起下发给客户端，客户端收到指令之后，将在配置中的对应坐标展示相应的功能配置。

具体的，通过后台下发一个段配置，x坐标，y坐标，宽，高，以及抽奖的界面URL给客户端，然后客户端在当前的坐标下打开一个WebView浏览器，再由浏览器打开一个抽奖的URL，剩下的抽奖功能便由前端js和后端抽奖模块去开发，不涉及到客户端版本开发工作了。

通过本实施例提供的方案，提升开发效率，过去客户端上一个新功能，涉及到PC、IOS、安卓三个版本的功能开发联调，还涉及到客户端发新版本，在各个渠道上架应用，时间周期长，一个小功能迭代就需要一到两个月，有了通用浮层的解决方案之后，大大提升了开发效率，节省开发工作量，提高代码复用度，过去一个功能需要三端开发，现在可以节省三分之二的开发工作量。解决了新老版本兼容性问题，过去开发新的特性，老版本不可用，需要屏蔽老版本以及处理兼容性问题，现在新上特性由于不需要客户端发版本，完美的解决了新老本版本兼容性问题。功能可以随时上架和下架，配置灵活，方便管理，适配性强。

由上可知，本申请实施例提供的界面处理方法可以在配置服务器中添加实现预设功能的网页对应的浮层配置信息，获取客户端界面，获取当前的客户端界面的界面类型信息以及标识信息，根据界面类型信息以及标识信息生成浮层配置获取请求，并将浮层配置获取请求发送至配置服务器，接收配置服务器返回的浮层配置信息，解析浮层配置信息包含的设置参数以及网页的统一资源定位符，根据坐标信息确定当前的客户端界面中的目标位置，将目标位置作为基准点加载与尺寸信息对应的WebView，在WebView当中打开统一资源定位符，以展示统一资源定位符对应的功能界面，接收针对网页的操作指令，以使网页与业务后台进行功能联调与迭代，当迭代完成后，网页与业务后台将对应的服务进行发布，以实现相应的功能。本申请实施例可以通过浮层配置在客户端界面上打开网页，从而实现对应的功能，无需客户端开发代码以及升级版本即可实现为客户端添加功能，大大提升了客户端的开发效率，从而有效缩短了开发周期。

为便于更好的实施本发明实施例提供的界面处理方法，本发明实施例还提供一种基于上述界面处理方法的装置。其中名词的含义与上述界面处理方法中相同，具体实现细节可以参考方法实施例中的说明。

在本实施例中，将从界面处理装置的角度进行描述，该界面处理装置具体可以集成由多个终端组成的系统中，每一终端为在具备储存单元并安装有显示屏而具有视频播放功能的终端。

请参阅图5，图5为本发明实施例提供的界面处理装置的一种结构示意图。其中，上述界面处理装置可以包括：

生成单元301，用于获取客户端界面，根据当前的客户端界面生成浮层配置获取请求并发送至配置服务器。

在实际使用客户端的过程中，上述客户端可以包括多个界面，比如直播类客户端当中可以包括系统界面、直播界面、登陆界面以及设置界面等等，因此在一实施例中，可以在打开客户端后，判断该客户端当前的界面是否为预设界面，比如直播界面，若是预设界面，则进一步根据当前的客户端界面生成浮层配置获取请求并发送至配置服务器。

比如在该客户端当中，不同的直播界面所需要生成具有相应功能的浮层也可能不相同，因此不同的直播界面所生成对应的浮层配置获取请求不相同。在一实施例中，上述根据当前的直播界面生成浮层配置获取请求并发送至配置服务器的方法可以有多种，可以先获取当前直播界面的特征信息，该特征信息可以包括当前直播界面的界面类型信息，然后根据当前直播界面的界面类型信息生成相应的浮层配置获取请求并发送至配置服务器。在其他实施例中，上述当前直播界面的特征信息还可以包括当前直播界面的标识信息，该标识信息可以为当前直播间主播名字或当前直播间的房间号等，然后根据当前直播界面的标识信息生成相应的浮层配置获取请求并发送至配置服务器。

解析单元302，用于接收所述配置服务器返回的浮层配置信息，解析所述浮层配置信息包含的设置参数以及网页的统一资源定位符。

在一实施例中，配置服务器中存储多种浮层配置信息，根据客户端发送的请求来返回对应的浮层配置信息，其中上述浮层配置信息可以包括设置参数以及网页的统一资源定位符，客户端可以对浮层配置信息进行解析以得到设置参数以及网页的统一资源定位符。其中，统一资源定位符用于打开对应的网页。设置参数用于对浮层进行配置。

在一实施例中，上述设置参数可以对浮层的布局方面进行配置，设置参数可以配置该浮层的展现布局，该展现布局可以包括该浮层的形状、大小、显示位置等。

加载单元303，用于根据所述设置参数在所述当前的客户端界面中加载对应的浮层。

具体的，客户端在接收到浮层配置信息后进行解析，得到设置参数以及网页的统一资源定位符，然后根据设置参数在当前的客户端界面中加载对应的浮层。在一实施例中，在设置参数在当前的客户端界面中加载对应的浮层之前，还可以对浮层配置信息进行验证，比如提取浮层配置信息的标识信息，该标识信息用于确定浮层配置信息的配置端，通过上述标识信息判断当前接收到的浮层配置信息的配置端是否为配置服务器，若是，则继续执行根据设置参数在当前的客户端界面中加载对应的浮层的步骤。

在一实施例中，上述设置参数用于设置所述浮层的属性，比如透明度、颜色、坐标、尺寸等信息。

展示单元304，用于在所述浮层当中访问统一资源定位符，以展示统一资源定位符对应的功能界面。

在一实施例中，上述浮层可以为WebView，该WebView为网络视图，用于展示和渲染Web网页，在浮层当中打开统一资源定位符，即为采用WebView控件获取URL(UniformResource Locator,统一资源定位符)地址，并加载所述URL地址对应的页面数据，其中，统一资源定位符URL是对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示，是互联网上标准资源的地址。其中，所述采用WebView控件获取输入的URL地址的过程包括：采用WebView控件对URL地址进行识别，从而获得URL地址，同时加载该URL地址对应的页面数据，以展示统一资源定位符对应的功能界面。

在一实施例中，如图6所示，所述生成单元301可以包括：

获取子单元3011，用于获取所述当前的客户端界面的界面类型信息以及标识信息；

生成子单元3012，用于根据所述界面类型信息以及标识信息生成浮层配置获取请求，并将所述浮层配置获取请求发送至配置服务器。

在一实施例中，所述设置参数包括坐标信息和尺寸信息，所述加载单元303可以包括：

确定子单元3031，用于根据所述坐标信息确定所述当前的客户端界面中的目标位置；

加载子单元3032，用于将所述目标位置作为基准点加载与所述尺寸信息对应的WebView。

由上述可知，本发明实施例可以获取客户端界面，生成单元301根据当前的客户端界面生成浮层配置获取请求并发送至配置服务器，解析单元302接收配置服务器返回的浮层配置信息，解析浮层配置信息包含的设置参数以及网页的统一资源定位符，加载单元303根据设置参数在当前的客户端界面中加载对应的浮层，展示单元304在浮层当中打开统一资源定位符，以展示统一资源定位符对应的功能界面。本申请实施例可以通过浮层配置在客户端界面上打开网页，从而实现对应的功能，无需客户端开发代码以及升级版本即可实现为客户端添加功能，大大提升了客户端的开发效率，从而有效缩短了开发周期。

本发明实施例还提供一种终端，如图7所示，该终端可以包括射频(RF，RadioFrequency)电路601、包括有一个或一个以上计算机可读存储介质的存储器602、输入单元603、显示单元604、传感器605、音频电路606、无线保真(WiFi，Wireless Fidelity)模块607、包括有一个或者一个以上处理核心的处理器608、以及电源609等部件。本领域技术人员可以理解，图7中示出的终端结构并不构成对终端的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。其中：

RF电路601可用于收发信息或通话过程中，信号的接收和发送，特别地，将基站的下行信息接收后，交由一个或者一个以上处理器608处理；另外，将涉及上行的数据发送给基站。通常，RF电路601包括但不限于天线、至少一个放大器、调谐器、一个或多个振荡器、用户身份模块(SIM，Subscriber Identity Module)卡、收发信机、耦合器、低噪声放大器(LNA，Low Noise Amplifier)、双工器等。此外，RF电路601还可以通过无线通信与网络和其他设备通信。无线通信可以使用任一通信标准或协议，包括但不限于全球移动通讯系统(GSM，Global System of Mobile communication)、通用分组无线服务(GPRS，GeneralPacket Radio Service)、码分多址(CDMA，Code Division Multiple Access)、宽带码分多址(WCDMA，Wideband Code Division Multiple Access)、长期演进(LTE，Long TermEvolution)、电子邮件、短消息服务(SMS，Short Messaging Service)等。

存储器602可用于存储软件程序以及模块，处理器608通过运行存储在存储器602的软件程序以及模块，从而执行各种功能应用以及信息处理。存储器602可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序(比如声音播放功能、图像播放功能等)等；存储数据区可存储根据终端的使用所创建的数据(比如音频数据、电话本等)等。此外，存储器602可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。相应地，存储器602还可以包括存储器控制器，以提供处理器608和输入单元603对存储器602的访问。

输入单元603可用于接收输入的数字或字符信息，以及产生与用户设置以及功能控制有关的键盘、鼠标、操作杆、光学或者轨迹球信号输入。具体地，在一个具体的实施例中，输入单元603可包括触敏表面以及其他输入设备。触敏表面，也称为触摸显示屏或者触控板，可收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在触敏表面上或在触敏表面附近的操作)，并根据预先设定的程式驱动相应的连接装置。可选的，触敏表面可包括触摸检测装置和触摸控制器两个部分。其中，触摸检测装置检测用户的触摸方位，并检测触摸操作带来的信号，将信号传送给触摸控制器；触摸控制器从触摸检测装置上接收触摸信息，并将它转换成触点坐标，再送给处理器608，并能接收处理器608发来的命令并加以执行。此外，可以采用电阻式、电容式、红外线以及表面声波等多种类型实现触敏表面。除了触敏表面，输入单元603还可以包括其他输入设备。具体地，其他输入设备可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆等中的一种或多种。

显示单元604可用于显示由用户输入的信息或提供给用户的信息以及终端的各种图形用户接口，这些图形用户接口可以由图形、文本、图标、视频和其任意组合来构成。显示单元604可包括显示面板，可选的，可以采用液晶显示器(LCD，Liquid Crystal Display)、有机发光二极管(OLED，Organic Light-Emitting Diode)等形式来配置显示面板。进一步的，触敏表面可覆盖显示面板，当触敏表面检测到在其上或附近的触摸操作后，传送给处理器608以确定触摸事件的类型，随后处理器608根据触摸事件的类型在显示面板上提供相应的视觉输出。虽然在图7中，触敏表面与显示面板是作为两个独立的部件来实现输入和输入功能，但是在某些实施例中，可以将触敏表面与显示面板集成而实现输入和输出功能。

终端还可包括至少一种传感器605，比如光传感器、运动传感器以及其他传感器。具体地，光传感器可包括环境光传感器及接近传感器，其中，环境光传感器可根据环境光线的明暗来调节显示面板的亮度，接近传感器可在终端移动到耳边时，关闭显示面板和/或背光。作为运动传感器的一种，重力加速度传感器可检测各个方向上(一般为三轴)加速度的大小，静止时可检测出重力的大小及方向，可用于识别手机姿态的应用(比如横竖屏切换、相关游戏、磁力计姿态校准)、振动识别相关功能(比如计步器、敲击)等；至于终端还可配置的陀螺仪、气压计、湿度计、温度计、红外线传感器等其他传感器，在此不再赘述。

音频电路606、扬声器，传声器可提供用户与终端之间的音频接口。音频电路606可将接收到的音频数据转换后的电信号，传输到扬声器，由扬声器转换为声音信号输出；另一方面，传声器将收集的声音信号转换为电信号，由音频电路606接收后转换为音频数据，再将音频数据输出处理器608处理后，经RF电路601以发送给比如另一终端，或者将音频数据输出至存储器602以便进一步处理。音频电路606还可能包括耳塞插孔，以提供外设耳机与终端的通信。

WiFi属于短距离无线传输技术，终端通过WiFi模块607可以帮助用户收发电子邮件、浏览网页和访问流式媒体等，它为用户提供了无线的宽带互联网访问。虽然图7示出了WiFi模块607，但是可以理解的是，其并不属于终端的必须构成，完全可以根据需要在不改变发明的本质的范围内而省略。

处理器608是终端的控制中心，利用各种接口和线路连接整个手机的各个部分，通过运行或执行存储在存储器602内的软件程序和/或模块，以及调用存储在存储器602内的数据，执行终端的各种功能和处理数据，从而对手机进行整体监控。可选的，处理器608可包括一个或多个处理核心；优选的，处理器608可集成应用处理器和调制解调处理器，其中，应用处理器主要处理操作系统、用户界面和应用程序等，调制解调处理器主要处理无线通信。可以理解的是，上述调制解调处理器也可以不集成到处理器608中。

终端还包括给各个部件供电的电源609(比如电池)，优选的，电源可以通过电源管理系统与处理器608逻辑相连，从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。电源609还可以包括一个或一个以上的直流或交流电源、再充电系统、电源故障检测电路、电源转换器或者逆变器、电源状态指示器等任意组件。

尽管未示出，终端还可以包括摄像头、蓝牙模块等，在此不再赘述。具体在本实施例中，终端中的处理器608会按照如下的指令，将一个或一个以上的应用程序的进程对应的可执行文件加载到存储器602中，并由处理器608来运行存储在存储器602中的应用程序，从而实现各种功能：

获取客户端界面，根据当前的客户端界面生成浮层配置获取请求并发送至配置服务器；

接收所述配置服务器返回的浮层配置信息，解析所述浮层配置信息包含的设置参数以及网页的统一资源定位符；

根据所述设置参数在所述当前的客户端界面中加载对应的浮层；

在所述浮层当中访问统一资源定位符，以展示统一资源定位符对应的功能界面。

在上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详述的部分，可以参见上文针对界面处理方法的详细描述，此处不再赘述。

由上可知，本发明实施例的终端可以获取客户端界面，根据当前的客户端界面生成浮层配置获取请求并发送至配置服务器，接收配置服务器返回的浮层配置信息，解析浮层配置信息包含的设置参数以及网页的统一资源定位符，根据设置参数在当前的客户端界面中加载对应的浮层，在浮层当中打开统一资源定位符，以展示统一资源定位符对应的功能界面。本申请实施例可以通过浮层配置在客户端界面上打开网页，从而实现对应的功能，无需客户端开发代码以及升级版本即可实现为客户端添加功能，大大提升了客户端的开发效率，从而有效缩短了开发周期。

本领域普通技术人员可以理解，上述实施例的各种方法中的全部或部分步骤可以通过指令来完成，或通过指令控制相关的硬件来完成，该指令可以存储于一计算机可读存储介质中，并由处理器进行加载和执行。

为此，本发明实施例提供一种存储介质，其中存储有多条指令，该指令能够被处理器进行加载，以执行本发明实施例所提供的任一种界面处理方法中的步骤。例如，该指令可以执行如下步骤：

获取客户端界面，根据当前的客户端界面生成浮层配置获取请求并发送至配置服务器；

接收所述配置服务器返回的浮层配置信息，解析所述浮层配置信息包含的设置参数以及网页的统一资源定位符；

根据所述设置参数在所述当前的客户端界面中加载对应的浮层；

在所述浮层当中访问统一资源定位符，以展示统一资源定位符对应的功能界面。

以上各个操作的具体实施可参见前面的实施例，在此不再赘述。

其中，该存储介质可以包括：只读存储器(ROM，Read Only Memory)、随机存取记忆体(RAM，Random Access Memory)、磁盘或光盘等。

由于该存储介质中所存储的指令，可以执行本发明实施例所提供的任一种界面处理方法中的步骤，因此，可以实现本发明实施例所提供的任一种界面处理方法所能实现的有益效果，详见前面的实施例，在此不再赘述。

以上对本发明实施例所提供的界面处理方法、装置、存储介质以及终端进行了详细介绍，本文中应用了具体个例对本发明的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本发明的方法及其核心思想；同时，对于本领域的技术人员，依据本发明的思想，在具体实施方式及应用范围上均会有改变之处，综上所述，本说明书内容不应理解为对本发明的限制。