基于Android的动态配置WebApp的方法技术

本发明专利技术公开了一种基于Android的动态配置WebApp的方法，包括如下步骤：搭建Android的项目，推荐采用Android Studio开发工具；添加WebView组件和添加组件配置功能；添加WebView组件，实现Web页面加载；添加WebView组件配置功能；创建配置入口和添加配置方法updateUrl；创建配置入口，为开发人员提供数据输入口；创建WebApp首页地址配置方法UpdateUrl，接收开发人员输入到(1‑2‑1)中的EidtText的新首页地址；本发明专利技术具有解决了WebApp开发过程中需要反复打包的问题，提高了开发效率、降低了开发成本的特点。

Dynamic Configuration of WebApp Based on Android

【技术实现步骤摘要】
基于Android的动态配置WebApp的方法
本专利技术涉及
，尤其是涉及一种可解决混合应用开发过程中重复打包的问题的基于Android的动态配置WebApp的方法。
技术介绍
根据现阶段的技术，WebApp打包主要依赖第三方框架打包和网站打包两种方式。第三方框架中较为主流的是ReactNative、Ionic、Cordova和HBuilder；比较受欢迎的打包网站有APICloud、APPCan和云打包。无论是第三方框架还是网站，其打包方式均为一对一，即一个WebApp打包一次生成对应的一个应用程序，且WebApp有较大内容或插件方面的修改后需要重新打包。这就导致在WebApp开发过程中会有相当一部分时间花费在应用程序打包和安装上，从而降低开发效率、增加开发成本。
技术实现思路
本专利技术的专利技术目的是为了克服现有WebApp开发过程中开发效率低、开发成本高的不足，提供了一种可解决混合应用开发过程中重复打包的问题的基于Android的动态配置WebApp的方法。为了实现上述目的，本专利技术采用以下技术方案：一种基于Android的动态配置WebApp的方法，包括如下步骤：(1-1)搭建Android的项目，推荐采用AndroidStudio开发工具；(1-2)添加WebView组件和添加组件配置功能；(1-2-1)添加WebView组件，实现Web页面加载；(1-2-2)添加WebView组件配置功能；(1-3)创建配置入口和添加配置方法updateUrl；(1-3-1)创建配置入口，为开发人员提供数据输入口；(1-3-2)创建WebApp首页地址配置方法UpdateUrl，接收开发人员输入到(1-2-1)中的EidtText的新首页地址；(1-4)创建数据存储方法和数据查询方法，实现数据的存储和数据的查询功能；(1-5)添加原生功能、JS接口和权限；(1-6)生成应用。现阶段混合应用的开发模式，应用程序与其加载的WebApp是一对一的关系，即开发人员会专门为其开发的每一个WebApp生成一个对应的应用程序，以供其开发和测试使用。对于前端开发人员来说在开发过程中为每一个WebApp进行打包是一件繁琐而且费时的事情。本专利技术针对现有WebApp的开发模式，提出了一种动态配置WebApp的方法，提供了一个在同一应用程序中测试不同WebApp的方法，解决了混合应用开发过程中重复打包的问题。运用本专利技术，开发人员只需要对某个WebApp打包一次，其它WebApp可通过动态配置即可在手机端进行访问。本专利技术打破了一个应用程序只能加载一个WebApp的壁垒，实现了在应用程序内动态更改WebApp的功能，同时实现了应用程序的二次转换，完成了应用程序与WebApp由一对一到一对多的转换。本专利技术是在现有技术上对混合应用在开发和测试过程中反复打包问题中提出了新的解决思路，该方法可应用于纯WebApp测试也可应用于使用NativeAPI的混合应用测试，其特点是同一应用可动态配置WebApp首页地址，实现WebApp的在线配置，完成WebApp与移动应用间多对一的关系，减少了WebApp开发过程中反复打包的问题，提高了开发效率、降低了开发成本。作为优选，(1-2-1)包括如下步骤：在项目中的主窗体类即MainActivity对应的xml文件中添加WebView组件，并充满整个页面。在MainActivity中初始化WebView组件。作为优选，步骤(1-4)包括如下步骤：数据存储方法：数据库使用SQLite3，存储方法saveUrl利用sql语句将传入参数url3插入到表Table_URL中，表Table_URL由id和url两个字段组成，id采用自增模式；数据查询方法：采用模糊查询方式查询表Table_URL中的url字段。作为优选，步骤(1-6)包括如下步骤：使用Android开发工具AndroidStudio生成应用安装包。因此，本专利技术具有如下有益效果：开发人员只需要对某个WebApp打包一次，其它WebApp可通过动态配置即可在手机端进行访问。打破了一个应用程序只能加载一个WebApp的壁垒，实现了在应用程序内动态更改WebApp的功能，同时实现了应用程序的二次转换，完成了应用程序与WebApp由一对一到一对多的转换；解决了WebApp开发过程中需要反复打包的问题，提高了开发效率、降低了开发成本。附图说明图1为常用混合应用开发结构图；图2为本专利技术的一种动态配置WebApp方法结构图；图3为本专利技术的一种功能模块间数据传递关系图。具体实施方式下面结合附图和具体实施方式对本专利技术做进一步的描述。本专利技术提出了一种基于Android的动态配置WebApp的方法，能够通过在线配置WebApp的首页地址，实现更换WebApp内容，从而更换WebApp的效果。如图1表示为常用混合应用开发结构图，该结构图包括WEB层、HybridAPIJS层和NativeAPI层三部分组成。WEB层用于对WebApp页面进行展示，是应用程序的窗口；NativeAPI层提供各种原生API，如拍照、定位、读写文件等，为WebApp提供原生功能支持；HybridAPIJS层是WEB层与NativeAPI层的连接纽带，它是由一系列的JS接口组成，且其接口与NativeAPI层的原生API对应，WEB层可通过调用HybridAPIJS层的JS接口来访问NativeAPI层的原生功能。像Cordova、Ionic以及一些WebApp打包网站其核心结构均为图1所不。图2是本专利技术提出在图1的基础上增加了动态配置模块，包括加载模块、配置模块和管理模块三部分。该模块是本专利技术的创新点，通过对该模块的配置实现不同WebApp之间的动态转换。在图2基础上生成的应用程序能够根据开发者的需求动态配置想要加载的WebApp，从而在开发WebApp的过程中无需针对每个WebApp进行打包，直接修改WebApp的地址即可对WebApp进行功能测试，节省了开发和测试时间，提升了开发效率。图3为功能模块间数据传递关系图，其中A模块为加载模块，主要实现WebApp的页面加载和加载配置功能；B模块为配置模块，该模块实现了对新WebApp数据的接收和存储功能。C模块为管理模块，实现了历史数据的存储和管理。其中数据管理即对已存储的数据提供展示和查询的功能，确保在用户输入关键字时管理模块能够准确的查询到已存储的数据中包含关键字信息的所有数据并及时进行显示。这三个模块是相互关联、紧密联系的，配置模块B需要将接收到的数据交给加载模块A进行加载，管理模块C是对配置模块B接收的新数据和历史数据的存储和管理，并最终呈现给用户。用户从管理模块C选择的数据最终又会输入到配置模块B中。而加载模块A在每次进行加载数据时都先从配置模块B中获取最新的数据进行加载。通过三个模块的联合作用，可以实现在同一个应用中从一个WebApp更换为另一个WebApp，更换后的应用退出后重新打开则会进入到新设置的WebApp首页，原本的WebApp首页将不会存在，且对新的WebApp没有任何影响，真正的做到了WebApp的动态配置。本专利技术重点讲解整体实现流程和动态配置模块的实现步骤，对现有技术中已经实现的部分(HybrideAPIJS和Na本文档来自技高网...

【技术保护点】
1.一种基于Android的动态配置WebApp的方法，其特征是，包括如下步骤：(1‑1)搭建Android的项目，推荐采用AndroidStudio开发工具；(1‑2)添加WebView组件和添加组件配置功能；(1‑2‑1)添加WebView组件，实现Web页面加载；(1‑2‑2)添加WebView组件配置功能；(1‑3)创建配置入口和添加配置方法updateUrl；(1‑3‑1)创建配置入口，为开发人员提供数据输入口；(1‑3‑2)创建WebApp首页地址配置方法UpdateUrl，接收开发人员输入到(1‑2‑1)中的EidtText的新首页地址；(1‑4)创建数据存储方法和数据查询方法，实现数据的存储和数据的查询功能；(1‑5)添加原生功能、JS接口和权限；(1‑6)生成应用。

【技术特征摘要】
1.一种基于Android的动态配置WebApp的方法，其特征是，包括如下步骤：(1-1)搭建Android的项目，推荐采用AndroidStudio开发工具；(1-2)添加WebView组件和添加组件配置功能；(1-2-1)添加WebView组件，实现Web页面加载；(1-2-2)添加WebView组件配置功能；(1-3)创建配置入口和添加配置方法updateUrl；(1-3-1)创建配置入口，为开发人员提供数据输入口；(1-3-2)创建WebApp首页地址配置方法UpdateUrl，接收开发人员输入到(1-2-1)中的EidtText的新首页地址；(1-4)创建数据存储方法和数据查询方法，实现数据的存储和数据的查询功能；(1-5)添加原生功能、JS接口和权限；(1-6)生成应用。2.根据权利要求1所述的基于Android的动态配置WebApp...

【专利技术属性】
技术研发人员：李琳琳，杨奇泽，徐畅，殷豪祥，赵鸿鸣，朱磊，李鹏，
申请(专利权)人：浙江浙大中控信息技术有限公司，
类型：发明
国别省市：浙江,33