一种移动端内微应用的开发及测试系统技术方案

本发明专利技术公开了一种移动端内微应用的开发及测试系统，包括微应用、调试助手、web容器、原生模块、浏览器内核；微应用是以HTML、JavaScript、CSS技术为基础开发的离线资源集合，独立存在，不依赖移动端App运行；调试助手用于在移动端直接调试微应用/web页面，定位问题，调试性能；浏览器内核，是Android端及iOS端底层承载渲染内核，iOS端使用系统自带的webKit内核，Android端使用私有内核进行替代系统自带的浏览器内核；web容器基于浏览器内核设计，实现微应用加载渲染及与原生通信。本发明专利技术解决了原生开发热更新不便及原生加载网页慢，用户体验差的问题及开发人员在移动端调试困难的问题。

Development and test system of micro application in mobile terminal

【技术实现步骤摘要】
一种移动端内微应用的开发及测试系统
本专利技术涉及移动应用开发
，特别涉及一种移动端内微应用开发及测试系统。
技术介绍
在移动应用开发中，基于系统（Android/iOS）开发商指定语言框架开发的应用被称为原生应用。随着自身业务的发展，越来越需要出现跨平台方案，也就是一套代码可以在多个不同操作系统中使用。而且针对已发布的应用出现的问题能得到及时的修复，对于新增的需求或更改的需求可以得到及时的解决而不用等待移动应用重新发布版本，从而可以减轻开发时间成本和应用程序发布审核的时间成本。针对已有的解决方案（如ReactNative，Flutter，Weex等），虽然一定程度上可以有效缓解跨平台的问题，但针对应用程序的更新及问题修复并没有从根本上解决。另一种方案，也是应用最普遍使用最早的Hybrid方案-HTML可以完全解决以上所有问题，但是纯粹的HTML的方式加载也带来了其他的问题，诸如：页面加载慢，页面渲染时不够友好，页面滑动流畅性等。同时，web页面在移动端直接调试困难，bug追踪及调试等操作只能借助电脑才可以完成。因此，急需一种体验接近原生，跨平台且具有灵活发布的方案来解决以上问题。
技术实现思路
针对上述现有技术中存在的不足，本专利技术所要解决的技术问题是提供一种移动端内微应用开发及测试系统，有效的节省了人力及开发时间的成本，提高了需求发布的灵活性，解决了现有技术中原生开发热更新不便及原生加载网页慢，用户体验差的问题，需要多端(Android/iOS)开发及适配的问题，同时也解决了开发人员在移动端调试困难的问题，大幅度提升了移动应用的开发及测试效率，在提高资源加载速度及提升用户使用体验的同时也方便开发者进行开发调试和bug的追踪解决。为了解决上述技术问题，本专利技术采用的技术方案为：一种移动端内微应用的开发及测试系统，包括微应用、调试助手、web容器、原生模块、浏览器内核；微应用是以HTML、JavaScript、CSS技术为基础开发的离线资源集合，独立存在，不依赖移动端App运行；调试助手用于在移动端直接调试微应用/web页面，定位问题，调试性能；浏览器内核，是Android端及iOS端底层承载渲染内核，iOS端使用系统自带的webKit内核，Android端使用私有内核进行替代系统自带的浏览器内核；web容器基于浏览器内核设计，实现微应用加载渲染及与原生模块通信；微应用/web页面根据已定义好的路由方案跳转至原生页面或web页面/微应用；原生页面根据定义好的路由方案跳转至微应用/web页面。进一步的，开发人员通过调试助手直接在移动端查看加载的微应用页面/web页面的信息，包括加载资源所需时长、HTTP/HTTPS请求和响应展示、调试信息的打印、断点调试、错误或警告信息，进行查看页面加载的详情、评估页面加载性能与时长、bug追踪调试、检查页面元素状态、显示本地存储、展示Cookie信息。进一步的，微应用加载渲染及与原生通信基于web容器中的JavaScript组件，通过已有Javascript规则调用Javascript函数实现相应功能。进一步的，微应用加载渲染为开发人员基于已有JavaScript规则定义好要打开的微应用页面的统一资源定位符，移动端在监听到有微应用页面打开的时候，根据规则进行判断打开的是否是微应用页面，如果是微应用页面则使用容器在本地微应用包中找到相应页面进行加载，如果非微应用则使用浏览器规则进行加载。进一步的，原生模块包括系统硬件、网络请求接口、数据统计模块、通讯录模块；系统硬件包括系统相机、系统相册、系统定位功能、系统的生物识别模块。进一步的，系统还包括微应用通过web容器已有规则调用系统相机进行拍照、调用系统相册进行照片选取、调用系统定位功能、调用系统的生物识别模块、调用微应用页面统计模块、调用通讯录模块。进一步的，微应用通过web容器已有规则调用微应用页面统计模块为在移动端甄别打开的是微应用的时候，则开始加载微应用统计模块，针对要打开的微应用页面通过已定制的规则通过接口的形式转发给后台，由后台开发人员针对微应用页面频度进行数据采集及分析。有益效果：与现有技术相比，本专利技术具有以下技术优势：1）本专利技术解决了现有技术中原生开发热更新不便及原生加载网页慢，用户体验差的问题，需要多端（Android/iOS）开发及适配的问题，同时也解决了开发人员在移动端调试困难的问题；2）基于JavaScript已有规则，原生页面可以打开微应用首页甚至是微应用其他层级的页面，微应用也能在原生页面及模块间进行调用及切换；3）微应用网络请求通过调用原生网络请求方法与后台交互，这样网络方面通过移动端发出可以更安全，相对于js方式要更加快速；4）本专利技术有效的节省了人力以及开发时间上的成本，提升了用户体验，提高了需求发布的灵活性，大幅度提升了移动应用的开发效率，在提高资源加载速度及提升用户使用体验的同时也方便开发者进行开发调试和bug的追踪解决。附图说明图1为本专利技术实施例公开的一种移动端内微应用的开发及测试系统图；图2为本专利技术实施例公开的一种移动端内微应用的开发及测试系统的框架流程图；图3为本专利技术实施例公开的一种移动端内微应用的开发及测试系统的模块调用流程图。具体实施方式下面结合具体实施例进一步说明本专利技术，但这些实施例并不用来限制本专利技术。实施例1一种移动端内微应用的开发及测试系统，如图1所示，该系统包括微应用11、调试助手12、web容器13、原生模块14、浏览器内核15；微应用11，被浏览器内核15渲染，可以与web容器12通信以调用原生模块14。微应用是以HTML、JavaScript，CSS等技术为基础开发的离线资源集合，在本专利技术中微应用可以独立存在，不依赖移动端App运行，解决了原生App无法热更新的问题，远程资源加载慢的问题，提高了远程资源加载速度问题并提升了用户使用体验。浏览器内核，是Android端及iOS端底层承载渲染内核，iOS端使用的是系统自带的webKit内核，但Android因为是开源的，市面上大多手机厂商都对Android系统自带内核进行了改造，这样造成了同一个网页在不同手机上可能会有不同的表现，一般都是需要Android开发人员或者前端开发人员去单独适配，但这样的工作量是很大的，基于这种问题找到的解决方案就是，Android浏览器内核不使用系统自带的，使用私有内核进行替代。调试助手是一个集微应用调试和web页面调试于一身的工具。可以在移动端直接调试微应用，以帮助开发人员调试微应用性能及解决bug等。开发人员可直接在移动设备上查看当前加载的微应用页面/web页面的信息，包括但不仅限于加载资源所需时长、HTTP/HTTPS请求和响应展示、调试信息的打印、断点调试、错误或警告信息等的展示等等，开发人员可以通过调试助手进行查看页面加本文档来自技高网...

【技术保护点】
1.一种移动端内微应用的开发及测试系统，其特征在于，包括微应用、调试助手、web容器、原生模块、浏览器内核；/n所述微应用是以HTML、JavaScript、CSS技术为基础开发的离线资源集合，独立存在，不依赖移动端App运行；/n所述调试助手用于在移动端直接调试微应用/web页面，定位问题，调试性能；/n所述浏览器内核，是Android端及iOS端底层承载渲染内核，iOS端使用系统自带的webKit内核，Android端使用私有内核进行替代系统自带的浏览器内核；/n所述web容器基于浏览器内核设计，实现微应用加载渲染及与原生模块通信；微应用/web页面根据已定义好的路由方案跳转至原生页面或web页面/微应用；原生页面根据定义好的路由方案跳转至微应用/web页面。/n

【技术特征摘要】
1.一种移动端内微应用的开发及测试系统，其特征在于，包括微应用、调试助手、web容器、原生模块、浏览器内核；
所述微应用是以HTML、JavaScript、CSS技术为基础开发的离线资源集合，独立存在，不依赖移动端App运行；
所述调试助手用于在移动端直接调试微应用/web页面，定位问题，调试性能；
所述浏览器内核，是Android端及iOS端底层承载渲染内核，iOS端使用系统自带的webKit内核，Android端使用私有内核进行替代系统自带的浏览器内核；
所述web容器基于浏览器内核设计，实现微应用加载渲染及与原生模块通信；微应用/web页面根据已定义好的路由方案跳转至原生页面或web页面/微应用；原生页面根据定义好的路由方案跳转至微应用/web页面。


2.根据权利要求1所述的移动端内微应用的开发及测试系统，其特征在于，开发人员通过调试助手直接在移动端查看加载的微应用页面/web页面的信息，包括加载资源所需时长、HTTP/HTTPS请求和响应展示、调试信息的打印、断点调试、错误或警告信息，进行查看页面加载的详情、评估页面加载性能与时长、bug追踪调试、检查页面元素状态、显示本地存储、展示Cookie信息。


3.根据权利要求1所述的移动端内微应用的开发及测试系统，其特征在于，所述微应用加载渲染及与原生通信基于web容器中的JavaScript组件，通过已有Jav...

【专利技术属性】
技术研发人员：谢智，谢乾，王吉，张龙庆，费俊杰，
申请(专利权)人：南京百敖软件有限公司，江苏卓易信息科技股份有限公司，昆山百敖电子科技有限公司，
类型：发明
国别省市：江苏;32