一种快速搭建手机移动应用程序的方法和系统与流程

本发明属于手机应用程序搭建技术领域，具体涉及一种快速搭建手机移动应用程序的方法和系统。

背景技术：

目前广泛使用的手机应用程序，主要是安卓和苹果两个系统，对于手机应用程序（后面简称：app）开发团队来说，两种语言的差异性如同噩梦一般。尤其对于小型的开发团队来说，传统的原生开发方式很难实现app的快速迭代和低成本维护的需求。同一款app不得不组建两个团队完成开发工作，无论是时间成本还是人员成本都会有所增加。对于个人开发者而言，两种平台差异性使得app开发的学习成本提高。传统的bs架构开发工程师很难在短时间内掌握两种平台的开发技巧。

技术实现要素：

为了解决以上技术问题，本发明提供一种快速搭建手机移动应用程序的方法和系统，本发明快速搭建手机移动应用程序的方法和系统，降低了开发成本，提高了开发效率。

本发明的技术方案如下：

一种快速搭建手机移动应用程序的系统，所述系统包括原生架构、代码编辑模块、预览模块和代码打包模块。

进一步的，所述的快速搭建手机移动应用程序的系统，

所述原生架构：以接口的形式搭建好安卓和苹果这两种语言开发app底层的调用，使原生的方法能够被javascript直接调用；

所述代码编辑模块：用于在线编辑javascript、html、css的模块，该模块集成了原生架构所提供方法的调用；

所述预览模块：用于测试编辑的javascript、html、css代码的模块；

所述代码打包模块：用于将编辑完成的javascript、html、css代码生成为文件并保存的模块。

进一步的，所述的快速搭建手机移动应用程序的系统，所述原生架构：以接口的形式搭建好安卓和苹果这两种语言开发app底层的调用，使原生的方法能够被javascript直接调用，具体的实现方式安卓是webview，苹果则是uiwebview。

进一步的，所述的快速搭建手机移动应用程序的系统，所述安卓和苹果这两种语言开发app底层的调用包括手机基本功能模块。

进一步的，所述的快速搭建手机移动应用程序的系统，所述手机基本功能模块包括相机、通讯录、打电话、发短信、蓝牙连接、保存文件等。

本发明还公开一种快速搭建手机移动应用程序的方法，包括以下步骤：

1）搭建原生架构：把安卓和苹果这两种语言开发app底层的调用以接口的形式搭建好，使原生的方法能够被javascript直接调用；

2）搭建代码编辑模块：搭建一套在线编辑javascript、html和css的平台系统；

3）在所述平台系统开发javascript、html和css；

4）预览：安卓和苹果中的javascript、html、css的替换过程，替换后查看效果；

5）代码打包：将替换后的javascript、html、css分别与安卓和苹果这两种语言开发app的原生代码结合起来，生成两种语言的应用程序。

进一步的，所述的快速搭建手机移动应用程序的方法，所述搭建原生架构：把安卓和苹果这两种语言开发app底层的调用以接口的形式搭建好，使原生的方法能够被javascript直接调用，具体的实现方式安卓是webview，苹果则是uiwebview。

进一步的，所述的快速搭建手机移动应用程序的方法，所述在线编辑javascript、html和css的平台系统为酷丁app。

所述酷丁app是以网站的形式存在的，网址为http://app.kudingapp.com。

进一步的，所述的快速搭建手机移动应用程序的方法，所述安卓和苹果这两种语言开发app底层的调用包括手机基本功能模块。

进一步的，所述的快速搭建手机移动应用程序的方法，所述手机基本功能模块包括相机、通讯录、打电话、发短信、蓝牙连接、保存文件等。

本发明一种快速搭建手机移动应用程序的方法和系统，作为一种新的混合开发模式，降低了开发成本，提高了开发效率，用这种方法和系统大大降低了开发的门槛，对于一些中小型app应用是一种很好的选择。

附图说明

图1是本发明快速搭建手机移动应用程序的系统的结构示意图；

图2是本发明快速搭建手机移动应用程序的方法的流程示意图；

图3是本发明实施例1快速搭建手机移动应用程序的系统的结构示意图；

图4是本发明实施例1快速搭建手机移动应用程序的方法的流程示意图。

具体实施方式

下面结合附图和具体实施例对本发明的内容作进一步详细的说明。

实施例1

结合图3，本发明一种快速搭建手机移动应用程序的系统，包括原生架构、代码编辑模块、预览模块和代码打包模块。

原生架构：以接口的形式搭建好安卓和苹果这两种语言开发app底层的调用，使原生的方法能够被javascript直接调用，在本实施例中，具体的实现方式安卓是webview，苹果则是uiwebview；

对应的技术安卓便是webview的javascriptinterface，苹果则是uiwebview的stringbyevaluatingjavascriptfromstring。

代码编辑模块：用于在线编辑javascript、html、css的模块，该模块集成了原生架构所提供方法的调用；

预览模块：用于测试编辑的javascript、html、css代码的模块；

代码打包模块：用于将编辑完成的javascript、html、css代码生成为文件并保存的模块。

所述安卓和苹果这两种语言开发app底层的调用包括手机基本功能模块，如相机、通讯录、打电话、发短信、蓝牙连接、保存文件等。

结合图4，本发明一种快速搭建手机移动应用程序的方法，包括以下步骤：

1）搭建原生架构：把安卓和苹果这两种语言开发app底层的调用以接口的形式搭建好，使原生的方法能够被javascript直接调用；

2）搭建代码编辑模块：搭建一套在线编辑javascript、html和css的平台系统；

3）在所述平台系统开发javascript、html和css；

4）预览：安卓和苹果中的javascript、html、css的替换过程，替换后查看效果；

5）代码打包：将替换后的javascript、html、css分别与安卓和苹果这两种语言开发app的原生代码结合起来，生成两种语言的应用程序。

在本实施例中，所述搭建原生架构：把安卓和苹果这两种语言开发app底层的调用以接口的形式搭建好，使原生的方法能够被javascript直接调用，具体的实现方式安卓是webview，苹果则是uiwebview。

对应的技术安卓便是webview的javascriptinterface，苹果则是uiwebview的stringbyevaluatingjavascriptfromstring。

所述安卓和苹果这两种语言开发app底层的调用包括手机基本功能模块如相机、通讯录、打电话、发短信、蓝牙连接、保存文件等。

在本实施例中，搭建一套在线编辑javascript、html和css的平台系统，所述在线编辑javascript、html和css的平台系统为酷丁app，该平台是以网站的形式存在的，网址为http://app.kudingapp.com。

在酷丁app平台我们可以方便的开发javascript、html和css，该模块提供了大量的控件以及方法，并且把原生架构所提供方法的调用也集成到了该模块，比方说，我们知道，html是一个一个的标签组合成的，酷丁平台根据用户以及正常的业务需求，将一些常用的功能封装成一个一个标签模块，比如文章列表页面、轮播图片、图库相册、视频播放等，我们只需将这些控件按照自己需求组合到一起便可以。酷丁平台将这些模块的组合进行了优化，用户只需用鼠标拖动便可实现控件的组合，而且组合完成后，还可以对这些控件的长、宽、高以及颜色边框等进行自定义修改。酷丁平台编辑生成的文件和原生架构实现了无缝对接，我们搭建的原生架构会读取我们所编写的javascript、html等，原生架构提供了大量的原生接口，并明确了调用方式，我们需要用javascript编写这些调用方式。酷丁平台将这些调用方式也进行了封装，只需选择要调用哪种接口，选完保存即可，这减小了用户编写难度，提高了开发效率。

代码打包时，将代码编辑完成的html+javascript+css页面生成为文件，将所有app内使用的图片以文件的形式保存，这样应用内使用图片和加载页面为本地加载无需网络加载。按照系统规定的规则修改必须的配置文件并打包到指定文件夹，最终自动编译打包生成安卓或苹果的对应文件。

本发明一种快速搭建手机移动应用程序的方法和系统，降低了开发成本，提高了开发效率，用这种方法和系统大大降低了开发的门槛，对于一些中小型app应用是一种很好的选择。

以上实施例仅是本发明的较佳实施例，并不用于限制本发明，凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。