APICloud之小白图解教程系列一

非常感谢APICloud官方给我版主职位，每天都看到很多朋友提出很多问题，我就借此机会写了一系列的教程，帮助大家从小白到高手之路。系列名称：《APICloud之小白图解教程系列》，会不定时的更新！


前言：

世界在改变，一切在移动化！可以说现在是移动互联网的时代，很多东西只需要一个APP就可以解决，富有：“秀才不出门，便知天下事”之说！


移动APP分类

1、Web APP：使用HTML/HTML5，CSS/CSS3、Javascript/ECMAScript开发的网站，在手机浏览器端运行的。简称WEB应用
2、Native APP：使用Java，Object/Swift，C#等原生编程开发的手机客户端应用，简称本地应用或原生应用。
3、Hybrid APP：使用HTML/HTML5，CSS/CSS3，Javascript/ECMAScript等前端语言+原生SDK模块开发的手机客户端应用，简称混合应用

而APICloud正是Hybrid APP。


这么多种APP开发模式，我们到底选那个？

很多人会问这样的问题？都是APP，我学哪个啊？这个就要问问你自己，你要从事哪一方面的开发。如果是想做手机网站方向的，可以学Web APP开发，如果想做移动客户端的应用，就从事Hybrid APP或者Native APP开发。

我这里比较推荐大家学习Hybrid APP开发。为什么呢？有以下几点：
1、学习成本低，无需学习Java，Object-C/Swift，C#等编程语言。只需学习前端语言即可。
2、无需了解大量的第三方框架。
3、Hybrid APP目前的性能已经无限接近Native APP。
4、手机客户端淘宝和百度客户端就是Hybrid APP开发的。
5、开发速度快，成本低，高回报！
6、如果您是企业的话，可以省了很多开发成本和开发周期。

我想，看到这里，大家应该都明白了吧！

为什么选择APICloud？

这个问题是个好问题，我想大家都想知道为什么选择APICloud，而非其他平台。下面我就给大家分析一下吧
目前主流的Hybrid APP开发平台有：PhoneGap，AppCan，HBuider(HTML 5+)，APICloud，Wex5等，下面我就个人学习得到的经验分享给大家，为什么我选择APICloud！

各自突出优点：
1、PhoneGap：可以开发跨平台的APP，包括IOS，Android，Palm，Symbian、Palm等平台的应用。大量是原生SDK的支持和非常活跃的社区和视频教程。


2、AppCan：可以开发跨平台的APP，目前能开发IOS，Android两大平台，内置了前端框架，也有很多模块供开发使用，免安装的IDE，内置智能提示，社区也较活跃。

3、HBuider：说到HBuider不得不说它的IDE非常的强大，这个是不可否认的，它的优点可以开发IOS和Android两大平台的开发，包含Hello Mui前端框架和HTML 5+原生态的API和30多万个API的Native.js。


4、APICloud：独树一帜的云平台，无需配置IOS和Android的开发环境即可编译成安装软件，免安装的IDE，和强大的模块支持和非常活跃的社区。社区中有很多新手教程，视频，和官方开源的DEMO案例。定期还有公开课和讲座。而且支持主流的IDE开发，无需APICloud Studio。官方的文档非常齐全，基本案例复制都能直接使用，这些是其他平台做不到的。


5、Wex5：非常牛逼可视化的IDE设计器，无需任何HTML基础就可以构建APP页面，使用Cordova开源框架，有大量的原生API的支持。使用者较少。


各自缺点：
1、PhoneGap：需要配置原生态的环境，而且懂原生态的语言才能开发，官方的文档全部是英文的。（这是对国人大部分来说致命的缺点）

2、AppCan：编译时需配置原生态的环境，通过它开发出来的APP过分像网页，切换视图流畅性不强，社区没有大神。。。。。很多问题都是待解决的问题，模块应用也少，即时通讯都没有。。。。

3、HBuider：编译时需配置原生态的环境，Native.Js需会原生态的语言才能写，这又是一个坑，社区半死不活的。模块只能自己去引用和开发。。。。。

4、APICloud：IDE提示不好，部分第三方模块存在很多新手坑，新手上手不易，添加模块都需云编译和编译自定义Loader才能使用，模块还不是很完善，部分常用模块收费。

5、Wex5：编译时需配置原生态的环境，开发的APP体验性不好。切换有点卡卡的。Cordova技术需要原生态语言的基础。


我想综合上面所示，大家应该心里有一定的想法了，真正好用的平台就是无需编译环境，无需编程基础，社区活跃，官方提供大量支持，有很多大神在！我想，非APICloud莫属了！

APICloud该怎么学，怎么使用？


这个问题是很多第一次接触APICloud的人都会问的问题，打开http://www.apicloud.com的官方网站，看到菜单有云API，端API，...价格（一开始会以为是收费软件）等等，看到这些菜单会有点懵。什么是云API，又什么是端API，一大推问题随之而来。
好了，我就和大家说说学习APICloud其实只需要了解以下东西即可：


1、IDE：用来写代码的编程软件，例如：APICloud Studio，下载地址：http://docs.apicloud.com/APICloud/download，
              注：APICloud SDK是APICloud提供的完整的开发环境。包含APICloud Studio、AppLoader、FrameWork、Document等。我们用来写代码的是APICloud Studio


2、控制台：这个是APICloud非常牛逼的地方，那什么是控制台？你通过IDE写好了代码之后，是不是要编译成APP来安装？也就是所谓的发布，那就是它了，控制台的地址：http://www.apicloud.com/console，控制台可以做什么呢？比如编译成APP，设置APP图标，是否显示状态栏，设置APP权限（比如是否可以打电话，定位等），可以向客户发布更新，添加第三方模块等等。


3、端API：这个是学APICloud必须学的东西，那它又是什么呢？其实就是一个api库，主要是通过js调用原生APP的东西，所有的端API的格式都是以 【api.方法名称】，回调函数（也就是调用之后要实现的功能）都是返回（ret,err）两个参数，比如弹出信息使用api.alert，打开窗口api.openWin


4、模块：这个东西很多新手都很不懂，什么是模块？可以用句话说，就是别人开发的东西，我拿来用。例如：支付宝，QQ登录，微信分享，二维码扫描，百度导航等。我们的APP经常需要用到其他这些人家开发的东西，那就是要使用模块了，APICloud的模块也非常规范，都是使用api.require("模块名称")来使用，需要注意的是：需要在控制台添加第三方模块，和云编译使用（也可以使用IDE中的编译自定义Loader使用）


5、云API：这个其实就是给没有编程基础的朋友使用了，里面包含云数据库，检测更新等等功能，这里只介绍一下。后期会有一篇文章详细介绍。



辅助学习方法：


1、APICloud的官方文档：http://docs.apicloud.com/，你要利用好搜索功能，在文档中有一个全局搜索功能，不懂哪个方法或者模块的调用应搜索一下。（个人建议，学习之前应系统的将文档看一遍）
2、APICloud社区：http://community.apicloud.com/bbs/forum.php，  很多问题都可以通过搜索得到答案
3、社区推荐的新新手教程：http://community.apicloud.com/bb ... 7926&extra=page%3D1  这里有很多新手遇到的问题
4、官方开源的源码和视频教程：http://docs.apicloud.com/APICloud/videos-and-codes  直接下载源码下面学习上手比较快


APICloud设计模式，这个非常重要，大部分页面都是这种形式打开，头（window)，身体（frame，页面）

我相信很多人一开始学习APICloud的时候都会被Window，Frame，FrameGroup给搞懵，什么时候应该用Window，什么时候应该用Frame，这里我就解释一下：
1、window：就是当前显示在APP最前面的窗口，也是面对我们的窗口
2、Frame：Frame就是窗口里面的框架，好像HTML中的Iframe一样，
3、FrameGroup：FrameGroup就是框架组合，好像HTML中的选项卡。
可以举个更形象的例子，比如我们打开谷歌浏览器，默认就会打开首页标签，那这整个标签就是Window，而打开的页面就是Frame，如果点击了一个链接，那就是打开新的标签，也就是打开一个Window（标签），Window下面有Frame（页面）。这样大家就明白了。不同的是，APICloud的window可以有多个Frame。


下面我给一张图解说一下APICloud打开标签的方式（也就是打开Window，Window下面有Frame（页面）
<ignore_js_op> 


这样大家就明白了，我们要使用一款APP，首先要点击APP图标（点击电脑的浏览器图标），然后打开第一个窗口Window（也就是浏览器默认打开第一个页面首页），打开窗口之后就创建头部（也就是浏览器的标签），然后再打开页面Frame（就是我们访问的页面）

这样大家应该清楚的明白了吧。
好了，第一篇认识APICloud的教程就结束了，下一篇系列教程为

《APICloud之小白图解教程系列（二）：APICloud Studio的使用和简单布局篇》