[发明专利]一种基于Cordova和Typescript的Hybrid开发框架及框架设计方法

说明书

本发明涉及一种基于Cordova和Typescript的Hybrid开发框架及框架设计方法，所述框架包括基础层、插件层、配置层、业务层以及扩展层，Cordova原生框架运用打包命令将前端生成的代码和Cordova原生文件打包，生成适用于移动终端的安装文件，引用Typescript编程语言，完成Webpack打包工具的配置、Javascript脚本文件的配置、调用Cli命令行界面进行调试，构建Hybrid框架，使得Hybrid框架的开发更快捷，更灵活，更健壮，更方便调试。

技术领域

本发明涉及计算机技术领域，具体涉及一种基于Cordova和Typescript的Hybrid开发框架及框架设计方法。

背景技术

目前，前端技术迅猛发展，前端技术不仅仅被用来实现网页的开发，也被用来开发客户端程序，和客户端技术相比，前端技术来开发客户端程序有一次开发多处应用的特点，还可以方便的实现热更新，更适合于快速开发实现以及迭代功能。

流行的Hybrid开发框架主要有React native和Lonic。React native需要涉及到一些客户端开发技术，比较复杂。Lonic基于Cordova，开发方便快捷，但是不稳定，其提供的UIComponent经常会有Bug，所使用的Angular比较重，适用于开发复杂的系统，不适合于客户端程序员协作开发，同时学习曲线陡峭，不适合快速上手。

发明内容

鉴于现有技术存在的问题，本发明的目的是提供一种基于Cordova和Typescript的Hybrid开发框架及框架设计方法，利用Webpack打包前端代码，通过Cordova打包成客户端代码，并引入Typescript增强健壮性，增加日志插件，Http插件，模拟数据插件，供使用者挑选。提供了基础的功能，同时并不限制视图层技术。

为了实现上述目的，本发明采用的技术方案为一种基于Cordova和Typescript的Hybrid开发框架，所述框架包括基础层、插件层、配置层、业务层以及扩展层；

所述基础层为Cordova原生框架，用于将前端生成的代码和Cordova原生文件打包，生成适用于移动终端的安装文件；

所述插件层用于为所述Cordova原生框架提供扩展功能；

所述配置层用于进行Webpack打包工具的配置和Javascript脚本文件的配置，并调用Cli命令行界面进行调试，构建Hybrid框架；

所述业务层用于所述Hybrid框架提供可视化的开发界面；

所述扩展层用于通过Npm包管理工具下载插件为所述Hybrid框架提供扩展功能。

在上述技术方案中，所述基础层中Cordova原生框架包括原生的Webview网页视图以及交互功能，所述交互功能是与Javascript脚本文件的交互的功能。

在上述技术方案中，所述配置层Javascript脚本文件包括启动Express服务器的文件，Webpack配置文件用于打包文件，。

在上述技术方案中，所述扩展层中，所述扩展功能包括日志系统以及模拟数据。

本发明还公开一种基于Cordova和Typescript的Hybrid开发框架的设计方法，所述方法包括以下步骤：

S1、Cordova原生框架调用打包命令将前端生成的代码和Cordova原生文件打包，生成适用于移动终端的安装文件；

S2、在步骤S1中的Cordova原生框架中引入插件提供扩展功能；

S3、引用Typescript编程语言，完成Webpack打包工具的配置、Javascript脚本文件的配置、调用Cli命令行界面进行调试，构建Hybrid框架；