一种客户端应用生成可配置页面的方法和系统与流程

1.本技术涉及应用开发设计领域，特别是涉及一种客户端应用生成可配置页面的方法和系统。


背景技术：

2.当前，在客户端应用中，主要通过以下两种方式生成应用页面：
3.1.在开发阶段定义好应用的页面及交互功能，用户安装应用后直接基于定义好的数据进行显示，生成软件页面；
4.2.在客户端应用中内嵌web加载框架，用户使用时，后台从线上网络获取web页面组件，并通过web加载框架，在应用中加载web页面组件以生成软件页面。
5.但是，上述两种方式都存在一些难以克服的缺陷。第一种方式，由于客户端应用基于纯原生的本地数据生成应用页面，如果后期需要对应用页面及功能进行修改或扩展，则需要再次开发应用并再次打包发布，这个过程较为复杂，且开发维护的工作量也较大；
6.第二种方式，由于web组件的加载受网络环境的影响，可能出现加载缓慢或加载失败的问题；另外，web页面组件和客户端应用的原生组件相比，两者的风格差异较大且难以统一，由此导致原生页面与web组件的交互效果较差，对于用户来说，其使用体验较差。


技术实现要素：

7.本技术实施例提供了一种客户端应用生成可配置页面的方法、系统、计算机设备和计算机可读存储介质，以至少解决相关技术中客户端应用中用户体验较差的问题。
8.第一方面，本技术实施例提供了一种客户端应用生成可配置页面的方法，所述方法包括：
9.通过后台管理中心创建web业务，依据客户端应用的原生页面，对所述web业务添加初始化配置信息和页面功能配置信息，并将所述页面功能配置信息上传至云服务器；
10.所述客户端应用从所述云服务器获取所述页面功能配置信息，并从后台管理中心获取所述初始化配置信息；
11.所述客户端应用基于所述初始化配置信息进行web页面初始化，并通过web加载框架，基于所述页面功能配置信息，加载web页面和所述web页面中的功能选项。
12.在其中一些实施例中，所述页面功能配置信息是所述web加载框架能够识别的预设协议数据，且为web组件的属性描述信息；
13.所述页面功能配置信息包括页面信息和功能信息，所述页面信息用于在所述客户端应用中生成显示页面，所述功能信息用于支持用户在所述显示页面上的交互动作。
14.在其中一些实施例中，加载web页面和所述web页面中的功能选项之后，所述方法包括：
15.通过所述后台管理中心输出操作指令，修改和/或扩展所述页面功能配置信息得到第二页面功能配置信息，并对所述客户端应用下发版本更新信息；
16.所述客户端应用在接受到版本更新信息的情况下，从所述云服务器获取第二页面功能配置信息，
17.并通过所述web加载框架基于所述第二页面功能配置信息，重新加载web页面和web页面中的功能选项。
18.在其中一些实施例中，所述客户端应用通过识别二维码或解析配置文件的方式，获取目标地址；
19.根据所述目标地址，从所述云服务器获取所述页面功能配置信息或所述第二页面功能配置信息。
20.在其中一些实施例中，基于所述初始化配置信息进行web页面初始化的同时，所述方法还包括：
21.所述客户端应用，基于应用原生页面和功能对应的本地信息，进行原生页面及原生功能的初始化。
22.在其中一些实施例中，所述方法还包括：
23.基于预设传输协议和预设数据接口，所述客户端应用的原生页面和所述web页面实现信息交互。
24.第二方面，本技术提供了一种客户端应用生成可配置页面的系统，所述系统包括：后台管理中心、云服务器和客户端应用，其中；
25.所述后台管理中心用于，创建web业务，依据客户端应用的原生页面，对所述web业务添加初始化配置信息和页面功能配置信息，并将所述页面功能配置信息上传至云服务器；
26.所述云服务器用于，对所述后台管理中心和所述客户端应用提供数据接口，以及存储所述页面功能配置信息；
27.所述客户端应用用于，从所述云服务器获取所述页面功能配置信息，并从后台管理中心获取所述初始化配置信息，以及，
28.基于所述初始化配置信息进行web页面初始化，并通过web加载框架，基于所述页面功能配置信息，加载web页面和所述web页面中的功能选项。
29.在其中一些实施例中，所述后台管理中心还用于，输出操作指令，修改和/或扩展所述页面功能配置信息以得到第二页面功能配置信息，并对所述客户端应用下发版本更新信息；
30.所述客户端应用还用于，在接受到版本更新信息的情况下，从所述云服务器获取第二页面功能配置信息，并通过web加载框架基于所述第二页面功能配置信息，重新加载web页面和所述web页面中的功能选项。
31.第三方面，本技术实施例提供了一种计算机设备，包括存储器、处理器以及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现如上述第一方面所述的一种客户端应用生成可配置页面的方法。
32.第四方面，本技术实施例提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现如上述第一方面所述的一种客户端应用生成可配置页面的方法。
33.相比于相关技术，本技术实施例提供的一种客户端应用生成可配置页面的方法，
相比较于现有技术，至少具有如下有益效果：
34.1.客户端应用中，web页面部分可以完全配置化的生成，用户可以根据自身需求，灵活便捷的通过设定页面功能配置信息，在应用中生成自定义的web页面；
35.2.对于客户端应用的原生页面，可以针对性的配置web页面，使得web页面与原生页面更加适配，减少两者交互时的割裂感，提升用户使用体验。
36.3.通过重新制定页面功能配置信息的方式，即可实现客户端应用的版本更新，无需经过重新开发、维护及发布，从而提升了更新效率，简化了更新步骤。
附图说明
37.此处所说明的附图用来提供对本技术的进一步理解，构成本技术的一部分，本技术的示意性实施例及其说明用于解释本技术，并不构成对本技术的不当限定。在附图中：
38.图1是根据本技术实施例的客户端应用生成可配置页面方法的应用环境示意图；
39.图2是根据本技术实施例的一种客户端应用生成可配置页面的方法的流程图；
40.图3是根据本技术实施例的对客户端应用进行版本更新的流程图；l
41.图4是根据本技术实施例的一种客户端应用生成配置页面的方法的工作时序示意图；
42.图5是根据本技术实施例的一种客户端应用生成配置页面的系统的结构框图；
43.图6是根据本技术实施例的客户端应用的示意图；
44.图7是根据本技术实施例的电子设备的内部结构示意图。
具体实施方式
45.为了使本技术的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本技术进行描述和说明。应当理解，此处所描述的具体实施例仅仅用以解释本技术，并不用于限定本技术。基于本技术提供的实施例，本领域普通技术人员在没有作出创造性劳动的前提下所获得的所有其他实施例，都属于本技术保护的范围。
46.显而易见地，下面描述中的附图仅仅是本技术的一些示例或实施例，对于本领域的普通技术人员而言，在不付出创造性劳动的前提下，还可以根据这些附图将本技术应用于其他类似情景。此外，还可以理解的是，虽然这种开发过程中所作出的努力可能是复杂并且冗长的，然而对于与本技术公开的内容相关的本领域的普通技术人员而言，在本技术揭露的技术内容的基础上进行的一些设计，制造或者生产等变更只是常规的技术手段，不应当理解为本技术公开的内容不充分。
47.在本技术中提及“实施例”意味着，结合实施例描述的特定特征、结构或特性可以包含在本技术的至少一个实施例中。在说明书中的各个位置出现该短语并不一定均是指相同的实施例，也不是与其它实施例互斥的独立的或备选的实施例。本领域普通技术人员显式地和隐式地理解的是，本技术所描述的实施例在不冲突的情况下，可以与其它实施例相结合。
48.除非另作定义，本技术所涉及的技术术语或者科学术语应当为本技术所属技术领域内具有一般技能的人士所理解的通常意义。本技术所涉及的“一”、“一个”、“一种”、“该”等类似词语并不表示数量限制，可表示单数或复数。
49.本技术所涉及的术语“包括”、“包含”、“具有”以及它们任何变形，意图在于覆盖不排他的包含；例如包含了一系列步骤或模块(单元)的过程、方法、系统、产品或设备没有限定于已列出的步骤或单元，而是可以还包括没有列出的步骤或单元，或可以还包括对于这些过程、方法、产品或设备固有的其它步骤或单元。本技术所涉及的“连接”、“相连”、“耦接”等类似的词语并非限定于物理的或者机械的连接，而是可以包括电气的连接，不管是直接的还是间接的。本技术所涉及的“多个”是指两个或两个以上。“和/或”描述关联对象的关联关系，表示可以存在三种关系，例如，“a和/或b”可以表示：单独存在a，同时存在a和b，单独存在b这三种情况。字符“/”一般表示前后关联对象是一种“或”的关系。本技术所涉及的术语“第一”、“第二”、“第三”等仅仅是区别类似的对象，不代表针对对象的特定排序。
50.本技术实施例提供的客户端应用生成可配置页面的方法，可以应用在如图1所示的应用环境中，图1是根据本技术实施例的客户端应用生成可配置页面的方法的应用环境示意图。
51.如图1所示，后台管理中心10和云服务器11分别是两个互相独立的服务器。在前期，用户通过后台管理中心10可以创建web业务并对其配置页面功能配置信息，其中，该页面功能配置信息是加载web组件的功能描述信息。进一步的，后台管理中心10可以将上述页面功能配置信息上传至云服务器11中存储。
52.在后续应用阶段，客户端12在生成软件页面时，首先基于本地数据加载应用原生页面，其次，再从云服务器11获取上述页面功能配置信息，并通过web加载框架，基于该配置信息加载web页面。从而实现可配置化的生成软件页面，提升了应用页面生成的便捷性。
53.需要说明的是，本技术实施例的客户端可以但不限于是智能手机、平板电脑、笔记本电脑和台式电脑等，客户端应用可以但不限于是运行在android、ios、windows等操作系统上的应用，云服务器11可以是任一厂商开发的云服务器。
54.本技术实施例提供了一种客户端应用生成可配置页面的方法，图2是根据本技术实施例的一种客户端应用生成页面的方法的流程图，如图2所示，该流程包括如下步骤：
55.s201，通过后台管理中心创建web业务，依据客户端应用的原生页面，对web业务添加初始化配置信息和页面功能配置信息，并将页面功能配置信息上传至云服务器；
56.其中，该后台管理中心部署在云服务器之外的其他服务器，其可以接收用户的交互操作指令，并响应该交互操作指令生成初始化配置信息和页面功能配置信息。
57.进一步的，上述web业务即相当于在客户端中生成web页面创建的“项目”，在每个web业务中，会对其添加用于加载web页面的页面功能配置信息。
58.需要说明的是，上述页面功能配置信息是构建web组件的属性描述信息。不同于传统方式，需要在云服务器中上传整个web组件封装包(其中包括图片、交互逻辑等)，在客户端应用生成页面；本技术实施例中是将构建web组件的相关属性描述信息提取出来，并通过可视化菜单的方式提供给用户，用户可以按照自身需求灵活配置上述属性描述信息。对应的，后续在客户端应用中，同样可以通过web加载框架基于上述属性描述生成web页面。
59.s202，客户端应用从云服务器获取页面功能配置信息，并从后台管理中心获取初始化配置信息；
60.其中，客户端应用可以通过运营商网络，基于常见的通信协议从上述云服务器获取页面功能配置信息，以及从后台管理中心获取初始化配置信息。
61.需要说明的是，上述初始化配置信息同样也是用户自定义配置，其用于在客户端中进行web组件的初始化流程，也相当于前期，针对在后续生成web页面流程，提供必要的底层支持；
62.s203，客户端应用基于初始化配置信息进行web页面初始化，并通过web加载框架，基于页面功能配置信息，加载web页面和web页面中的功能选项。
63.其中，该web加载框架内嵌在客户端应用中，其可以是采用任意一种编程语言开发的web加载框架。
64.需要说明的是，在基于初始化配置信息进行web页面初始化的同时，还进行客户端应用原生页面的初始化步骤，即基于应用原生页面功能对应的本地数据，进行原生页面及原生功能的初始化。
65.通过上述步骤s201至s203，相比较于传统方式生成页面的方法，本技术通过自定义的页面功能配置信息生成web页面，而该页面功能配置信息仅仅是页面及其功能的属性描述信息，其数据量(kb字节)远小于传统方式中的web组件封装包(mb字节)。从而当客户端网络环境较差时，也能快速的加载出web页面，而传统方式中由于数据量较大，将面临加载缓慢或加载失败的问题。
66.另外，由于页面功能配置信息完全由用户自定义设置，因此，用户完全可以结合客户端应用原生页面的具体情况，针对性的制定上述页面功能配置信息，例如，根据原生页面的ui风格(颜色、形状和动画等)进行web业务的页面功能配置，从而在客户端应用中，使实时加载的web页面与应用原生页面尽可能的匹配，进而提升用户的使用体验。而对于传统方式中，由于web页面组件和客户端本身的原生组件风格差异较大且难以统一，导致应用整体页面交互效果较差，因此很难达到理想的用户体验效果。
67.在其中一些实施例中，页面功能配置信息是web加载框架能够识别的预设协议数据，且为web组件的属性描述信息；
68.页面功能配置信息包括页面信息和功能信息，页面信息用于在客户端应用中生成显示页面，功能信息用于支持用户在显示页面上的交互动作。
69.在其中一些实施例中，考虑到客户端应用版本更新的情况，本技术提供的技术方案，还针对应用版本更新提供对应的功能；
70.图3是根据本技术实施例的对客户端应用进行版本更新的流程图，如图3所示，该流程包括如下步骤：
71.s301，后台管理中心输出操作指令，修改和/或扩展页面功能配置信息以得到第二页面功能配置信息，并对客户端应用下发版本更新信息；
72.对应的，客户端应用中也应具备检查版本更新的功能，在客户端本地没有查找到页面功能配置信息或者检测到页面功能配置信息需要更新时，即从云服务器重新获取页面功能配置信息。
73.s302，客户端应用在接受到版本更新信息的情况下，从云服务器获取第二页面功能配置信息(即修改/扩展后的页面功能配置信息)，并通过web加载框架基于第二页面功能配置信息，重新加载web页面和web页面中的功能选项，此时生成的软件页面即为版本更新后的页面。
74.在其中一些实施例中，可选的，本技术可以通过用通过识别二维码或解析配置文
件的方式，获取目标地址；其中，配置文件方式即对客户端应用下发一个包含上述目标地址的文件包，客户端可通过解析配置文件，获取存储页面功能配置信息的地址。
75.进一步的，再根据该目标地址，从云服务器获取页面功能配置信息，或获取更新之后的第二页面功能配置信息。
76.在其中一些实施例中，在客户端应用中，用户既可以与客户端应用本身的原生页面进行交互，也可以与线上加载得到的web页面进行交互；另外，应用原生页面与web页面之间，也可以基于预设传输协议和预设数据接口，实现信息交互。
77.在其中一些实施例中，图4是根据本技术实施例的一种客户端应用生成配置页面方法的时序示意图，如图4所示：
78.第一步，后台管理中心在云服务器中创建web业务；
79.第二步，后台管理中心在web业务中初始化配置信息和页面功能配置信息；
80.第三步，客户端应用首先从后台管理中心获取上述初始化配置信息；
81.第四步，生成软件页面，具体包括：
82.4.1：客户端应用基于本地数据进行原生页面的初始化；
83.4.2：从云服务器首次下载/或更新下载页面功能配置文件；
84.4.3：进行web页面的初始化，以及加载上述页面功能配置信息动态生成web页面；
85.第五步，用户分别与应用原生页面和web页面实现交互，以及，应用原生页面与web页面之间实现交互。
86.需要说明的是，在上述流程中或者附图的流程图中示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行，并且，虽然在流程图中示出了逻辑顺序，但是在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤。
87.本实施例还提供了一种客户端应用生成可配置页面的系统，该系统用于实现上述实施例及优选实施方式，已经进行过说明的不再赘述。如以下所使用的，术语“模块”、“单元”、“子单元”等可以实现预定功能的软件和/或硬件的组合。尽管以下实施例所描述的装置较佳地以软件来实现，但是硬件，或者软件和硬件的组合的实现也是可能并被构想的。
88.图5是根据本技术实施例的一种客户端应用生成可配置页面的系统的结构框图，如图5所示，该系统包括：后台管理中心50、云服务器51和客户端应用52，其中；
89.后台管理中心50用于，创建web业务，依据客户端应用的原生页面，对web业务添加初始化配置信息和页面功能配置信息，并将页面功能配置信息上传至云服务器51；
90.云服务器51用于，对后台管理中心50和客户端应用52提供数据接口，以及存储页面功能配置信息；
91.客户端应用52用于，从云服务器51获取页面功能配置信息，并从后台管理中心50获取初始化配置信息，以及，
92.基于初始化配置信息进行web页面初始化，并通过web加载框架，基于页面功能配置信息，加载web页面和web页面中的功能选项。
93.在其中一些实施例中，在进行客户端应用版本更新时，后台管理中心50还用于，输出操作指令，修改和/或扩展页面功能配置信息以得到第二页面功能配置信息，并对客户端应用52下发版本更新信息；
94.客户端应用52还用于，在接受到版本更新信息的情况下，从云服务器51获取第二
页面功能配置信息，并通过web加载框架基于第二页面功能配置信息，重新加载web页面和web页面中的功能选项。
95.在其中一些实施例中，图6是根据本技术实施例的客户端应用的示意图，如图6所示，该客户端应用包括初始化模块60和功能页面交互模块61，其中；
96.初始化模块60用于应用自身原生页面及功能的初始化，和web业务的初始化，以及下载/更新web页面功能配置信息和加载web页面；
97.功能交互模块61用于分别实现用户与应用原生页面和web页面实现交互，以及在应用原生页面与web页面之间实现交互。
98.在一个实施例中，图7是根据本技术实施例的电子设备的内部结构示意图，如图7所示，提供了一种电子设备，该电子设备可以是服务器，其内部结构图可以如图7所示。该电子设备包括通过内部总线连接的处理器、网络接口、内存储器和非易失性存储器，其中，该非易失性存储器存储有操作系统、计算机程序和数据库。处理器用于提供计算和控制能力，网络接口用于与外部的终端通过网络连接通信，内存储器用于为操作系统和计算机程序的运行提供环境，计算机程序被处理器执行时以实现一种客户端应用生成可配置页面的方法，数据库用于存储数据。
99.本领域技术人员可以理解，图7中示出的结构，仅仅是与本技术方案相关的部分结构的框图，并不构成对本技术方案所应用于其上的电子设备的限定，具体的电子设备可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。
100.本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，该计算机程序可存储于一非易失性计算机可读取存储介质中，该计算机程序在执行时，可包括如上述各方法的实施例的流程。其中，本技术所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用，均可包括非易失性和/或易失性存储器。非易失性存储器可包括只读存储器(rom)、可编程rom(prom)、电可编程rom(eprom)、电可擦除可编程rom(eeprom)或闪存。易失性存储器可包括随机存取存储器(ram)或者外部高速缓冲存储器。作为说明而非局限，ram以多种形式可得，诸如静态ram(sram)、动态ram(dram)、同步dram(sdram)、双数据率sdram(ddrsdram)、增强型sdram(esdram)、同步链路(synchlink)dram(sldram)、存储器总线(rambus)直接ram(rdram)、直接存储器总线动态ram(drdram)、以及存储器总线动态ram(rdram)等。
101.以上实施例的各技术特征可以进行任意的组合，为使描述简洁，未对上述实施例中的各个技术特征所有可能的组合都进行描述，然而，只要这些技术特征的组合不存在矛盾，都应当认为是本说明书记载的范围。以上所述实施例仅表达了本技术的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对发明专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本技术构思的前提下，还可以做出若干变形和改进，这些都属于本技术的保护范围。因此，本技术专利的保护范围应以所附权利要求为准。