基于前端框架的移动端跨平台应用开发框架及开发方法.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN106990966A(43)申请公布日2017.07.28(21)申请号201710208240.4(22)申请日2017.03.31(71)申请人中国科学技术大学苏州研究院地址215123江苏省苏州市工业园区独墅湖高教区仁爱路166号(72)发明人黄刘生辛贺徐宏力(74)专利代理机构苏州创元专利商标事务所有限公司32103代理人范晴丁浩秋(51)Int.Cl.G06F9/44(2006.01)G06F9/455(2006.01)G06F9/54(2006.01)权利要求书1页说明书4页附图2页(54)发明名称基于前端框架的移动端跨平台应用开发框架及开发方法(57)摘要本发明公开了一种基于前端框架的移动端跨平台应用开发框架，包括：应用表现与业务逻辑层：通过前端框架进行基本的页面布局、网络请求数据、数据加载、页面导航开发，并进行业务逻辑处理，编译成网页文件；HTML渲染层：通过浏览器将网页的解析结果经过计算、排版布局、调用移动设备接口，渲染绘制到用户界面上；移动设备API，用于HTML渲染层与移动端操作系统硬件功能间的数据交互，提供访问的移动设备API；移动端操作系统平台；对完成的工程进行打包，根据识别的移动端操作系统生成可在相应系统下运行的安装文件。可以提高移动软件的开发效率、缩短开发周期，节约成本。CN106990966ACN106990966A权利要求书1/1页1.一种基于前端框架的移动端跨平台应用开发框架，其特征在于，包括：应用表现与业务逻辑层：通过前端框架进行基本的页面布局、网络请求数据、数据加载、页面导航开发，并进行业务逻辑处理，编译成网页文件；HTML渲染层：通过浏览器将网页的解析结果经过计算、排版布局、调用移动设备接口，渲染绘制到用户界面上；移动设备API，用于HTML渲染层与移动端操作系统硬件功能间的数据交互，提供访问的移动设备API；移动端操作系统平台；对完成的工程进行打包，根据识别的移动端操作系统生成可在相应系统下运行的安装文件。2.根据权利要求1所述的基于前端框架的移动端跨平台应用开发框架，其特征在于，所述HTML渲染层与移动端操作系统硬件功能间的数据交互包括，生成交互插件，通过交互插件向移动设备发送信息，移动设备接收信息后将原生代码的执行结果以JSON对象的形式发送至HTML渲染层。3.根据权利要求2所述的基于前端框架的移动端跨平台应用开发框架，其特征在于，所述交互插件包括接口文件和交互模块，所述接口文件用于识别移动端操作系统，所述交互模块，通过AJAX发送请求，实现数据交互。4.一种基于前端框架的移动端跨平台应用开发方法，其特征在于，包括以下步骤：S01：通过前端框架进行基本的页面布局、网络请求数据、数据加载、页面导航开发，并进行业务逻辑处理，编译成网页文件；S02：通过浏览器将网页的解析结果经过计算、排版布局、调用移动设备接口，渲染绘制到用户界面进行功能调试，通过交互插件与移动端操作系统硬件功能进行数据交互；S03：对完成的工程进行打包，根据识别的移动端操作系统生成可在相应系统下运行的安装文件。5.根据权利要求1所述的基于前端框架的移动端跨平台应用开发方法，其特征在于，所述步骤S02中，在网页上调试功能性代码时，当发生网络请求时，构建跨域请求转接工具，通过跨域请求转接工具将本地请求转接到真实的URL地址。2CN106990966A说明书1/4页基于前端框架的移动端跨平台应用开发框架及开发方法技术领域[0001]本发明属于移动端跨平台应用开发技术领域，具体地涉及一种基于前端框架的移动端跨平台应用开发框架及开发方法。背景技术[0002]随着网络技术的不断发展，尤其是移动互联网技术的发展，人们已经离不开移动终端设备，人们可以随时随地地通过手机从互联网获取信息和服务，截至2017年1月22日，中国网民数为6.88亿人，其中手机网民数为6.20亿人，手机上网人群占比为90.1%，由此可见移动终端设备在人们的生活中所具有的重大意义，移动端设备已经成为一个人赖以生存的一个重要工具，而移动互联网技术的发展也成为了一个国家科技创新能力发展的重要指标。如果在6亿手机用户这样一个重大的消费群体上建立一个平台，使之广泛应用到企业、商业、普通用户之中，肯定可以创造惊天动地的奇迹。[0003]在移动互联网发展过程中，涌现出了很多手机操作系统，这其中以苹果的IOS系统、谷歌的Android系统、微软的WindowsPhone系统尤为出众，截至2016年第二季度，这三款手机操作系统的市场占有率已经达到了99.7%。目前一款移动端应用软件的开发基本都是基于这三个平台的，由于这三种操作系统的软件开发是基于不同的编程语言的，所以要开发出适配这三种系统的软件，就