一种混合模式开发移动办公系统的方法技术方案

本发明专利技术公开了一种混合模式开发移动办公系统的方法，属于软件开发技术领域，包括Html5端、原生端、原生与Html5交互端，Html5端组件采用模块化开发，根据项目不同需要按需加载相应的组件进行开发；原生端用于提供移动APP的集成框架；原生与Html5交互端采用JSBridge技术实现Html5页面与原生的相互交互，Html5页面通过JSBridge调用Native的API，Native通过JSBridge调用Html5页面的方法或通知Html5页面回调。本发明专利技术采用混合模式框架开发，能充分发挥Html5页面开发的优势，采用前后端分离的方式进行开发，互补影响，大大提高项目进度，缩短开发周期。

【技术实现步骤摘要】
一种混合模式开发移动办公系统的方法
本专利技术涉及行软件开发
，具体地说是一种混合模式开发移动办公系统的方法。
技术介绍
目前开发移动APP应用的方式主要有：NativeAPP开发，即原生APP开发，包括Andriod原生开发和iOS原生开发，优点是性能最高，缺点是开发维护成本高，iOS下版本更新迭代不方便，并且原生人员相对来说比较稀缺；以及ReactNative开发，即由facebook公司推出的一种APP开发方案，是通过JS来写代码，通过JS写原生UI，然后通过React环境编译成APP，优点是性能媲美原生APP，而且一次学习多处开发，只需要投入学习一次，之后便能一个人同时开发Android和IOS，缺点是学习成本不低，而且Android和iOS开发有区别，并不能传统意义上的一套代码多处运行。
技术实现思路
本专利技术的技术任务是针对以上不足之处，提供一种混合模式开发移动办公系统的方法，该方法提供了一套统一的混合模式开发框架解决上述技术问题，提高了开发移动办公系统的速度和效率。本专利技术解决其技术问题所采用的技术方案是：一种混合模式开发移动办公系统的方法，包括Html5端、原生端、原生与Html5交互端，Html5端组件采用模块化开发，根据项目不同需要按需加载相应的组件进行开发；原生端用于提供移动APP的集成框架；原生与Html5交互端采用JSBridge技术实现Html5页面与原生的相互交互，Html5页面通过JSBridge调用Native的API，Native通过JSBridge调用Html5页面的方法或通知Html5页面回调。本方法基于Html5混合模式开发移动办公系统，其混合模式开发框架包括原生端、Html5端、原生端与Html5端之间相互交换的中间端，框架提供了大量现成的组件，可以根据需要随时进行模块化组装，完成用户需求。可以根据框架模块化的规范，随时增加相应的组件，系统自动识别和编译，便于扩展。采用统一混合模式开发框架有利于原生端人员、前端人员和后端人员分工协作，从而归纳出自己独有的一套开发、构件、部署、运维方法论，便于规模化项目的交付。采用JSBridge模式作为原生端与Html5端交互的中间端，对于性能要求很高的页面模块，用原生端来完成；对于一些通用性功能模块，用Html5端来完成。采用此框架可以大大提高移动办公系统的开发效率，开发的Html5端代码可以不加修改的运行在桌面端、Andriod端、IOS端以及各种小程序端，真正实现一套代码多端运行。另外，原生端与Html5端的交互采用JSBridge模式进行相互交互，采用这种模式可以屏蔽Andriod和IOS接口的不一致，采用统一的接口进行调用。采用这种模式便于扩展新的接口或方法，易于维护。优选的，Html5端框架封装的组件包括表格组件、图片操作组件、上传下载组件、版本更新组件、UI操作相关组件、通知栏组件、媒体相关组件和优化WebView组件。表格组件是移动APP开发中最常用的组件，框架中提供基础的下拉回调，上拉回调，以及关闭回调等操作；图片操作组件提供了图片轮播、多图片预览、懒加载的方式来显示或下载图片、设置或删除图片本地缓存等功能；上传组件包括Html5上传、webupload第三方控件上传等，根据各自环境，选择Html5上传或webuplod上传，该组件提供了多任务上传、上传任务超时处理、取消某个上传任务、全部取消上传等功能，下载组件提供了下载队列进行下载管理，增加最大并发请求数，防止一次性请求过多损耗性能；版本更新组件通过后台界新增并设置移动APP的版本及下载地址，安装了移动APP的客户端会自动更新文件内部配置对应的应用版本号以及更新文件地址，然后代码会判断，是否需要版本更新，如果需要更新会自动下载对应地址文件并根据用户的判断自主进行安装；框架提供了全部更新和增量更新两种方式；UI操作组件提供了提示对话框、确认对话框、等待对话框、日期选择对话框、系统时间选择对话框、输入对话框、自动消失的提示消息、表单相关操作等功能；UI操作组件采用统一的样式风格，使用这些组件做出的移动APP做到了界面风格的一致性；通知栏组件提供了发送普通通知消息、显示进度条、去除消息等功能；媒体相关组件提供了语音播放，视频播放，录音等功能；优化WebView组件，Webview优化主要是针对Android系统的，因为有些低版本的Android系统对Webview的支持不是很好，导致每次创建页面时会等待大量时间或存在白屏现象，该组件采用基于预加载的模版页面通过loadUrl加载需要打开的页面来实现WebView的优化，优化后，白屏现象将大大改善。进一步的，组件中对依赖的其他组件、对外的接口和对内的接口说明非常确切，所述组件中，对外的接口其他组件可以调用，对内的接口只能本组件调用，其他组件无权调用，起到了很好的保护作用。优选的，所述原生端提供的集成框架包括APP外壳、应用广场、编辑应用和设置相关，对于一些Html5无法实现及不擅长的地方可以用原生语言实现。APP外壳，用Android和IOS原生语言开发一个外壳用于加载Html5的页面或者其他资源，并对Html5、JS的缓存进行控制。应用广场，包括前端展示和后端配置部分，前端展示主要根据后端配置的功能和菜单进行分权限展示，后端主要可以灵活配置应用广场中需要显示的功能或菜单，各个项目可以根据不同的需求和业务进行灵活设置。后端也可以灵活配置各个功能或菜单的待办数提醒角标。编辑应用，移动端可以对常用功能或菜单进行排序，长按功能或菜单图标，拖拽进行排序。编辑应用还可自己手动设置自己的常用功能菜单。设置相关主要是手机端的常用配置项、帮助与反馈功能、退出登陆等功能。主要配置项包括新消息是否通知、是否震动提醒、是否清除所有缓存等。进一步的，所述原生端不仅提供集成框架代码，还按照分类对外提供各种API接口，并将接口输出为API文档，便于开发人员查询、调用、测试。优选的，所述JSBridge框架支持以类的方式集中统一管理API并提供API接口的使用文档、在线调试方法、支持API存在性检测、支持API命名空间、支持同步和异步调用，支持API访问权限控制、支持第三方应用的接入等。所述JSBridge框架Android、IOS和JS三端易用，轻量且强大、安全且健壮。进一步的，所述JSBridge框架功能包括提供设备和网络、操作窗口、二维码扫描、拍照和相册、离线数据库、文本操作、拨打电话、发送短信以及群发消息。优选的，该方法的具体的实施过程如下：原生端组件搭建集成框架，在原生端应用广场中增加相应的应用；应用中加载的页面选择UI组件库中的组件进行组装，后台提供前端UI所需的Restful接口数据；如果需要调用原生的相应功能，引入必要的JS，选择调用相应的方法。本专利技术还要求保护一种混合模式开发移动办公系统的装置，本文档来自技高网...

【技术保护点】
1.一种混合模式开发移动办公系统的方法，其特征在于，包括Html5端、原生端、原生与Html5交互端，/nHtml5端组件采用模块化开发，根据项目不同需要按需加载相应的组件进行开发；/n原生端用于提供移动APP的集成框架；/n原生与Html5交互端采用JSBridge技术实现Html5页面与原生的相互交互，Html5页面通过JSBridge调用Native的API，Native通过JSBridge调用Html5页面的方法或通知Html5页面回调。/n

【技术特征摘要】
1.一种混合模式开发移动办公系统的方法，其特征在于，包括Html5端、原生端、原生与Html5交互端，
Html5端组件采用模块化开发，根据项目不同需要按需加载相应的组件进行开发；
原生端用于提供移动APP的集成框架；
原生与Html5交互端采用JSBridge技术实现Html5页面与原生的相互交互，Html5页面通过JSBridge调用Native的API，Native通过JSBridge调用Html5页面的方法或通知Html5页面回调。


2.根据权利要求1所述的一种混合模式开发移动办公系统的方法，其特征在于，Html5端框架封装的组件包括表格组件、图片操作组件、上传下载组件、版本更新组件、UI操作相关组件、通知栏组件、媒体相关组件和优化WebView组件。


3.根据权利要求1或2所述的一种混合模式开发移动办公系统的方法，其特征在于，所述组件中，对外的接口其他组件可以调用，对内的接口只能本组件调用。


4.根据权利要求1所述的一种混合模式开发移动办公系统的方法，其特征在于，所述原生端提供的集成框架包括APP外壳、应用广场、编辑应用和设置相关。


5.根据权利要求1或4所述的一种混合模式开发移动办公系统的方法，其特征在于，所述原生端不仅提供集成框架代码，还按照分类对外提供各种API接口，并将接口输出为API文档。


6.根据权利要求1所述的一...

【专利技术属性】
技术研发人员：焦方忠，
申请(专利权)人：浪潮云信息技术股份公司，
类型：发明
国别省市：山东;37