apicloud教程1 (转载)

非常感谢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的使用和简单布局篇





PS:如果希望出哪篇系列的教程可以在下面留言评论!我会定期更新大家喜欢看的教程或者想要学的教程!例如:
1、登录、注册,保持登录状态教程
2、APP新安装启动画教程
3、图片压缩上传教程
4、微信,QQ、微博登录,分享教程
5、即时通讯融云教程
6、支付宝、微信支付,Ping++教程
7、百度地图bMap模块教程
8、在线视频播放和在线直播和实时监控视频教程
9、js模板引擎doT.js  tpl.js的使用

原文地址:https://www.cnblogs.com/xiezhi/p/5653553.html