基于html5实现的流应用功能接口分发方法及系统的制作方法_4

文档序号:8445416阅读:来源:国知局
112]显示模块13用于显示所述功能接口对应的界面。
[0113]由于基于HTML5开发的应用存在诸如浏览器切页白屏、转页动画较差、浮动元素抖动、无法流畅下拉刷新等问题。特别是对于低端机,这些方面的表现更差。另外,默认的控件样式和数量较少,使得制作漂亮的界面非常麻烦,很多情况下,无法满足应用开发的需求。而MUI作为一款可用于开发高性能App的框架,是目前最接近原生App效果的框架之一,可以有效解决上述问题。因此采用MUI框架开发的流应用能够显示与原生App最接近的性能和效果。
[0114]当流应用运行时,由浏览器内核对HTML页面流进行解析,显示相应的界面,当解析到需要调用某功能接口时,如调用支付接口的获取支付通道方法,具体为当解析到HTML页面里写入的 plus, payment.getChannels (successCB, errorCB),向引擎模块 12 发起调用该接口的请求,由引擎模块12响应其请求并作相应处理。如果获取支付通道成功则通过successCB回调返回支持的所有通道列表,如果失败则通过errorCB回调返回。
[0115]由于所述系统原生界面接口可以调用手机操作系统的原生API,如弹窗,设置时间,返回等,当解析到需要调用系统原生接口时,由系统原生界面接口调用底层的系统接口,如 plus.nativeU1.act1nSheet(act1nsheetStyle, act1nsheetCallback),为弹出系统选择按钮框的方法,参数act1nsheet Style为选择按钮框显示的样式,act1nsheetCallback为选择按钮框关闭后的回调函数。通过调用nativeUI模块中act1nSheet方法,实现对系统的选择按钮框的接口调用,也因此流应用可以呈现与原生App相近的界面效果,实现与原生应用几乎同等的体验效果。
[0116]之所以系统原生界面接口可以调用手机操作系统的原生API,其根本原因是原生API采用Native, js技术进行了封装,使得基于JS的系统原生界面接口可以直接调用原生AP1其中,Native, js技术,简称NJS,是一种将手机操作系统的原生对象转义,映射为JS对象,在JS里编写原生代码的技术,把JS扩展到手机App的原生世界,让JS可以调用40万个原生API,大幅度提升了 HTML5的能力。Native, js突破了浏览器的功能限制,编写的代码可以在支持NJS技术的浏览器中运行。
[0117]下面以一个具体实施例为例,对本发明作进一步说明。
[0118]在HBuilder编辑器中,基于MUI框架开发流应用。首先开发一个应用界面,所述界面以HTML5页面流的形式存储于服务器;然后将接口引擎内置其中,所述接口引擎为本发明所述的封装了 12类常用功能接口的模块,其中应用中个性化定制功能则采用JavaScript进行编写;最后将该应用提交到360手机助手,由手机助手对其进行审核,具体过程为:
[0119]首先,将应用提交到手机助手的存储区,由手机助手的审核机制审核该应用是否合法;其次,再进一步提交到下一层的审核机制,对其应用包提供的接口进行扫描,判断其接口是否与手机助手的平台接口一致;最后,审核通过则将该应用上线。
[0120]所述上线的流应用通过360手机助手进行推广,流应用以360手机助手作为载体,当用户选择打开某个流应用时,由云端服务器推送应用的HTML页面流,手机助手的内核对其HTML页面流进行解析,显示主界面。同时云端服务器推送接口引擎,引擎以插件的形式下载到手机本地。用户在应用的主界面选择某项通用功能时,如登陆功能,则手机助手内核解析到HTML页面流中的plus, oauth.getServices O,启动一个线程向接口引擎发起请求,由接口引擎对其作出响应,执行下载到手机本地的接口引擎中的Oauth模块的方法getServices O,即“获取授权登录认证服务”方法;当获取授权成功时,由回调函数ServicesSuccessCallback返回以HTML页面的形式将授权登录认证服务列表给手机助手内核,由内核对其进行解析并显示在用户界面上;当获取授权失败时,由回调函数AuthErrorCalIback将错误信息以HTML页面的形式返回给手机助手内核,内核对错误信息进行解析显示在用户界面上给予提示。此外,所述流应用可以通过调用接口引擎中的系统原生界面接口实现对手机系统的原生API调用,实现诸如调用摄像头,设定系统时间,弹窗等功能。
[0121]为了给应用提供统计和分析用户属性和用户行为数据的能力,所述接口引擎还提供了统计接口,该接口不置于前端使用,由应用通过后台服务器调用,对该应用用户的属性、行为数据等进行统计分析,并将数据上传到云端服务器。开发者还可以通过推送接口向用户推送消息,如推送积分、优惠券、优惠活动等消息。
[0122]流应用的开发采用将本发明所述接口引擎内置于其中的方式,通过调用接口引擎的功能类接口实现常用的功能,且基于HTML页面流的方式实现。使得应用的开发过程更简单,开发者只需要提供一个基于HTML页面流的界面,内置本发明所述的接口引擎,调用接口引擎的功能接口。此外所述界面也可以以模板的形式呈现,无需自己开发,通过360手机应用平台,选择适应于应用主题的界面模板,根据应用的功能需求对其进行填充。
[0123]智能家居作为家庭信息化的实现方式,已经成为社会信息化发展的重要组成部分,它被看做物联网的一种重要应用,随着物联网、大数据、云计算、无线通信以及人工智能等技术的不断发展及在智能家居上的应用,人们生活水平的不断提高和智能化生活观念的普及,物联网智能家居已成为未来家居发展的新趋势。
[0124]结合本发明所述流应用,其在智能家居中也可以发挥很大作用。每款智能家居都会开发自己的应用,通过上述所述的开发方式,将智能家居的App以流应用的方式开发,多种智能家居的App集中到手机助手等软件统一管理,用户无需安装各种智能家居对应的App,只需通过手机助手点击使用相应的App操作智能家居,只需要安装一个手机助手软件,就可以使用各种应用App。此外,物联网智能家居一般通过统一的平台管理智能家居,如智能开关、智能插座、智能照明、智能门窗等设备,可以将统一的管理平台的控制模块作为内置模块,以二维码作为访问接口,通过扫描该二维码,访问统一管理平台的控制模块,从而可以通过对智能家居进行统一管理控制。
[0125]以上所述仅是本发明的部分实施方式,应当指出,对于本技术领域的普通技术人员来说,在不脱离本发明原理的前提下,还可以做出若干改进和润饰,这些改进和润饰也应视为本发明的保护范围。
【主权项】
1.一种基于HTML5实现的流应用的功能接口分发方法,其特征在于,包括以下步骤: 提供若干基于HTML5实现的流应用的功能接口 ; 响应调用任意功能接口的请求,运行该功能接口对应的功能模块; 由该功能模块对应的回调函数或返回值返回相应的响应结果。
2.根据权利要求1所述的方法,其特征在于,所述功能接口包括如下任意一种或任意多种:分享接口、图像接口、音频接口、智能接口、设备信息接口、地理位置接口、系统原生界面接口、扫描接口、统计接口、支付接口、登录接口以及推送接口。
3.根据权利要求2所述的方法,其特征在于,所述功能接口对应的模块存储于云端服务器。
4.根据权利要求2所述的方法,其特征在于,所述功能接口均为基于JavaScript实现的 JS AP1
5.根据权利要求2所述的方法,其特征在于,所述统计接口用于向流应用提供统计和分析用户属性和用户行为数据的能力。
6.一种基于HTML5实现的流应用的功能接口分发系统,其特征在于,包括: 请求模块:用于请求调用流应用所需功能接口 ; 引擎模块:用于响应所述功能接口的调用并返回相应的结果; 显示模块:用于显示所述功能接口对应的界面。
7.根据权利要求6所述的系统,其特征在于,所述功能接口包括如下任意一种或任意多种:分享接口、图像接口、音频接口、智能接口、设备信息接口、地理位置接口、系统原生界面接口、扫描接口、统计接口、支付接口、登录接口以及推送接口。
8.根据权利要求6所述的系统,其特征在于,所述引擎模块执行如权利要求1所述的方法。
9.根据权利要求6所述的系统,其特征在于,所述引擎模块封装了所述各类功能接口对应的模块。
10.根据权利要求6所述的系统,其特征在于,所述引擎模块存储于云端服务器。
【专利摘要】本发明提供一种基于HTML5实现的流应用的功能接口分发方法,具体步骤为:提供若干基于HTML5实现的流应用的功能接口;响应调用任意功能接口的请求,运行该功能接口对应的功能模块;由该功能模块对应的回调函数或返回值返回相应的响应结果。基于所述方法还提供一种基于HTML5实现的流应用的功能接口分发系统,本发明所述方法不仅可以为开发者提供更简单的应用开发模式,还可以给用户提供新的应用体验,无需安装,即点即用,且其交互性、体验性接近于本地应用。
【IPC分类】H04L29-08, H04M1-725, G06F9-44
【公开号】CN104765617
【申请号】CN201510222387
【发明人】马新悦, 李鸿明, 刘文博, 陶伟华
【申请人】北京奇虎科技有限公司, 奇智软件(北京)有限公司
【公开日】2015年7月8日
【申请日】2015年5月4日
当前第4页1 2 3 4 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1