一种页面渲染方法和装置制造方法及图纸

技术编号:24167910 阅读:38 留言:0更新日期:2020-05-16 02:01
本发明专利技术公开了页面渲染方法和装置,涉及计算机技术领域。该方法的一具体实施方式包括创建微应用容器实例,以使微应用程序通过渲染引擎传入参数并调用到原生组件库,进而所述原生组件库根据传入参数,调用相应类型的接口,以将所述传入参数分发至对应组件处理;将处理结果分发至SDK功能模块或宿主应用程序交互模块,以执行用户界面操作或数据处理;接收执行结果并返回至对应组件,进而由对应组件通过渲染引擎回调到微应用程序。从而,本发明专利技术的实施方式能够解决现有微应用生态平台开发模式性能具有很大局限性,用户体验差的问题。

A method and device of page rendering

【技术实现步骤摘要】
一种页面渲染方法和装置
本专利技术涉及计算机
,尤其涉及一种页面渲染方法和装置。
技术介绍
市场现有手机银行大部分使用安卓、IOS原生开发。随着手机银行的业务迭代,手机银行的体积越来越臃肿。即使有些银行使用的手机银行是混合模式开发,其内部资源的更新,也均涵盖了手机银行的所有功能。而每个手机银行用户,其常用功能的范围是有着巨大不同的,有些人关注外汇,有些人关注基金。有些人关注贵金属等。微应用生态平台,可以为这些不同使用习惯的用户,提供即插即用式的资源加载服务。让每个用户手机里的手机银行,存放的都是自己乐意使用的模块。从而整体上解决手机银行因通用业务迭代产生的雍容与手机终端用户的性能、轻量需求的矛盾。在实现本专利技术过程中,专利技术人发现现有技术中至少存在如下问题:NativeAPP开发模式针对iOS、Android等不同的手机操作系统要采用不同的语言和框架进行开发,NativeAPP由于利用的是官方提供的语言和工具并且能够直接操控硬件设备(比如多点触控、NFC、读取短信等),在应用性能上和交互体验上应该是最好的。同时本文档来自技高网...

【技术保护点】
1.一种页面渲染方法,其特征在于,包括:/n创建微应用容器实例,以使微应用程序通过渲染引擎传入参数并调用到原生组件库,进而所述原生组件库根据传入参数,调用相应类型的接口,以将所述传入参数分发至对应组件处理;/n将处理结果分发至SDK功能模块或宿主应用程序交互模块,以执行用户界面操作或数据处理;/n接收执行结果并返回至对应组件,进而由对应组件通过渲染引擎回调到微应用程序。/n

【技术特征摘要】
1.一种页面渲染方法,其特征在于,包括:
创建微应用容器实例,以使微应用程序通过渲染引擎传入参数并调用到原生组件库,进而所述原生组件库根据传入参数,调用相应类型的接口,以将所述传入参数分发至对应组件处理;
将处理结果分发至SDK功能模块或宿主应用程序交互模块,以执行用户界面操作或数据处理;
接收执行结果并返回至对应组件,进而由对应组件通过渲染引擎回调到微应用程序。


2.根据权利要求1所述的方法,其特征在于,创建微应用容器实例,包括:
获取微应用的运行配置参数,并下载最新的微应用资源包及桥接以释放到应用程序沙箱;
根据运行配置参数,在容器管理类中创建容器实例,以使所述容器通过本地配置读取组件与原生代码的映射关系;
将微应用资源包装载到所述容器中运行并渲染。


3.根据权利要求2所述的方法,其特征在于,所述原生组件库根据传入参数,调用相应类型的接口,以将所述传入参数分发至对应组件处理,包括:
基于预设组件与事件的映射关系,所述原生组件库根据传入参数,通过桥接调用相应类型的接口,以访问到容器顶层,进而容器顶层将传入参数分发至对应组件处理该事件;其中,所述传入参数包括事件类型。


4.根据权利要求1所述的方法,其特征在于,所述原生组件库根据传入参数,调用相应类型的接口之后,包括:
调用到exec.js模块,生成一个唯一的callbackId参数,以通过该callbackId参数能够使对应组件将执行结果通过渲染引擎回调到微应用程序的回调接收函数。


5.根据权利...

【专利技术属性】
技术研发人员:袁潇锋肖群王进胡仲强
申请(专利权)人:中国建设银行股份有限公司建信金融科技有限责任公司
类型:发明
国别省市:北京;11

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1