一、HyBrid App概述

1HyBrid AppWeb App以及Native App的区别

Web App开发

WebApp开发,严格来说并不是一个APP软件,只是一个Web型的微网站。

优点:开发时间短、兼容性强、方便系统移植。

缺点:必须有网络的支持,用户体验度相对较差。

 

Native App开发

Native App开发,就是一个原生的APP软件,其主要是通过JavaObject-C来实现原生的手机APP软件。

优点:原生APP、用户体验度非常好、可以调用手机的底层组件。

缺点:开发时间长、兼容性差、必须要掌握JavaObject-C等编程语言。

 

Hybrid App开发

介于WebAppNative这两者之间的APP,开发时间短、成本低,用户体验度好,可以调用手机的底层组件,方便移植,是目前以及未来APP开发的流程趋势。

2HyBrid App开发效果图(甜椒广场舞App

二、HyBrid App开发前期准备

1、注册APICloud平台

官方网站:http://www.apicloud.com/

2、注册完毕后登录,进入开发控制台

3、创建应用

创建完成后,如下图所示:

4、使用云编译生成App软件

进入云编译

选择生成的App类型以及设置

生成后,如下图所示:

5、获取App源代码

wamp文件夹中创建一个hybridapp文件夹,作为app项目目录

hybridapp文件夹中创建一个gcwapp作为甜椒广场舞app应用目录

使用SVN版本控制软件下载源代码到本地

检出成功后,如下图所示:

三、配置开发工具与模拟器

1Sublime text3

下载Sublime Text3,下载地址:http://www.sublimetext.com/3

2、绑定APICloud插件

下载地址:http://www.apicloud.com/

选择下载Windows版本,下载后,如下图所示:

解压插件包,如下图所示:

3、配置Sublime Text3

打开Sublime Text3,找到首选项-浏览程序包

APICloud插件中解压的所有文件夹都放置于程序包目录中

4、创建APICloud项目,打开gcwapp文件夹

5、安装海马玩模拟器

下载地址:http://droid4x.haimawan.com/,下载成功后,如下图所示:

6、使用Sublime+模拟器+真机同步显示App

运行结果: