CN108363574A - 基于sdk的前端定制方法、装置、终端设备及存储介质 - Google Patents
基于sdk的前端定制方法、装置、终端设备及存储介质 Download PDFInfo
- Publication number
- CN108363574A CN108363574A CN201810063119.1A CN201810063119A CN108363574A CN 108363574 A CN108363574 A CN 108363574A CN 201810063119 A CN201810063119 A CN 201810063119A CN 108363574 A CN108363574 A CN 108363574A
- Authority
- CN
- China
- Prior art keywords
- module
- sdk
- interface
- document
- target
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开一种基于SDK的前端定制方法、装置、终端设备及存储介质。该基于SDK的前端定制方法包括:获取前端定制请求,所述定制请求包括接口ID;基于所述前端定制请求,调用寄宿方配置的与所述接口ID相对应的SDK接口,所述SDK接口包括界面配置文档,所述界面配置文档包括至少一个文档模块;获取与每一所述文档模块相对应的目标定制文件,并将所述目标定制文件通过所述SDK接口发送给所述寄宿方;通过所述SDK接口接收所述寄宿方基于所述目标定制文件形成的定制界面,并显示所述定制界面。该基于SDK的前端定制方法可有效解决目前宿主方应用程序无法定制寄宿方界面的问题,并具有定制效率快的优点。
Description
技术领域
本发明涉及前端开发领域,尤其涉及一种基于SDK的前端定制方法、装置、终端、设备及存储介质。
背景技术
当前在企业开发的宿主方应用程序中嵌入其分支机构或合作企业开发的寄宿方应用程序是企业业务推广的一种常用方式。例如,可在平安一帐通这一宿主方应用程序中嵌入平安i贷这个寄宿方应用程序,以实现通过平安一帐通推广新开发的平安i货这一寄宿方应用程序。又如,可在平安一帐通这一宿主方应用程序中嵌入打车应用程序(即寄宿方应用程序),以便于推广合作企业的业务,实现双方共赢。由于当前宿主方应用程序和寄宿方应用程序开发过程相互独立,其前端样式各不相同,在宿主方应用程序和寄宿方应用程序之间跳转时,不同的前端样式跳转可能会影响用户的视觉感受。
发明内容
本发明实施例提供一种基于SDK的前端定制方法、装置、终端设备及存储介质,以解决目前宿主方应用程序无法定制寄宿方应用程序界面的问题。
第一方面,本发明实施例提供一种基于SDK的前端定制方法,包括宿主方执行的如下步骤:
获取前端定制请求,所述定制请求包括接口ID;
基于所述前端定制请求,调用寄宿方配置的与所述接口ID相对应的SDK接口,所述SDK接口包括界面配置文档,所述界面配置文档包括至少一个文档模块;
获取与每一所述文档模块相对应的目标定制文件,并将所述目标定制文件通过所述SDK接口发送给所述寄宿方;
通过所述SDK接口接收所述寄宿方基于所述目标定制文件形成的定制界面,并显示所述定制界面。
第二方面,本发明实施例提供一种基于SDK的前端定制装置,包括宿主方,宿主方包括:
前端定制请求获取模块,用于获取前端定制请求,所述定制请求包括接口ID;
SDK接口调用模块,用于基于所述前端定制请求,调用寄宿方配置的与所述接口ID相对应的SDK接口,所述SDK接口包括界面配置文档,所述界面配置文档包括至少一个文档模块;
目标定制文件获取模块,用于获取与每一所述文档模块相对应的目标定制文件,并将所述目标定制文件通过所述SDK接口发送给所述寄宿方;
定制界面显示模块,用于通过所述SDK接口接收所述寄宿方基于所述目标定制文件形成的定制界面,并显示所述定制界面。
第三方面,本发明实施例提供一种基于SDK的前端定制方法,包括寄宿方执行的如下步骤:
接收宿主方通过预先配置的SDK接口发送的目标定制文件,所述SDK接口包括界面配置文档,所述界面配置文档包括至少一个文档模块;
对与所述目标定制文件相关联的所述文档模块进行参数修改,获取定制界面;
将所述定制界面通过所述SDK接口发送给所述宿主方,以使所述宿主方显示所述定制界面。
第四方面,本发明实施例提供一种基于SDK的前端定制装置,包括寄宿方,寄宿方包括:
目标定制文件接收模块,用于接收宿主方通过预先配置的SDK接口发送的目标定制文件,所述SDK接口包括界面配置文档,所述界面配置文档包括至少一个文档模块;
定制界面获取模块,用于对与所述目标定制文件相关联的所述文档模块进行参数修改,获取定制界面;
定制界面发送模块,用于将所述定制界面通过所述SDK接口发送给所述宿主方,以使所述宿主方显示所述定制界面。
第五方面,本发明实施例提供一种终端设备,包括存储器、处理器以及存储在存储器中并可在处理器上运行的计算机程序,处理器执行计算机程序时实现基于SDK的前端定制方法的步骤。
第六方面,本发明实施例提供一种计算机可读存储介质,计算机可读存储介质存储有计算机程序,计算机程序被处理器执行时实现基于SDK的前端定制方法的步骤。
本发明实施例提供的基于SDK的前端定制方法、装置、终端设备及存储介质中,宿主方先获取前端定制请求,该前端定制请求包括接口ID,以便宿主方基于接口ID调用与接口ID对应的SDK接口,该SDK接口包括界面配置文档,通过调用SDK接口获取寄宿方提供界面配置文档,操作简单方便,提高了前端定制的效率。然后基于界面配置文档中的文档模块,获取与每一文档模块对应的目标定制文件,并将该目标定制文件通过SDK接口发送给寄宿方,以便寄宿方能够对与目标定制文件相关联的文档模块进行参数修改,获取定制界面,并将该定制界面通过SDK接口发送给宿主方以使宿主方能够显示该基于目标定制文件形成的定制界面,以达到前端定制的目的。
附图说明
为了更清楚地说明本发明实施例的技术方案,下面将对本发明实施例的描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
图1是本发明实施例1中提供的基于SDK的前端定制方法的一流程图。
图2是图1中步骤S13的一具体示意图。
图3是图1中步骤S15的一具体示意图。
图4是图1中步骤S18的一具体示意图。
图5是本发明实施例2中提供的基于SDK的前端定制装置的一原理框图。
图6是本发明实施例4中提供的终端设备的一示意图。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
实施例1
该基于SDK的前端定制方法具体包括宿主方执行的如下步骤:
获取前端定制请求,定制请求包括接口ID。
基于前端定制请求,调用寄宿方配置的与接口ID相对应的SDK接口,SDK接口包括界面配置文档,界面配置文档包括至少一个文档模块。
获取与每一文档模块相对应的目标定制文件,并将目标定制文件通过SDK接口发送给寄宿方。
通过SDK接口接收寄宿方基于目标定制文件形成的定制界面,并显示定制界面。
该基于SDK的前端定制方法具体包括寄宿方执行的如下步骤:
接收宿主方通过预先配置的SDK接口发送的目标定制文件,SDK接口包括界面配置文档,界面配置文档包括至少一个文档模块。
对与目标定制文件相关联的文档模块进行参数修改,获取定制界面。
将定制界面通过SDK接口发送给宿主方,以使宿主方显示所述定制界面。
该基于SDK的前端定制方法可使宿主方应用程序(以下简称宿主方)能够根据自己的需求更改寄宿方应用程序(以下简称寄宿方)的前端样式,以满足自主设计前端样式的需求,增强用户体验。
图1示出本实施例中基于SDK的前端定制方法的流程图。如图1所示,通过以下详细示例说明该基于SDK的前端定制方法的实现过程:
S11:宿主方获取前端定制请求,定制请求包括接口ID。
其中,前端定制请求是通过宿主方定制寄宿方前端样式的请求。例如,宿主方是指宿主方应用程序,例如平安一账通。寄宿方是指寄宿方应用程序,即寄宿在宿主方应用程序中的第三方应用程序,例如平安i贷。具体地,每一寄宿方应用程序都包含SDK接口,接口ID表示能够识别寄宿方的SDK接口的唯一标识。SDK(Software Development Kit)是一种软件开发工具包,其内部一般封装了一些软件程序的实现代码(例如:前端样式代码),并提供了相关编程接口(即本实施例中的SDK接口)以供第三方调用。本实施例中,宿主方通过调用寄宿方预先配置的SDK接口,以获取前端样式代码,使得宿主方能够基于该前端样式代码对寄宿方的前端样式进行修改,以达到前端定制的目的。
具体地,宿主方应用程序中显示至少一个寄宿方应用程序的图标,用户可通过点击该图标而输入程序选择指令,基于该程序选择指令进入相应的寄宿方应用程序。本实施例中宿主方获取前端定制请求包括如下两种情况:其一是,在每一寄宿方应用程序的前端界面上显示一定制样式按钮,用户点击该定制样式按钮即可完成前端定制请求的输入,其前端定制请求的接口ID为该寄宿方应用程序的SDK接口的接口ID,以便基于该前端定制请求对寄宿方应用程序的前端样式进行调整配置。其二是,在宿主方应用程序的前端界面上显示一定制样式按钮,用户点击该定制样式按钮即可进入定制样式配置界面,该定制样式配置界面显示至少一个可供修改的寄宿方应用程序列表。用户在该定制样式配置界面选择至少一个寄宿方应用程序,即可完成前端定制请求的输入,以便基于该前端定制请求对寄宿方应用程序的前端样式进行调整配置,由于该前端定制请求可包括至少一个接口ID,从而实现对至少一个接口ID对应的寄宿方应用程序的前端样式进行同步修改。
S12:宿主方基于前端定制请求,调用寄宿方配置的与接口ID相对应的SDK接口,SDK接口包括界面配置文档,界面配置文档包括至少一个文档模块。
其中,SDK接口为寄宿方所提供的供宿主方进行调用的接口。界面配置文档是由寄宿方提供的可供宿主方配置的寄宿方界面的文档。该界面配置文档包括至少一个文档模块,该文档模块是寄宿方基于寄宿方前端界面的显示区域进行划分所得到的模块。本实施例中,该文档模块包括但不限于标题模块、按钮模块和广告模块。其中,标题模块是指寄宿方前端界面上的标题区域对应的模块。按钮模块是寄宿方前端界面上的按钮区域对应的模块。广告模块是寄宿方前端界面上的广告区域对应的模块。
具体地,宿主方基于前端定制请求中的接口ID调用与该接口ID对应的SDK接口,以便宿主方能够基于该SDK接口配置对应的寄宿方的前端样式,以使寄宿方的前端样式满足宿主方的界面风格,提升用户体验。本实施例中,通过调用SDK接口获取寄宿方提供界面配置文档,操作简单方便,以提高前端定制的效率。
S13:宿主方获取与每一文档模块相对应的目标定制文件,并将目标定制文件通过SDK接口发送给寄宿方。
其中,目标定制文件是由宿主方基于自身界面的需求对每一文档模块进行更改后所形成的样式文件。具体地,宿主方调用寄宿方提供的SDK接口对寄宿方界面进行更改,并生成更改后的样式文件即目标定制文件。由于文档模块包括但不限于标题模块、按钮模块和广告模块等,则目标定制文件可以包括与每一文档模块对应的样式文件。
例如,对标题模块中的参数进行更改(包括但不限于标题大小、标题位置、标题文字和标题颜色等),以获取标题模块所对应的目标标题定制文件;对按钮模块中的参数进行更改(包括但不限于按钮位置、按钮形状、按钮大小和按钮颜色等),以获取目标按钮定制文件;对广告模块中的参数进行更改(包括但不限于广告图片、广告位置和广告大小等),以获取目标广告定制文件;最后,基于目标标题定制文件、目标按钮定制文件和目标广告定制文件,以获取目标定制文件。然后将该目标定制文件通过SDK接口返回给寄宿方,以使寄宿方能够根据该定制文件对寄宿方界面的样式进行更改,以满足宿主方的样式需求。
S14:寄宿方接收宿主方通过预先配置的SDK接口发送的目标定制文件,SDK接口包括界面配置文档,界面配置文档包括至少一个文档模块。
具体地,寄宿方通过预先配置的SDK接口接收宿主方返回的的目标定制文件,该目标定制文件包括界面配置文档,界面配置文档包括至少一个文档模块,并基于目标定制文件中的文档模块对寄宿方的界面进行更改,以满足宿主方的样式需求。其中,SDK接口、界面配置文档和文档模块在步骤S12中有详细描述,为避免重复,在此不一一赘述。
S15:寄宿方对与目标定制文件相关联的文档模块进行参数修改,获取定制界面。
其中,定制界面是寄宿方基于宿主方发送的目标定制文件中的文档模块进行参数更改所获取的满足宿主方需求的界面。具体地,寄宿方调用目标文件中与文档模块对应的样式文件,即调用目标标题定制文件、目标按钮定制文件和目标广告定制文件对每一样式文件中的文档模块进行参数修改,以获取定制界面。
S16:寄宿方将定制界面通过SDK接口发送给宿主方,以使宿主方显示定制界面。
具体地,寄宿方将基于宿主方发送的目标定制文件进行参数更改所获取的满足宿主方需求的界面(即定制界面)通过SDK接口发送给宿主方,以使宿主方显示该定制界面,以满足宿主方的样式需求。本实施例中,由于寄宿方本身具有自己的前端风格,因此寄宿方在提供SDK接口供宿主方进行调用,以使宿主方能够按照自己的需求对寄宿方的前端样式进行定制,并在宿主方显示定制界面的同时,无需更改寄宿方的前端样式,以使寄宿方在为宿主方提供定制条件的同时,无需更改自己本身的前端风格,使寄宿方的前端样式具有可扩展性强的优点。
S17:宿主方通过SDK接口接收寄宿方基于目标定制文件形成的定制界面,并显示定制界面。
具体地,宿主方通过SDK接口接收寄宿方基于目标定制文件形成的定制界面。其中,宿主方显示界面上包括至少一个寄宿方的显示位置,宿主方在接收到寄宿方基于目标定制文件形成的定制界面时,将该定制界面在寄宿方对应的的显示位置上进行显示,以达到前端定制的目的。本实施例中,由于寄宿方本身具有自己的前端风格,因此寄宿方在提供SDK接口供宿主方进行调用,以使宿主方能够按照自己的需求对寄宿方的前端样式进行定制,并在宿主方以定制界面的前端样式显示寄宿方,并保证寄宿方自身或者在其他宿主方显示的前端样式无需更改,即无需更改自己本身的前端风格,使寄宿方的前端样式具有可扩展性强的优点。
本实施例中,宿主方先获取前端定制请求,该前端定制请求包括接口ID,以便宿主方基于该接口ID调用与接口ID对应的SDK接口,该SDK接口包括界面配置文档,通过调用SDK接口获取寄宿方提供界面配置文档,操作简单方便,提高了前端定制的效率。然后基于界面配置文档中的文档模块,获取与每一文档模块对应的目标定制文件,并将该目标定制文件通过SDK接口发送给寄宿方,以便寄宿方能够对与目标定制文件相关联的文档模块进行参数修改,获取定制界面,并将该定制界面通过SDK接口发送给宿主方,以使宿主方能够显示该基于目标定制文件形成的定制界面以达到前端定制的目的,而且,无需更改寄宿方本身的前端风格,以使寄宿方的前端样式具有可扩展性强的优点。
在一具体实施方式中,如图2所示,文档模块还包括与配置元素相对应的原始参数值。步骤S13中,即宿主方获取与每一文档模块相对应的目标定制文件,并将目标定制文件通过SDK接口发送给寄宿方,具体包括如下步骤:
S131:宿主方获取参数修改请求,参数修改请求包括模块ID、配置元素ID和修改参数值。
其中,参数修改请求是宿主方发送的修改寄宿方前端样式所对应的参数的请求。模块ID是识别每一文档模块的唯一标识。每一文档模块对应至少一个配置元素,配置元素是用于配置每一文档模块中的元素。配置元素ID是识别每一配置元素的唯一标识。修改参数值是宿主方输入的用于修改寄宿方前端样式的参数值。可以理解地,参数修改请求包括一模块ID,与模块ID对应的配置元素ID和与配置元素ID对应的修改参数值,以便基于该参数修改请求进行修改特定的文档模块中对应的配置元素的参数值。
S132:宿主方从至少一个文档模块中获取与模块ID相对应的目标文档模块。
其中,目标文档模块是宿主方选择所要修改的文档模块。具体地,宿主方基于参数修改请求中的模块ID从至少一个文档模块中获取对应的目标文档模块,以便宿主方能够基于该目标文档模块,对寄宿方的前端样式进行更改,以实现定制的目的。
S133:宿主方获取目标文档模块中与配置元素ID相对应的目标配置元素,将目标配置元素中的原始参数值替换为修改参数值,以获取目标定制文件。
具体地,每一目标文档模块包含至少一个目标配置元素和对应的原始参数值。其中,目标配置元素是与参数修改请求中的配置元素ID相对应的配置元素,是宿主方选择所要修改的配置元素。宿主方基于配置元素ID,从目标文档模块中获取与配置元素ID相对应的目标配置元素和对应的原始参数值,然后将原始参数值替换为参数修改请求中的参数修改值,以实现前端定制的目的。
本实施例中,标题模块包括但不限于标题大小、标题颜色、标题字体、标题背景、标题区域大小、标题区域位置等配置元素。按钮模块包括但不限于,按钮大小、按钮颜色、按钮字体、按钮背景、按钮区域位置和按钮区域大小等配置元素。广告模块包括但不限于广告图片大小,广告文字大小和广告图片位置等配置元素,具体地,广告图片大小为不超过750px×184px。其中,广告图片是定制可以是宿主方上传满足自己需求的图片也可以根据寄宿方提供的图片列表进行选取,操作简单,满足用户需求。
具体地,每一文档模块在寄宿方界面的区域位置也是可以更改的,如在寄宿方界面中以其右下角为原点形成坐标系,宿主方可根据改变位置坐标对每一文档模块的区域位置进行配置。可以理解地,例如定义标题模块坐标为(a,b),宿主方只需将a和b赋值即可配置相应文档模块的区域位置,操作简单,提高前端定制的效率。
本实施例中,宿主方先获取参数修改请求,该参数修改请求包括模块ID、配置元素ID和修改参数值,以便宿主方基于模块ID从至少一个文档模块中获取与模块ID相对应的目标文档模块;基于配置元素ID,从目标文档模块中获取与配置元素ID相对应的目标配置元素,以使宿主方将目标配置元素中的原始参数值替换为修改参数值,获取目标定制文件。该获取目标定制文件的过程,宿主方只需根据如下路径“模块ID-配置元素ID-目标配置元素-原始参数值”得到原始参数值,并将目标配置元素中的原始参数值替换为修改参数值,以获取目标定制文件,操作简单,提高前端定制的效率。
在一具体实施方式中,步骤S13中,宿主方将目标定制文件通过SDK接口发送给寄宿方,具体包括:宿主方采用json数据的形式将目标定制文件通过SDK接口发送给寄宿方。
具体地,宿主方根据输入的参数修改值生成目标定制文件,并将该目标定制文件提供给寄宿方,寄宿方根据宿主方提供的目标定制文件进行样式配置。该目标定制文件具体采用json数据的形式通过SDK接口发送给寄宿方。
本实施例中,将参数修改值转换为json字符串保存,通过json.parse()方法将json字符串转化为json对象并传入目标定制文件,即可使寄宿方基于该目标定制文件对目标文档模块进行渲染,以获取定制界面。json字符串是一种易于机器解析和生成的字符串,主要是以双引号将所有属性包括起来例如“{“title.textStyle.color”:"“#000”}”(代表标题字体颜色为黑色)。json对象是一种将json字符串转换为键值对的形式,例如{“title.textStyle.color”:"“#000”},使得代码简短易懂,容易维护。
在一具体实施方式中,如图3所示,文档模块还包括与配置元素相对应的原始参数值。目标定制文件包括模块ID、配置元素ID和修改参数值。步骤S15中,即寄宿方对与目标定制文件相关联的文档模块进行参数修改,获取定制界面,具体包括如下步骤:
S151:寄宿方从至少一个文档模块中获取与模块ID相对应的目标文档模块。
具体地,寄宿方基于宿主方发送的目标定制文件,以获取至少一个文档模块,然后,从至少一个文档模块中获取与模块ID相对应的目标文档模块,该目标文档模块是宿主方选择所要修改的文档模块,以便寄宿方能够基于该目标文档模块,对寄宿方的前端样式进行更新,以实现前端定制的目的。
S152:寄宿方获取目标文档模块中与配置元素ID相对应的目标配置元素,将目标配置元素中原始参数值替换为修改参数值,获取定制界面。
具体地,每一目标文档模块包含至少一个目标配置元素和对应的原始参数值。寄宿方基于配置元素ID,从目标文档模块中获取与配置元素ID相对应的目标配置元素和对应的原始参数值,然后将原始参数值替换为参数修改值,以获取定制界面,并将该定制界面通过SDK接口发送给宿主方,以完成前端定制的目的。
本实施例中,寄宿方基于模块ID从至少一个文档模块中获取与模块ID相对应的目标文档模块,然后,基于配置元素ID从目标文档模块中获取与配置元素ID相对应的目标配置元素,以便寄宿方将目标配置元素中的原始参数值替换为修改参数值,获取定制界面,以达到前端定制的目的。
在一具体实施方式中,如图4所示,在步骤S14之前,该基于SDK的前端定制方法还包括步骤S18:寄宿方预先配置的SDK接口的步骤。具体地,步骤S18,即预先配置SDK接口,具体包括如下步骤:
S181:寄宿方对寄宿方界面依据显示区域进行划分,获取至少一个文档模块,每一文档模块包括至少一个配置元素;每一文档模块对应一模块ID,每一配置元素对应一配置元素ID。
具体地,寄宿方根据寄宿方界面的显示区域进行划分,获取至少一个文档模块,该文档模块包括但不限于本实施例中的标题模块、按钮模块和广告模块。其中,每一文档模块包括至少一个配置元素;每一文档模块对应一模块ID,每一配置元素对应一配置元素ID,以使宿主方能够根据模块ID和配置元素ID对寄宿方界面进行更改。可以理解地,宿主方通过“模块ID->配置元素ID->原始参数值”这一查找路径查找到原始参数值,并对其进行替换,操作简单,提高了前端定制的效率。
S182:寄宿方将模块ID和配置元素ID进行封装,获取界面配置文档,并给界面配置文档配置SDK接口。
具体地,寄宿方将每一文档模块对应的模块代码中的模块ID和配置元素ID进行封装,以获取界面配置文档,并给该界面配置文档配置SDK接口(例如按钮模块封装后的代码如下:Button(int color,int text)其中,Button为模块ID,color和text为配置元素ID),以使宿主方在对寄宿方的前端样式进行更改时,通过调用SDK接口获取界面配置文档并基于模块ID查找到对应的模块,基于配置元素ID查找到目标配置元素,(例如,宿主方通过语句Button.color调用SDK接口,基于Button(模块ID)即可定位到封装代码中的按钮模块即Button(int color,int text),基于color(配置元素ID)定位到按钮模块中的“color”,实现对按钮颜色的定制),以达到前端定制的目的。
本实施例中,模块ID和配置元素ID以实际英文名字命名,例如,标题模块命名为title,配置元素命名为title.color(表示标题颜色),以使宿主方容易理解命名规则,节省时间,提高定制效率。
本实施例中,通过对寄宿方界面依据显示区域进行划分,获取至少一个文档模块,每一文档模块包括至少一个配置元素;每一文档模块对应一模块ID,每一配置元素对应一配置元素ID,然后将模块ID和配置元素ID进行封装,获取界面配置文档,并给界面配置文档配置SDK接口,以使宿主方能够调用该SDK接口,并只需根据如下路径“模块ID-配置元素ID-目标配置元素-原始参数值”得到原始参数值,并将目标配置元素中的原始参数值替换为修改参数值,以实现对寄宿方前端样式的快速定制。
应理解,上述实施例中各步骤的序号的大小并不意味着执行顺序的先后,各过程的执行顺序应以其功能和内在逻辑确定,而不应对本发明实施例的实施过程构成任何限定。
实施例2
图5示出与实施例1中基于SDK的前端定制方法一一对应的基于SDK的前端定制装置的原理框图。如图5所示,基于SDK的前端定制装置包括宿主方10和寄宿方20。其中,宿主方10包括前端定制请求获取模块11、SDK接口调用模块12、目标定制文件获取模块13和定制界面显示模块14。寄宿方20包括目标定制文件接收模块21、定制界面获取模块22和定制界面发送模块23。基于SDK的前端定制装置的实现功能与实施例1中基于SDK的前端定制方法相应的步骤一一对应,为避免赘述,本实施例不一一详述。
宿主方10包括前端定制请求获取模块11、SDK接口调用模块12、目标定制文件获取模块13和定制界面显示模块14。
前端定制请求获取模块11,用于获取前端定制请求,定制请求包括接口ID。
SDK接口调用模块12,用于基于前端定制请求,调用寄宿方配置的与接口ID相对应的SDK接口,SDK接口包括界面配置文档,界面配置文档包括至少一个文档模块。
目标定制文件获取模块13,用于获取与每一文档模块相对应的目标定制文件,并将目标定制文件通过SDK接口发送给寄宿方。
定制界面显示模块14,用于通过SDK接口接收寄宿方基于目标定制文件形成的定制界面,并显示定制界面。
优选地,文档模块包括至少一个配置元素和对应的原始参数值。
目标定制文件获取模块13包括参数修改请求获取单元131、目标文档模块获取单元132和目标定制文件获取单元133。
参数修改请求获取单元131,用于获取参数修改请求,参数修改请求包括模块ID、配置元素ID和修改参数值。
目标文档模块获取单元132,用于从至少一个文档模块中获取与模块ID相对应的目标文档模块。
目标定制文件获取单元133,用于获取目标文档模块中与配置元素ID相对应的目标配置元素,将目标配置元素中的原始参数值替换为修改参数值,以获取目标定制文件。
优选地,目标定制文件获取模块13,用于采用json数据的形式将目标定制文件通过SDK接口发送给寄宿方。
寄宿方20包括目标定制文件接收模块21、定制界面获取模块22和定制界面发送模块23。
目标定制文件接收模块21,用于接收宿主方通过预先配置的SDK接口发送的目标定制文件,SDK接口包括界面配置文档,界面配置文档包括至少一个文档模块。
定制界面获取模块22,用于对与目标定制文件相关联的文档模块进行参数修改,获取定制界面。
定制界面发送模块23,用于将定制界面通过SDK接口发送给宿主方,以使宿主方显示定制界面。
优选地,寄宿方20还包括SDK接口配置模块24,用于预先配置SDK接口。
SDK接口配置模块24包括寄宿方界面划分单元241和界面配置文档获取单元242。
寄宿方界面划分单元241,用于对寄宿方界面依据显示区域进行划分,获取至少一个文档模块,每一文档模块包括至少一个配置元素;每一文档模块对应一模块ID,每一配置元素对应一配置元素ID。
界面配置文档获取单元242,用于将模块ID和配置元素ID进行封装,获取界面配置文档,并给界面配置文档配置SDK接口。
优选地,文档模块还包括与配置元素相对应的原始参数值。
目标定制文件包括模块ID、配置元素ID和修改参数值。
定制界面获取模块22包括目标文档模块获取单元221和定制界面获取单元222。
目标文档模块获取单元221,用于从至少一个文档模块中获取与模块ID相对应的目标文档模块。
定制界面获取单元222,用于获取目标文档模块中与配置元素ID相对应的目标配置元素,将目标配置元素中原始参数值替换为修改参数值,获取定制界面。
实施例3
本实施例提供一计算机可读存储介质,该计算机可读存储介质上存储有计算机程序,该计算机程序被处理器执行时实现实施例1中基于SDK的前端定制方法,为避免重复,这里不再赘述。或者,该计算机程序被处理器执行时实现实施例2中基于SDK的前端定制装置中各模块/单元的功能,为避免重复,这里不再赘述。
实施例4
图6是本发明一实施例提供的终端设备的示意图。如图6所示,该实施例的终端设备60包括:处理器61、存储器62以及存储在存储器62中并可在处理器61上运行的计算机程序63。处理器61执行计算机程序63时实现上述实施例1中基于SDK的前端定制方法的步骤,例如图1所示的步骤S11至S18。或者,处理器61执行计算机程序63时实现上述实施例2中基于SDK的前端定制装置的各模块/单元的功能,例如图5所示前端定制请求获取模块11、SDK接口调用模块12、目标定制文件获取模块13和定制界面显示模块14,或者目标定制文件接收模块21、定制界面获取模块22和定制界面发送模块23的功能。
示例性的,计算机程序63可以被分割成一个或多个模块/单元,一个或者多个模块/单元被存储在存储器62中,并由处理器61执行,以完成本发明。一个或多个模块/单元可以是能够完成特定功能的一系列计算机程序指令段,该指令段用于描述计算机程序63在终端设备60中的执行过程。例如,计算机程序63可以被分割成前端定制请求获取模块11、SDK接口调用模块12、目标定制文件获取模块13和定制界面显示模块14,或者可以被分割成目标定制文件接收模块21、定制界面获取模块22和定制界面发送模块23,各模块具体功能与实施例1中基于SDK的前端定制方法的步骤一一对应,为避免重复,在此不一一赘述。
终端设备60可以是桌上型计算机、笔记本、掌上电脑及云端服务器等计算设备。终端设备可包括,但不仅限于,处理器61、存储器62。本领域技术人员可以理解,图6仅仅是终端设备60的示例,并不构成对终端设备60的限定,可以包括比图示更多或更少的部件,或者组合某些部件,或者不同的部件,例如终端设备还可以包括输入输出设备、网络接入设备、总线等。
所称处理器61可以是中央处理单元(Central Processing Unit,CPU),还可以是其他通用处理器、数字信号处理器(Digital Signal Processor,DSP)、专用集成电路(Application Specific Integrated Circuit,ASIC)、现场可编程门阵列(Field-Programmable Gate Array,FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。
存储器62可以是终端设备60的内部存储单元,例如终端设备60的硬盘或内存。存储器62也可以是终端设备60的外部存储设备,例如终端设备60上配备的插接式硬盘,智能存储卡(Smart Media Card,SMC),安全数字(Secure Digital,SD)卡,闪存卡(Flash Card)等。进一步地,存储器62还可以既包括终端设备60的内部存储单元也包括外部存储设备。存储器62用于存储计算机程序以及终端设备所需的其他程序和数据。存储器62还可以用于暂时地存储已经输出或者将要输出的数据。
所属领域的技术人员可以清楚地了解到,为了描述的方便和简洁,仅以上述各功能单元、模块的划分进行举例说明,实际应用中,可以根据需要而将上述功能分配由不同的功能单元、模块完成,即将所述装置的内部结构划分成不同的功能单元或模块,以完成以上描述的全部或者部分功能。
另外,在本发明各个实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现,也可以采用软件功能单元的形式实现。
所述集成的模块/单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。基于这样的理解,本发明实现上述实施例方法中的全部或部分流程,也可以通过计算机程序来指令相关的硬件来完成,所述的计算机程序可存储于一计算机可读存储介质中,该计算机程序在被处理器执行时,可实现上述各个方法实施例的步骤。其中,所述计算机程序包括计算机程序代码,所述计算机程序代码可以为源代码形式、对象代码形式、可执行文件或某些中间形式等。所述计算机可读介质可以包括:能够携带所述计算机程序代码的任何实体或装置、记录介质、U盘、移动硬盘、磁碟、光盘、计算机存储器、只读存储器(ROM,Read-Only Memory)、随机存取存储器(RAM,Random Access Memory)、电载波信号、电信信号以及软件分发介质等。需要说明的是,所述计算机可读介质包含的内容可以根据司法管辖区内立法和专利实践的要求进行适当的增减,例如在某些司法管辖区,根据立法和专利实践,计算机可读介质不包括是电载波信号和电信信号。
以上所述实施例仅用以说明本发明的技术方案,而非对其限制;尽管参照前述实施例对本发明进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围,均应包含在本发明的保护范围之内。
Claims (10)
1.一种基于SDK的前端定制方法,其特征在于,包括宿主方执行的如下步骤:
获取前端定制请求,所述定制请求包括接口ID;
基于所述前端定制请求,调用寄宿方配置的与所述接口ID相对应的SDK接口,所述SDK接口包括界面配置文档,所述界面配置文档包括至少一个文档模块;
获取与每一所述文档模块相对应的目标定制文件,并将所述目标定制文件通过所述SDK接口发送给所述寄宿方;
通过所述SDK接口接收所述寄宿方基于所述目标定制文件形成的定制界面,并显示所述定制界面。
2.如权利要求1所述的基于SDK的前端定制方法,其特征在于,所述文档模块包括至少一个配置元素和对应的原始参数值;
所述获取与每一所述文档模块相对应的目标定制文件,包括:
获取参数修改请求,所述参数修改请求包括模块ID、配置元素ID和修改参数值;
从至少一个所述文档模块中获取与所述模块ID相对应的目标文档模块;
获取所述目标文档模块中与所述配置元素ID相对应的目标配置元素,将所述目标配置元素中的原始参数值替换为所述修改参数值,以获取所述目标定制文件。
3.如权利要求1所述的基于SDK的前端定制方法,其特征在于,所述将所述目标定制文件通过所述SDK接口发送给所述寄宿方,包括:采用json数据的形式将所述目标定制文件通过所述SDK接口发送给所述寄宿方。
4.一种基于SDK的前端定制方法,其特征在于,包括寄宿方执行的如下步骤:
接收宿主方通过预先配置的SDK接口发送的目标定制文件,所述SDK接口包括界面配置文档,所述界面配置文档包括至少一个文档模块;
对与所述目标定制文件相关联的所述文档模块进行参数修改,获取定制界面;
将所述定制界面通过所述SDK接口发送给所述宿主方,以使所述宿主方显示所述定制界面。
5.如权利要求4所述的基于SDK的前端定制方法,其特征在于,在所述获取宿主方通过预先配置的SDK接口发送的目标定制文件的步骤之前,所述基于SDK的前端定制方法还包括:预先配置SDK接口;
所述预先配置SDK接口,包括:
对寄宿方界面依据显示区域进行划分,获取至少一个文档模块,每一所述文档模块包括至少一个配置元素;每一所述文档模块对应一模块ID,每一所述配置元素对应一配置元素ID;
将所述模块ID和所述配置元素ID进行封装,获取所述界面配置文档,并给所述界面配置文档配置SDK接口。
6.如权利要求4所述的基于SDK的前端定制方法,其特征在于,所述文档模块还包括与所述配置元素相对应的原始参数值;
所述目标定制文件包括模块ID、配置元素ID和修改参数值;
所述对与所述目标定制文件相关联的所述文档模块进行参数修改,获取定制界面,包括:
从至少一个所述文档模块中获取与所述模块ID相对应的目标文档模块;
获取所述目标文档模块中与所述配置元素ID相对应的目标配置元素,将所述目标配置元素中原始参数值替换为所述修改参数值,获取定制界面。
7.一种基于SDK的前端定制装置,其特征在于,包括:
前端定制请求获取模块,用于获取前端定制请求,所述定制请求包括接口ID;
SDK接口调用模块,用于基于所述前端定制请求,调用寄宿方配置的与所述接口ID相对应的SDK接口,所述SDK接口包括界面配置文档,所述界面配置文档包括至少一个文档模块;
目标定制文件获取模块,用于获取与每一所述文档模块相对应的目标定制文件,并将所述目标定制文件通过所述SDK接口发送给所述寄宿方;
定制界面显示模块,用于通过所述SDK接口接收所述寄宿方基于所述目标定制文件形成的定制界面,并显示所述定制界面。
8.一种基于SDK的前端定制装置,其特征在于,包括:
目标定制文件接收模块,用于接收宿主方通过预先配置的SDK接口发送的目标定制文件,所述SDK接口包括界面配置文档,所述界面配置文档包括至少一个文档模块;
定制界面获取模块,用于对与所述目标定制文件相关联的所述文档模块进行参数修改,获取定制界面;
定制界面发送模块,用于将所述定制界面通过所述SDK接口发送给所述宿主方,以使所述宿主方显示所述定制界面。
9.一种终端设备,包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序,其特征在于,所述处理器执行所述计算机程序时实现如权利要求1至3任一项所述基于SDK的前端定制方法的步骤,或者,所述处理器执行所述计算机程序时实现如权利要求4至6任一项所述基于SDK的前端定制方法的步骤。
10.一种计算机可读存储介质,所述计算机可读存储介质存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现如权利要求1至3任一项所述基于SDK的前端定制方法的步骤,或者,所述计算机程序被处理器执行时实现如权利要求4至6任一项所述基于SDK的前端定制方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810063119.1A CN108363574B (zh) | 2018-01-23 | 2018-01-23 | 基于sdk的前端定制方法、装置、终端设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810063119.1A CN108363574B (zh) | 2018-01-23 | 2018-01-23 | 基于sdk的前端定制方法、装置、终端设备及存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN108363574A true CN108363574A (zh) | 2018-08-03 |
CN108363574B CN108363574B (zh) | 2021-07-16 |
Family
ID=63006633
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201810063119.1A Active CN108363574B (zh) | 2018-01-23 | 2018-01-23 | 基于sdk的前端定制方法、装置、终端设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN108363574B (zh) |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110321192A (zh) * | 2019-04-29 | 2019-10-11 | 上海连尚网络科技有限公司 | 一种呈现寄宿程序的方法与设备 |
CN113010167A (zh) * | 2021-02-26 | 2021-06-22 | 上海爱数信息技术股份有限公司 | 一种页面元素样式定制方法、设备及存储介质 |
CN113138790A (zh) * | 2021-05-14 | 2021-07-20 | 广东九联科技股份有限公司 | Android机顶盒客制化集成方法、装置及机顶盒集成开发系统 |
Citations (12)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20020109717A1 (en) * | 2001-02-13 | 2002-08-15 | International Business Machines Corporation | Customizing a graphical user interface of a host application |
US20050097574A1 (en) * | 2003-10-30 | 2005-05-05 | Microsoft Corporation | Modular, robust, component user interface framework |
CN1629803A (zh) * | 2003-12-18 | 2005-06-22 | 腾讯科技(深圳)有限公司 | 在宿主程序界面中嵌入第三方界面的方法 |
US20070044086A1 (en) * | 2005-08-19 | 2007-02-22 | Sampath Satish K | Software Architecture for Displaying Information Content from Plug-In Modules in a User Interface |
US20070300215A1 (en) * | 2006-06-26 | 2007-12-27 | Bardsley Jeffrey S | Methods, systems, and computer program products for obtaining and utilizing a score indicative of an overall performance effect of a software update on a software host |
CN101296285A (zh) * | 2007-04-24 | 2008-10-29 | 三星电子株式会社 | 为多功能外设开发定制应用软件的系统和方法 |
CN101714095A (zh) * | 2009-12-18 | 2010-05-26 | 康佳集团股份有限公司 | 嵌入式用户界面系统换肤的方法、终端和服务器 |
CN102156663A (zh) * | 2011-03-22 | 2011-08-17 | 北京书生国际信息技术有限公司 | 一种实现插件的方法和装置 |
CN102938862A (zh) * | 2012-10-17 | 2013-02-20 | 深圳Tcl新技术有限公司 | 电视机及其用户界面定制方法、装置 |
US20160057270A1 (en) * | 2014-08-25 | 2016-02-25 | Rf Digital Corporation | Push User Interface |
CN106681723A (zh) * | 2016-12-29 | 2017-05-17 | 北京奇虎科技有限公司 | 一种用户界面ui的开发方法和装置 |
CN106909378A (zh) * | 2017-02-22 | 2017-06-30 | 南京国电南自电网自动化有限公司 | 继电保护装置可视化母版配置方法 |
-
2018
- 2018-01-23 CN CN201810063119.1A patent/CN108363574B/zh active Active
Patent Citations (13)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20020109717A1 (en) * | 2001-02-13 | 2002-08-15 | International Business Machines Corporation | Customizing a graphical user interface of a host application |
US20050097574A1 (en) * | 2003-10-30 | 2005-05-05 | Microsoft Corporation | Modular, robust, component user interface framework |
CN1629803A (zh) * | 2003-12-18 | 2005-06-22 | 腾讯科技(深圳)有限公司 | 在宿主程序界面中嵌入第三方界面的方法 |
CN101535952A (zh) * | 2005-08-19 | 2009-09-16 | 谷歌公司 | 将来自插件模块的信息内容在用户界面中进行显示的软件架构 |
US20070044086A1 (en) * | 2005-08-19 | 2007-02-22 | Sampath Satish K | Software Architecture for Displaying Information Content from Plug-In Modules in a User Interface |
US20070300215A1 (en) * | 2006-06-26 | 2007-12-27 | Bardsley Jeffrey S | Methods, systems, and computer program products for obtaining and utilizing a score indicative of an overall performance effect of a software update on a software host |
CN101296285A (zh) * | 2007-04-24 | 2008-10-29 | 三星电子株式会社 | 为多功能外设开发定制应用软件的系统和方法 |
CN101714095A (zh) * | 2009-12-18 | 2010-05-26 | 康佳集团股份有限公司 | 嵌入式用户界面系统换肤的方法、终端和服务器 |
CN102156663A (zh) * | 2011-03-22 | 2011-08-17 | 北京书生国际信息技术有限公司 | 一种实现插件的方法和装置 |
CN102938862A (zh) * | 2012-10-17 | 2013-02-20 | 深圳Tcl新技术有限公司 | 电视机及其用户界面定制方法、装置 |
US20160057270A1 (en) * | 2014-08-25 | 2016-02-25 | Rf Digital Corporation | Push User Interface |
CN106681723A (zh) * | 2016-12-29 | 2017-05-17 | 北京奇虎科技有限公司 | 一种用户界面ui的开发方法和装置 |
CN106909378A (zh) * | 2017-02-22 | 2017-06-30 | 南京国电南自电网自动化有限公司 | 继电保护装置可视化母版配置方法 |
Cited By (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110321192A (zh) * | 2019-04-29 | 2019-10-11 | 上海连尚网络科技有限公司 | 一种呈现寄宿程序的方法与设备 |
CN110321192B (zh) * | 2019-04-29 | 2023-03-31 | 上海连尚网络科技有限公司 | 一种呈现寄宿程序的方法与设备 |
CN113010167A (zh) * | 2021-02-26 | 2021-06-22 | 上海爱数信息技术股份有限公司 | 一种页面元素样式定制方法、设备及存储介质 |
CN113138790A (zh) * | 2021-05-14 | 2021-07-20 | 广东九联科技股份有限公司 | Android机顶盒客制化集成方法、装置及机顶盒集成开发系统 |
CN113138790B (zh) * | 2021-05-14 | 2023-11-10 | 广东九联科技股份有限公司 | Android机顶盒客制化集成方法、装置及机顶盒集成开发系统 |
Also Published As
Publication number | Publication date |
---|---|
CN108363574B (zh) | 2021-07-16 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
TW202113586A (zh) | 小程式產生方法以及裝置 | |
CN109725901A (zh) | 前端代码的开发方法、装置、设备和计算机存储介质 | |
CN109766097A (zh) | Ui生成方法、装置、电子设备及计算机可读存储介质 | |
WO2018210096A1 (zh) | 一种基于规则引擎的规则配置方法、终端、设备以及存储介质 | |
CN108363574A (zh) | 基于sdk的前端定制方法、装置、终端设备及存储介质 | |
CN113010612B (zh) | 一种图数据可视化构建方法、查询方法及装置 | |
CN110532041A (zh) | 规则引擎参数配置方法、装置、计算机设备及存储介质 | |
CN109471626A (zh) | 页面逻辑结构、页面生成方法、页面数据处理方法及装置 | |
CN112561640A (zh) | 商品页面模板的生成方法、装置、计算机设备和存储介质 | |
CN111427576A (zh) | 配置应用程序接口的方法、装置、存储介质及终端 | |
CN109032586A (zh) | 一种数据可视化方法及装置 | |
CN107678744A (zh) | 应用控件样式自定义方法、装置以及计算机可读存储介质 | |
US11194465B2 (en) | Robot eye lamp control method and apparatus and terminal device using the same | |
CN109614094B (zh) | 基于UML的GPU glCallList视图模型的绘制方法 | |
CN106293679B (zh) | 一种元素名称冲突处理方法及装置 | |
CN109656638A (zh) | 一种基于Purley平台的用户定制化功能的实现方法 | |
CN106293658A (zh) | 一种界面组件生成方法及其设备 | |
CN108520063A (zh) | 事件日志的处理方法、装置及终端设备 | |
CN112631696B (zh) | 服务的编排方法、编排装置、处理器与服务的编排系统 | |
CN115359145A (zh) | 流程图元的绘制方法、装置、存储介质及计算机设备 | |
CN114546343A (zh) | 活动页面的生成方法和装置 | |
CN113312104A (zh) | 一种基于小程序的广告转化方法和系统 | |
CN114089999A (zh) | 一种前端页面生成方法及系统 | |
CN114153519A (zh) | 一种基于vue的通用页面通知弹窗插件生成方法及系统 | |
US20170068893A1 (en) | System, Method and Software for Representing Decision Trees |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |