CN107193565A - 跨移动端开发原生app的方法 - Google Patents

Abstract

本发明公开了一种跨移动端开发原生APP的方法，包括：应用服务器，其内设置有主体业务程序模块，所述应用服务器通过浏览器访问，以使开发人员通过基于浏览器配置利用所述主体业务程序模块开发业务APP；通用APP，其采用原生语言开发，所述通用APP设置于移动终端内，所述通用APP在访问所述应用服务器时，下载业务APP安装至所述移动终端，并对所述业务APP的配置解析并执行，以实现所述业务APP在所述移动终端内的各项功能。其使用浏览器配置方式进行跨移动端原生APP的开发，提高了开发效率，降低了开发成本，并实现了真正的跨移动端原生APP开发。

Description

跨移动端开发原生APP的方法

技术领域

本发明涉及智能手机原生APP的软件开发技术领域，特别涉及一种跨移动端开发原生APP的方法。

背景技术

智能手机的出现和普及，带来了软件交互、用户体验和操作方式的变革。现有移动原生APP的开发主要包括三种方式：

一种方式是使用移动原生平台提供的开发工具进行开发。这种方式是当前主流的原生APP的开发实现方式，在安卓Android平台上，一般使用Android Studio或者ADT进行Android原生APP的开发；在由苹果公司开发的移动操作系统iOS平台上，一般使用XCode进行原生APP开发。这种方式APP的运行效率最好，但是对开发人员要求高，开发效率低，特别是需要多移动平台同时开发时，代码复用和系统可维护性差。

第二种方式是使用独立开发工具，先开发代码，开发完成后，分别生成各种移动端的原生APP。比较主流的是FaceBook公司的ReactNative，和微软公司的Visual Studio，通过生成各种移动端的原生APP的方式，实现原生APP开发。这种方式实现了一次开发，跨端运行，最大限度地实现了代码的重用，同时又保证了运行效率。缺点是需要学习一个第三方的开发工具，部分APP功能的开发会受到开发工具现有功能的限制。

第三种方式是开发不同移动操作系统下的WEBVIEW组件相关通用APP，使用浏览器技术上加上原生技术，开发采用Html5，同时能够调用部分本地的资源或SDK，基本实现了接近原生APP的运行效率，这种方式也叫混合APP技术。这种技术的优点是既实现了低成本快速开发，又实现了接近原生APP的体验。缺点是采用类似浏览器引擎进行交互，运行速度和操作体验不如原生APP。

发明内容

本发明的一个目的是解决至少上述问题，并提供至少后面将说明的优点。

本发明还有一个目的是提供一种跨移动端开发原生APP的方法，使用浏览器配置方式进行跨移动端原生APP的开发，提高了开发效率，降低了开发成本，并实现了真正的跨移动端原生APP开发。

为了实现根据本发明的这些目的和其它优点，提供了一种跨移动端开发原生APP的方法，其中，通过浏览器配置方式在应用服务器上开发业务APP，此外，还包括以下步骤：

步骤1、使用浏览器访问应用服务器，利用所述应用服务器中的主体业务程序模块开发得到业务APP；

步骤2、将通用APP模块设置在移动终端内，在访问所述应用服务器时，通用APP模块下载所述业务APP并安装至移动终端；

步骤3、所述通用APP模块对所述业务APP的配置解析并执行，以实现所述业务APP在所述移动终端内的功能。

优选的是，所述的跨移动端开发原生APP的方法中，所述通用APP模块采用移动终端的原生语言开发。

优选的是，所述的跨移动端开发原生APP的方法中，所述通用APP模块为基于iOS或Android移动终端操作系统平台的通用支撑APP模块。

优选的是，所述的跨移动端开发原生APP的方法中，所述主体业务程序模块存储于所述应用服务器提供的业务APP模板配置库内。

优选的是，所述的跨移动端开发原生APP的方法中，所述主体业务程序模块为包含界面元素或功能的组件。

优选的是，所述的跨移动端开发原生APP的方法中，应用服务器上提供有界面设计器，以完成业务APP的界面模板开发，具体包括以下步骤：

步骤1、在所述界面设计器上拖拽所述组件并设置组件属性生成业务APP的界面模板；

步骤2、书写脚本语言调用移动终端的各种SDK或原生APP模块的封装接口；

步骤3、将所述业务APP的模板配置内容以JSON或XML格式文件的方式保存在所述应用服务器。

优选的是，所述的跨移动端开发原生APP的方法中，在所述业务APP的配置完成后，所述应用服务器将所述业务APP的界面模板打包成文件并发布。

优选的是，所述的跨移动端开发原生APP的方法中，所述文件上带有所述业务APP的版本信息，以使通用APP模块根据所述版本信息对移动终端内安装的业务APP进行下载更新。

优选的是，所述的跨移动端开发原生APP的方法中，所述通用APP模块内设置有脚本语言运行模块，以对无法配置于所述业务APP的功能，在外部通过浏览器进行脚本编程来调用通用APP的封装接口或移动端的SDK。

优选的是，所述的跨移动端开发原生APP的方法中，所述应用服务器通过Http协议与所述浏览器和移动终端分别交互，且所述应用服务器提供对移动终端的请求响应服务。

本发明至少包括以下有益效果：

本发明通过设置在应用服务器上基于浏览器配置业务APP，使得所有业务开发通过配置完成，开发效率得到大幅度地提升。且通过在应用服务器内设置主体业务程序模块，使得业务APP开发人员仅需掌握业务APP的配置规则，即可完成业务APP的开发，而不需要学习第三方开发工具，因而对于业务APP开发人员低技术需求，不需要学习Android或iOS开发，开发效率将成倍地提升。

通过开发通用APP模块，使得通用APP模块对安装在移动终端上的业务APP的配置进行解析和执行，实现了一处开发，跨端运行，即实现了真正的跨移动端开发，使得开发效率显著提高。

本发明的其它优点、目标和特征将部分通过下面的说明体现，部分还将通过对本发明的研究和实践而为本领域的技术人员所理解。

附图说明

图1为本发明所述的跨移动端开发原生APP的方法的结构示意图。

具体实施方式

下面结合附图对本发明做进一步的详细说明，以令本领域技术人员参照说明书文字能够据以实施。

应当理解，本文所使用的诸如“具有”、“包含”以及“包括”术语并不配出一个或多个其它元件或其组合的存在或添加。

如图1所示，本发明提供一种跨移动端开发原生APP的方法，通过浏览器配置方式在应用服务器上开发业务APP，此外，还包括以下步骤：

步骤1、使用浏览器访问应用服务器，利用所述应用服务器中的主体业务程序模块开发得到业务APP。

步骤2、将通用APP模块设置在移动终端内，在访问所述应用服务器时，通用APP模块下载所述业务APP并安装至移动终端。

步骤3、所述通用APP模块对所述业务APP的配置解析并执行，以实现所述业务APP在所述移动终端内的功能。

在上述方案中，主体业务程序部署在应用服务器上，通用APP模块类似一个万能APP，根据配置解析业务设置，通过这个通用APP模块来实现跨移动端的业务功能实现。在现有的移动终端操作系统中，分为iOS、Android以及基于Android所衍生的其他定制系统，因而在本发明的跨移动端开发原生APP的方法中，仅需开发iOS和Android两种通用APP即可实现对原生APP的跨移动端开发，使得所述开发方法克服了现有技术中对开发人员要求高、开发效率低、开发成本高以及受到开发工具功能限制等多种缺陷。通用APP模块在开发后，也可以放置在移动APP商店，供移动终端下载。

一个优选方案中，所述通用APP模块采用移动终端的原生语言开发。

一个优选方案中，所述通用APP模块包括基于iOS和Android两种移动终端操作系统平台的通用支撑APP。

在上述方案中，目前主流的移动终端操作系统为iOS和Android两种，因而仅需开发基于上述两种操作系统的通用APP模块，其他移动端操作系统可以通过再次开发其上运行的通用APP，来实现跨移动端的支持。

一个优选方案中，所述主体业务程序模块存储于所述应用服务器提供的业务APP模板配置库内。

在上述方案中，开发人员可以开发一系列的显示和功能主体业务程序模块，并将其存储在业务APP模板配置库内，为APP的业务显示和处理提供基础支持。同时，通过设置业务APP模板配置库，使得开发人员只需要在已有的主体业务程序模块的基础上，通过模板设计器进行可视化设计，配置相关属性，即可完成开发工作。同时，为了支持后续的扩展，主体业务程序模块还可以提供自定义功能，可以为有一定技术基础的开发人员扩展新的主体业务程序模块存储于业务APP模板配置库内，为系统开发提供扩展功能。

一个优选方案中，所述主体业务程序模块为包含界面元素或功能的组件。

在上述方案中，组件是对数据和方法的简单封装，通过将主体业务程序模块采用组件方式进行封装。实现文本组件、大文本组件、单选组件、复选组件、密码输入组件、条形码组件、附件组件、树组件、列表组件、图形组件、开关组件、布局组件、图像处理组件、GPS组件、地图组件、远程服务器访问组件、按钮组件等，可在业务APP的开发过程中直接以组件为单位进行组合配置，使得业务APP的开发更加简单方便，有效提高了原生APP的开发效率，并降低了开发成本。

一个优选方案中，应用服务器上提供有界面设计器，以完成业务APP的界面模板开发，具体包括以下步骤：

步骤1、在所述界面设计器上拖拽所述组件并设置组件属性生成业务APP的界面模板。

步骤2、书写脚本语言调用移动终端的各种SDK或原生APP模块的封装接口。

步骤3、将所述业务APP的模板配置内容以JSON或XML格式文件的方式保存在所述应用服务器。

在上述方案中，设计一个可视化的界面设计器，通过拖拽等方式，将各个组件布局到“画布”上，即可以实现各种业务功能操作，同时能通过书写JavaScript脚本语言，来调用移动终端的各种SDK(Software Development Kit，软件开发工具包)以及原生APP模块的封装接口。组件一方面可以进行数据的显示，同时还可以实现数据的采集和录入，组件之间还可以进行关联。组件既可以访问本地的资源和SDK，同时可以访问远程服务器上的数据。组件化技术是配置开发的基础，将各种界面元素和功能组件化，并且在不同硬件平台的APP上进行各自实现，最终实现一次配置，跨移动端运行的效果。将业务APP的配置内容以JSON(JavaScript Object Notation，基于JavaScript编程语言的一种轻量级的数据交换格式)或XML(可扩展标记语言)文本文件的方式保存在应用服务器上，在需要时，应用服务器能够提供发布功能，将配置好的业务APP的设置发布成新版本，供通用APP下载。

一个优选方案中，在所述业务APP的配置完成后，所述应用服务器将所述业务APP的界面模板打包成文件并发布。

一个优选方案中，所述文件上带有所述业务APP的版本信息，以使通用APP模块根据所述版本信息对移动终端内安装的业务APP进行下载更新。

在上述方案中，当开发人员配置完成后，将业务APP的界面模板以文件形式存储在应用服务器内，并通过点击APP发布功能，将配置内容打包成一个文件，并且标示该应用的版本。移动端的通用APP模块在特定操作时，如登录成功、通用APP模块启动时、通用APP模块恢复运行时，根据需要校对应用的版本是否一致，如果不一致，则自动下载发布的应用版本，并自动升级本地的业务应用配置。

一个优选方案中，所述通用APP模块内设置有脚本语言运行模块，以对无法配置于所述业务APP的功能，在外部通过浏览器进行脚本编程来调用通用APP的封装接口或移动端的SDK。

在上述方案中，业务APP理论上可以配置无限多个模块，通用APP模块只是解析执行，这样就解决了大型APP的尺寸问题，无需事先编译，只需要根据配置解析执行，通过在通用APP模块内设置脚本语言运行模块，可以在通用APP模块上运行类似JavaScript的解释型脚本语言，进行无法配置功能的外部脚本编程控制。

一个优选方案中，所述应用服务器通过Http协议与所述浏览器和移动终端分别交互，且所述应用服务器提供对移动终端的请求响应服务。

在上述方案中，应用服务器提供业务APP的开发服务，包括使用浏览器访问的各种业务处理、移动端的各种访问请求处理。应用服务器是一个软件系统，用于提供WEB应用的请求响应处理功能，使用Http协议进行交互。应用服务器可以处理浏览器或移动端的Http请求，根据需要可以挂接数据库系统，提供各种移动端的请求响应服务。

开发人员在使用本方法开发业务APP时，使用浏览器进行业务APP的配置，简单方便，成本低廉。对于原组件没有提供的功能，需要开发自定义组件，来完成组件开发，最终实现业务的任意扩展。

本发明所述的跨移动端开发原生APP的方法的实现过程如下：

1)开发人员使用浏览器访问开发用的应用服务器，进行移动端APP的设置。主要是界面模板设置以及功能操作业务处理设置。界面模板中主要是通过一个界面设计工具，通过拖拽组件，设置组件属性，来完成APP的功能设置，配置内容最终以文本文件的方式保存在服务器上，保存的格式可以是JSON格式，也可以是XML格式。

2)开发通用支撑原生APP，并将通用支撑APP模块提交到移动APP商店，供手机下载该应用。移动端安装此通用支撑APP模块后，可以配置应用地址，通用支撑APP模块访问应用服务器，下载预先配置好的业务APP的配置到移动端。

3)各个通用支撑原生APP模块以组件的方式进行功能或显示的封装实现，以相同的协议解析开发用应用服务器上的业务APP功能属性配置。根据APP属性配置，在通用APP模块中将业务APP“画”出来，并响应各种事件。

4)通用APP模块装载业务APP的配置，在移动端进行功能实现。APP功能分两种，一种仅仅访问本地资源，所有操作只访问移动端的功能，这种功能实现可以通过访问通用APP模块提供的接口，来运行本地的各种操作；另一种功能是需要访问网络资源，主要是业务应用服务器上的网络资源或其它网络资源，其实现方式可以基于Http协议，与业务应用服务器进行交互，完成信息交互。

尽管本发明的实施方案已公开如上，但其并不仅仅限于说明书和实施方式中所列运用，它完全可以被适用于各种适合本发明的领域，对于熟悉本领域的人员而言，可容易地实现另外的修改，因此在不背离权利要求及等同范围所限定的一般概念下，本发明并不限于特定的细节和这里示出与描述的图例。

Claims (10)

1.一种跨移动端开发原生APP的方法，其中，通过浏览器配置方式在应用服务器上开发业务APP，此外，还包括以下步骤：

步骤1、使用浏览器访问应用服务器，利用所述应用服务器中的主体业务程序模块开发得到业务APP；

步骤2、将通用APP模块设置在移动终端内，在访问所述应用服务器时，通用APP模块下载所述业务APP并安装至移动终端；

步骤3、所述通用APP模块对所述业务APP的配置解析并执行，以实现所述业务APP在所述移动终端内的功能。

2.如权利要求1所述的跨移动端开发原生APP的方法，其中，所述通用APP模块采用移动终端的原生语言开发。

3.如权利要求1所述的跨移动端开发原生APP的方法，其中，所述通用APP模块为基于iOS或Android移动终端操作系统平台的通用支撑APP模块。

4.如权利要求1所述的跨移动端开发原生APP的方法，其中，所述主体业务程序模块存储于所述应用服务器提供的业务APP模板配置库内。

5.如权利要求1所述的跨移动端开发原生APP的方法，其中，所述主体业务程序模块为包含界面元素或功能的组件。

6.如权利要求5所述的跨移动端开发原生APP的方法，其中，应用服务器上提供有界面设计器，以完成业务APP的界面模板开发，具体包括以下步骤：

步骤1、在所述界面设计器上拖拽所述组件并设置组件属性生成业务APP的界面模板；

步骤2、书写脚本语言调用移动终端的各种SDK或原生APP模块的封装接口；

步骤3、将所述业务APP的模板配置内容以JSON或XML格式文件的方式保存在所述应用服务器。

7.如权利要求6所述的跨移动端开发原生APP的方法，在所述业务APP的配置完成后，所述应用服务器将所述业务APP的界面模板打包成文件并发布。

8.如权利要求7所述的跨移动端开发原生APP的方法，其中，所述文件上带有所述业务APP的版本信息，以使通用APP模块根据所述版本信息对移动终端内安装的业务APP进行下载更新。

9.如权利要求1所述的跨移动端开发原生APP的方法，其中，所述通用APP模块内设置有脚本语言运行模块，以对无法配置于所述业务APP的功能，在外部通过浏览器进行脚本编程来调用通用APP的封装接口或移动端的SDK。

10.如权利要求1所述的跨移动端开发原生APP的方法，其中，所述应用服务器通过Http协议与所述浏览器和移动终端分别交互，且所述应用服务器提供对移动终端的请求响应服务。