业务需求变化快、开发人员成本高是现在企业面临的主要问题。多端开发技术则可以很好的解决这些问题，开发一次可以生成iOS、Android、小程序、Web等多端应用。APICloud凭借多年的移动开发技术积累，为开发者提供了一套高性能的多端开发技术，可以高效的开发企业级应用程序。本文分为建立前端编程基础和使用APICloud完成开发两部分，为大家简单介绍零基础用户使用APICloud开发的过程。如果你已经有前端基础但不了解APICloud的使用方法，可以直接跳转至第二部分哦~一、 前端基础万丈高楼平地起，想要研发一款APP首先需要掌握基础的编程技术。作为一个多端开发平台，APICloud主要是通过前端的编程实现APP开发，因此这里只简单介绍前端三剑客：HTML、CSS、JS的学习方法。1、 HTML和CSSHTML负责网页的内容，相当于网页的骨架，是一种超文本标记语言，由各种标签组成，是完成前端开发的基础。而CSS负责网页的样式，通过对网页元素的颜色、大小、位置等外观样式进行设置，让网页变得更加美化。HTML和CSS相对而言比较简单，学习难度不大，初学者可以在w3cschool（www.w3cschool.cn/）和菜鸟教程（www.runoob.com/）中学习，在学习的同时还可以在网页中进行相应的调试练习，加深对于知识的理解。在初步掌握HTML和CSS之后，就可以摸索着实现对现有网页或者UI设计稿的还原复制了。2、 JavaScriptJavaScript是前端编程语言学习中的重中之重，相对HTML和CSS而言学习难度更高一些。JS主要是负责交互效果的实现，也就是让页面中的元素动起来，是前端的核心技能。初次接触JS可以先跟着网上的教学视频进行第一次简单的学习，对概念有一个总体的了解，实现快速入门。之后再找相应的专业书籍进行钻研，形成系统的知识体系，进一步理解JS的设计原理和思想，掌握更复杂的js技术，如原型对象、闭包、同步异步、沙箱等。参考视频：www.imooc.com/learn/36参考书籍：《Javascript高级程序设计 第四版》《JavaScript 语言精粹》3、 常用框架在了解前端的基础技术之后，还需要掌握前端的基础框架。目前前端使用比较广泛的框架有两种：React和Vue。React框架是Facebook推出的一个用来构建用户界面的 JavaScript 库。 React主要用于构建UI，拥有较高的性能，代码逻辑非常简单，可以快速便捷的实现大型项目。参考视频：/www.bilibili.com/video/BV1wy4y1D7JT参考资料：React官方文档: https://react.docschina.org/docs/getting-started.htmlVue框架是用于构建交互式的web界面的库。它提供了MVVM数据绑定和一个可组合的组件系统，具有简单、灵活的API。参考视频：www.bilibili.com/video/BV1Zy4y1K7SH参考资料：《Vue.js权威指南》，Vue官方文档: https://cn.vuejs.org/v2/guide/二者相比各有优势，Vue更易上手，而React的相对自由度更高，开发人员可以根据自身需要选择框架进行学习。二、 APICloud开发在有了一定的前端基础后，用户就可以使用APICloud进行开发了。在APICloud中使用基础的HTML,CSS,JS技术进行开发与使用常规编译器的步骤是一致的，修改代码，提交代码，编译代码，进行相应的调试。不同的是APICloud引入了自己的API、模块、框架等，因此在每一步的具体操作上存在一定的差异。1、API和模块首先APICloud提供了自己封装的API对象和模块，开发人员可以直接进行调用，快速实现自己的需求。API对象提供了构建应用程序所需要的一些基本的方法，如窗口操作、相册和网络数据访问等；以及一些常见的属性，如屏幕宽度，系统类型等；还有一些常用事件，如电量低事件、应用进入后台事件。API对象不需要 require 引用，可以直接在JS中使用。参考资料：https://docs.APICloud.com/Client-API/api而模块是在API对象之外的一种扩展，APICloud提供了1000+成熟的app功能模块，涵盖支付、 IM、 直播、识别、地图等丰富功能，满足各类app的开发需求。在开发app时，可一键调用无需单独开发，从而大幅缩短开发周期。代码中使用模块时需先在开发控制台模块页面进行添加，或者通过config.xml中的feature字段添加模块，参考feature配置（https://docs.APICloud.com/Dev-Guide/app-config-manual#15）。并通过api.require方法进行引用，如：var fs = api.require('fs'); fs.exist({ path: 'fs://file.txt' }, function(ret, err) { });在调用模块时如果有疑问可以在开发者文档（https://docs.APICloud.com/）中直接搜索对应的模块名称，找到模块的说明文档进行查看。如果平台模块不能满足项目需求，开发者也可以扩展自定义模块，开发完成后将模块包上传到“自定义模块”里面，然后添加使用。参考资料模块开发指南_iOS：https://docs.APICloud.com/Module-Dev/module-dev-guide-for-ios模块开发指南_Android_Eclipse：https://docs.APICloud.com/Module-Dev/module-dev-guide-for-android模块开发指南_Android_Studio：https://docs.APICloud.com/Module-Dev/module-dev-guide-for-android-studio2、编译其次在编译时，有两种编译方法。如果开发时只调用了官方模块，那么可以直接使用官方发布的AppLoader进行编译。而如果在开发时加入了自己封装的模块，付费模块、第三方SDK模块等，那么基础的云编译可能就无法实现编译的需求。这种情况下需要开发人员自定义AppLoader完成应用的编译。参考资料：https://docs.APICloud.com/Dev-Guide/Custom_Loader3、调试最后在调试时，APICloud提供了真机同步调试的方法。只要确保手机和编译器位于同一网段局域网下，就可以通过扫码下载生成的软件到手机，实现同步调试。参考资料：https://docs.APICloud.com/Dev-Tools/studio3-wifi-debug4、AVM框架在APICloud中可以使用主流的框架完成原生应用的开发，但是如果想要实现多端应用的同时开发，就必须使用APICloud中的avm.js框架及语法进行开发。AVM是一个移动优先的高性能跨端JavaScript框架，支持一次编写多端渲染。它提供简洁的代码书写模式，编码一次，可同时生成 Android & iOS 原生 App、小程序和 WebApp。Avm提供类 Vue 语法并兼容 React JSX，如果有 Vue和React 框架的基础，则可以快速上手Avm。参考资料：https://docs.APICloud.com/APICloud3/5、数据云平台APICloud应用架构是云端一体的架构，终端实现UI布局和功能，云端提供数据和服务。APICloud提供从客户端到云端完整的数据存储解决方案，云端提供数据管理功能，客户端提供数据访问API，开发者只需要在云端创建好表结构和关系，云端会自动生成Restful接口，然后在客户端调用mcm模块API方法即可，不需要自己搭建服务器和写任何服务端代码。参考资料云服务3.0：https://docs.APICloud.com/Cloud-API/sentosa数据云服务开发指南：https://docs.APICloud.com/Dev-Guide/data-cloud-dev-guide6、项目实践上文已经介绍了在APICloud中进行开发可能会用到的知识，在掌握这些知识之后用户已经有了开发应用的基础。官方提供了新手教程，用户可以按照教程从零到一的实现一个应用。参考资料创建第一个应用：https://docs.APICloud.com/APICloud/creating-first-appAPICloud新手入门概念篇：https://developer.yonyou.com/thread-194445-1-1.htmlAPP与小程序实战开发培训：https://developer.yonyou.com/thread-194510-1-1.html除此之外，用户也可以直接调用官方提供的模板，在模板的基础上进行修改，快速的定制属于自己的APP。官方提供了对于模板的详细说明，可以在说明的指导下快速理解代码，实现项目开发。参考教程点餐模板教程：https://docs.APICloud.com/APICloud/Order-template-description如果在开发过程中遇到任何无法通过文档解决的问题，都可以在开发社区（https://developer.yonyou.com/forum-2-1.html）中提出，这里有其他 APICloud 开发者，也有APICloud 官方技术支持，在这里你可以得到有力的帮助。

可能很多人不知道，规模大的企业和IT预算多的企业的移动App大部分都是基于混合模式开发实现的。 很多做App开发的技术人员会存在一种偏见，觉得“采用混合模式，基于HTML5技术开发出来的App，体验以及功能会和原生模式开发的存在差距”，所以更愿意使用原生模式开发App。 其实市场上主流的App，绝大部分是基于混合模式开发的。最典型的就是微信，除了聊天功能以外，包括公众号、小程序等都是由混合模式开发技术实现的。再比如电商领域的淘宝、京东等，旅游领域的携程，教育领域的VipKid，信息分类的58等不同应用范围的App，混合模式开发技术使其商品展示及线上市场活动的运营管理都变得非常灵活。此外，在航空、保险、银行等行业中，无论是服务客户的toC模式App，还是对员工进行管理的toE和toB的App，多是使用混合模式开发的，混合模式开发技术成为了绝对主力。 人们不禁要问“为什么这些公司和企事业单位，有着足够的预算和开发资源，还要选择混合模式App开发技术作为企业互联网化的支撑？”答案其实和企业的互联网化及数字化的需求有着直接的联系。以下4个方面，决定了越有实力的企业越需要混合模式App开发技术；同时，也是混合模式App开发技术形成不同行业解决方案的根本优势和企业选择的必要性所在。 速度的要求 “试错”这个词不但在互联网公司中广为流传，在传统公司的互联网化过程中也被广泛接受。 越来越多的CIO在谈各自企业移动战略的时候，都会提到“能否根据业务部门的一个想法，先在一周之内做个原型，快速实现，拿出去让大家看看，然后基于这个原型再修改”。这种快速发起、快速验证、快速调整的方法，已经非常流行。之所以要在短时间内先把业务从想法落到现实，哪怕App粗糙些，也要先实现出来，原因在于具有鲜明企业个性的业务的创新想法可能没有先例可循，很难考虑得特别完整。与其花费三五个月不停地思考业务需求，还不如用一两个星期先把基础的想法落实。哪怕短时间内做出的App并不能真正满足业务的需要，但是可以让业务人员的想法在这个过程中变得有据可依、有的放矢，从而为实现更完整且更切实可行的业务方案先行探索。 “业务部门的一个想法，IT部门一两周就做出来了！”这对于企业的信息化负责人而言，是很重要的褒奖。这种对速度的要求，恰恰是混合模式开发技术最明显的特长和优势，一套代码可同步生成iOS与Android两个平台的App，甚至还能部分兼容微信公众号和小程序。一套代码，并不代表偷懒或工程技术的简化，而更多的是因其不仅节省了代码编写的时间，还避免了多个技术团队之间跨知识结构的协同问题，不再需要iOS与Android工程师们开会讨论差异性问题，更是大幅节省了App与服务器端联机调试的时间成本。但如果同样的功能，同样从零开始，使用传统的原生开发技术基本没有办法在一两个星期内完成有价值业务需求的实现，因为这个时间可能连不同终端碎片化和差异化的问题都不足以解决。所以，CIO为了满足业务发展的需求和数字化速度的要求，在移动战略中往往都会规划使用跨平台的混合模式App开发技术。 业务灵活性的要求 在PC时代的B/S架构中，想要实现IT系统的更新并不需要过多地考虑用户端的影响。因为作为用户入口的浏览器一直处于访问网络的状态，只要网络连通，用户随时访问网站都会获得最新的功能和业务。对用户而言，并不真正地存在版本的概念。只要访问服务器，服务器的任何更新都可以随时展示到用户界面上，出现使用问题时，往往只需要清空一次浏览器Cookie基本就可以解决。 但是在移动时代，用户对版本的概念变得越发敏感。而对App的版本管理也成了CIO头痛的问题。通常因为软件开发商能力的制约，或者一些无法避免的bug，让一些已发布的App变得难用甚至会崩溃。此外，一些临时的市场活动、很少但重要的功能、一些不在规划内的产品需求调整等情况，都会直接引出同一个问题“用户必须更新一个版本，重新下载安装，才能满足上述需求”。这种看似日常的版本发布和用户更新，恰恰是传统企业信息化过程中面临的全新问题。 “能否像传统浏览器那样，用户打开的永远是最新的服务和功能？”很多企业的CIO问出了相同的问题，于是大量的、不合规的软件服务商和IT程序员想出了一个“偷懒”的模式。在App中嵌入一些WebView，将一些功能采用传统网页的模式，访问服务器，动态获取。虽然表面上解决了版本更新的问题，实则产生了大量体验很差的App。 企业对业务灵活性的要求，本质是希望像微信小程序一样，可以随时发布一些新的功能，随时动态增改一些功能的入口，让用户任意使用，同时让用户的体验更好。这种对业务灵活性的需求其实需要像小程序一样有强大的混合模式App开发技术来支撑。从而达成“增量更新”“静默更新”“打开获得新功能和新体验”，而不是嵌套WebView，用网页模拟App的方法，以较差的用户体验的代价换取业务灵活的可行性。 当然，目前传统模式开发的App，特别是用Android开发的App也开始部分支持动态更新。这也恰恰说明，业务灵活性是企业互联网化、数字化进程的刚需。只是由于传统技术的制约以及软件开发团队或者服务商能力的限制，真正的原生动态更新始终没有办法大规模进入企业，实现商用。这也让企业对混合模式App开发技术的需求更为迫切，成为每个CIO的必备选项。 集中管理的要求 业务部门的互联网化意识是因为互联网的广泛普及被带动起来的。所以，传统的由IT部门主导企业信息化的态势发生了微妙的变化。过去，都是由IT部门发起信息化需求，但现在的IT部门越来越像“服务部门”。因为业务团队在不停地发起各种各样“业务+互联网”的信息化需求。这个时候，很多传统企业的IT部门领导，没认识到自己角色的转变，如果还存有拖延、不管不问、你们自己搞不定等类似的想法，就会导致当下很多企业的信息化面临的“各种移动App的彻底碎片化”“各个业务部门自己找软件开发商实现各自的需求”等问题。这不但架空了IT部门的信息化主导地位，更麻烦的是，让后续的集中管理变得艰难无比。几十家甚至上百家不同标准的服务掺杂在企业的核心系统中，甚至有些业务部门为了快速满足自己的需求而脱离了IT部门主导的传统PC核心系统，这些操作都是非常危险的。 IT部门在被业务部门要求满足业务的互联网化需求时，往往发现心有余而力不足。IT部门人手有限，实在没办法逐一满足所有业务部门的移动化需求。如果不管，就会产生前面所提到的“技术栈、开发商”碎片化的问题。这个时候，基于混合模式App开发技术的移动应用平台，就很好地解决了这二者之间的矛盾。 定标准，从而实现“集中管理”。如果企业能够制订一套统一的混合模式App开发技术和移动平台标准，各个业务部门就可以独立寻找自己的软件开发商，用各种方法满足自己的移动业务需求。平台的一致性可以带来标准化的统一。这其中包括技术标准化、开发流程标准化、代码管理标准化、项目管理标准化、验收标准化、管理和运营标准化等。 既要放，也要抓。这就是互联网时代企业信息化的要求，更是IT部门的职责。混合模式App开发技术，有望成为实现企业移动战略的利器之一。 信息化安全的要求 企业互联网化带来的最根本转变就是，内网的信息化变成了外网的互联网化。 传统信息化一般包括内网、固定场所、固定网络环境和固定的设备等关键词。而移动战略背景下的企业互联网化，则同时包括外网、随时、随地、员工个人设备、4G和Wi-Fi等关键词。这些不起眼的变化，给企业的业务带来的却是天翻地覆的调整。 移动设备管理软件（Mobile Devices Management，MDM）曾风靡一时，但是购买了MDM的企业几乎无一例外地发现其很难推进。因为MDM伴随着员工自带设备（Bring Your Own Device，BYOD）。如果用企业的管理软件来管理员工个人设备，肯定会有很多人反对。所以，大部分的MDM最终草草收场，只是管理了企业自己购买的一些移动设备。 企业移动化、互联网化的安全怎么保障？ 这要满足3个层面的安全，即设备安全、传统安全和云端安全。 混合模式App开发技术可以实现类似于企业应用商店（如微信公众号）的动态权限绑定和授权模式，能够支持特定设备、特定的人，也可以选择不同的子应用。此外，还可以实现随着用户工作内容的调整，根据设备编码和用户权限来实时分配全新子应用的功能。 这种基于企业移动应用商店的“子应用”模式，也是混合模式App开发技术成为企业移动战略支撑的关键。因为做得好的企业应用商店，不仅能够满足传统原生模式开发的App所不能赋予企业的、对各种安全性的需求，还实现了对业务灵活性的管理目的。 APICloud作为中国主流的混合模式App开发技术服务提供商，一直在以布道者的身份推进混合技术在国内的发展和应用。我们不仅提供技术，也提供商业服务，因此会更多地深入到大量的商业用户中去，如海尔、春秋航空、英特尔、中信证券、上汽等。我们的团队结合不同的商业场景和实际的商业客户需求，编写了《30天App开发从0到1：APICloud移动开发实战》，希望能够为不同规模的企业在移动信息化和互联网化进程中提供有价值的参考，同时也能够让从事App开发的技术人员有更多可借鉴的实战经验。 ​                                                                      点此链接，购买图书 主要内容 本文从总体上介绍APICloud平台，包括APICloud应用的开发模式、设计思想、控制台使用流程等，并以一个HelloWorld App为例让读者体验一个完整的APICloud App的开发流程。 学习目标 （1）了解APICloud平台，了解APICloud相关的学习资源、入门资料和常见的问题。让没有接触过APICloud平台的读者，对平台有一个基础的了解；让学习过APICloud并且已掌握一部分技能的读者，通过本文的学习，可以快速找到需要的资料和解决问题的方法。 （2）学习如何在APICloud平台上创建、修改、调试、编译和运行一个最简单的APICloud App。掌握APICloud App完整的开发流程。 要对APICloud平台做一个全面的介绍，需要花很长的时间和很多的篇幅来讲解每一个细节，而本文作者希望能用更多的篇幅来讲解一个App的实际开发过程，讲解具体的代码实现。所以，本文在介绍APICloud平台的时候，是通过抛出一个个问题，然后告诉读者应该到哪儿去找对应的学习资源，到哪儿能够找到解决问题的方案。  1.1　APICloud平台介绍 本文将从APICloud可以做什么，如何获取使用帮助，APICloud的技术、产品和生态等多个方面对APICloud平台加以介绍。 1.1.1　查看APICloud平台能力 开发者在接触一个开发平台的时候，通常第一个想法就是去查看这个平台的能力。特别是那些想做App的、有着明确需求的开发者，他们会非常关心自己的需求在这个开发平台上是否能够满足。所以，本文开篇就先来解决这个开发者普遍关心的问题，读者可以带着自己预先想好的需求来了解APICloud平台，了解如何能够快速地在APICloud平台上查找相关的能力。 1．通过官方文档快速搜索功能模块 查看APICloud平台提供的能力，一个最基础也是最有效的方法就是查看APICloud的API文档。 APICloud官方网站中的文档页面如图1-1所示。如需要查看视频播放的功能，可以在文档中搜索“视频播放”，搜索结果如图1-2所示，可以看到在APICloud平台上有多种提供视频播放功能的模块，如videoPlayer（播放本地视频）、moviePlayer（播放网络视频）、polyvPlayer（保利威视播放器）、baiduPlayer（百度播放器）等。 ​                                                                               图1-1                ​                                                                     图1-2 点击其中一个搜索结果，查看模块的详细文档。比如点击“videoPlayer”之后可以看到这个模块对于视频播放提供了很多API，这些API基本覆盖了一个视频播放器所有常见的功能，如图1-3所示。 ​                                                                               图1-3 再比如要查找支付功能，可以在文档中搜索“支付”，通过搜索结果可以看到在APICloud平台上有很多个提供支付功能的模块，如aliPay（支付宝）、wxPay（微信支付）、unionPay（银联支付）、paypal（PayPal支付）、iap（iOS应用内支付）等；也有ping++、beeCloud等第三方聚合类的支付模块。点击每个模块均可以查看具体的API详情。 读者想了解APICloud平台有哪些能力，最简单的方法就是到APICloud官方文档中去搜索相应的功能，这样就可以一目了然地知道APICloud平台有没有相应的模块来支持自己想要的功能。 2． APICloud能力支撑体系 目前在APICloud平台上已经提供了600多个模块，上万个API。这些API基本可以覆盖一款App所需的所有常用功能，为方便表述，它们被分为“平台使用”“基础功能”“界面布局”“设备特性”“功能扩展”和“开放服务”六大类，其分类与具体包含内容如图1-4所示。 ​                                                                              图1-4 1.1.2　开发模式、技术语言和平台定位 很多APICloud初学者会关心这些问题：APICloud App的开发模式是什么样的、使用什么技术语言、目前自己的开发团队是否适合使用APICloud开发App、整个APICloud的学习曲线是什么样的、入门简不简单等。 1．开发模式和技术语言 APICloud应用的开发模式是使用标准的HTML、CSS和JavaScript+APICloud扩展API来进行App开发，如图1-5所示。APICloud的App开发使用的是标准的HTML5技术，针对标准HTML5所不具备的功能或是用HTML5实现体验不好的功能（这些功能也是开发者在App开发过程中非常常用的功能）。APICloud提供了600多个扩展模块和上万个API，通过这些模块和API来扩展HTML5的功能，满足App的开发需求。 ​                                                                                      图1-5 2．扩展API调用方式 APICloud扩展API的调用方式与调用标准的JavaScript方法是完全一样的。APICloud引擎的核心API是放在window.api这个对象下面的，这个对象是APICloud在JavaScript全局作用域内扩展的唯一一个对象，可直接调用。如果想调用某个模块下面的方法，可以通过require的方式动态引入，通过在api.require方法的参数中指定某个模块的名称来引入相应的模块，然后调用模块下面的方法，具体演示如下。 1 //核心API在window.api对象下，可以直接调用 2 api.methodName(param, callback); 3 //扩展模块需要require引入，遵守CommonJS规范 4 var module = api.require('moduleName'); 5 module.methodName(param, callback); 6 param: {} //参数，是一个JSON对象 7 callback: function(ret, err){} //回调函数，是一个Function对象，异步方法调用的结果通过此函数返回<br> 所有API的调用方式都是相同的，第一个参数是一个JSON对象，承载着要传递给模块的信息；第二个参数是一个callback函数。APICloud大部分的API调用都是异步方式，在调用的时候，要指定一个callback函数，当这个API操作完成时，操作结果将通过该callback函数回调。 一些常用的调用方式，比如打开一个新窗口，可以调用api.openWin()；打开通讯录可以调用api.openContacts()，录音、图片缓存等也是调用相应的方法。如果想去加载文件系统模块，可以通过api.require("fs")来加载fs模块，然后调用fs模块下面的方法。使用条码扫描模块也是类似的。示例如下。 ●打开新窗口：api.openWin()。  ●打开系统通讯录：api.openContacts()。  ●录音：api.startRecord()。  ●缓存网络图片：api.imageCache()。  ●加载fs模块：var fs = api.require('fs')。  ●新建一个文件：fs.createFile()。  ●加载二维码/条形码扫描模块：var scanner = api.require('FNScanner')。  ●打开二维码/条形码扫描：scanner.openScanner()。  APICloud技术是基于标准的HTML、CSS和JavaScript技术，并在标准的JavaScript基础上扩展了一个核心对象-api对象和数百个模块。这些模块可以使用api.require函数载入，并使用操作标准JavaScript对象的方式调用上述模块列举出方法。 3．扩展API的作用 读者可能会问，APICloud为什么要扩展这么多API呢？其实APICloud所扩展的API都是标准的JavaScript所不支持的方法，或是用标准HTML5来实现但体验不好的功能。读者可以把HTML5理解成一门技术、一门语言，但是它还没有达到一个平台的水平。这就是APICloud为什么要做这些扩展。APICloud所有的扩展主要是围绕以下这4个方面进行的。 兼容性：在PC互联网时代，浏览器具有多种内核，JavaScript框架产生的最初原因就是为了实现JavaScript代码在各种浏览器上的兼容和适配。在移动互联网时代，虽然在主流的手机系统中，Android和iOS的浏览器内核都是webkit，但是出于商业原因，谷歌从webkit中建立了一个新的分支，叫blink。现在两个分支的主要贡献者分别是苹果和谷歌，所以未来这两个内核的兼容性问题会一直存在。 实用性： Page不等于App，标准的HTML、CSS和JavaScript规范更多是用来定义网页和文档的，例如现在的一些框架都在讲SPA结构，它是以单页面为主的，很多HTML标签是针对于文本信息展示的；而App则不然，App更多是强调功能和体验，在原生系统中有很多的组件，HTML5标签和Native组件的设计规范是完全不同的。所以，想用标准的HTML5技术开发一个App是不现实的，人们不能直接把为WebPage所制定的规范直接搬到App上。 B/S架构与Client/Cloud架构：在PC互联网时代，终端产品的主要架构还是B/S架构；但是在移动互联网时代，终端产品的主要类型是App，而App是一个完整的Client/Cloud架构。在移动端，实现界面和功能，在云端提供数据和服务。页面布局是存放在移动端的，功能实现也是在移动端完成，所以用户在使用时可以感受到App的启动、页面渲染和布局展示是很快响应的。 速度、交互和体验：这3个问题是用HTML5技术直接开发App的最大挑战。其实，如果使用HTML5技术实现一个界面，渲染之后显示出来，用户看到这个界面时并不能立刻分辨出它是用HTML5实现的还是用Native技术实现的。但是当用户做一个交互，点击一下，体验一下响应速度或者做一个手势，触发一个动画，这时用户就可以非常清楚地感受到，并能分辨出该界面是用Native技术开发的还是用HTML5开发的。所以速度、交互和体验也是使用HTML5技术开发App必须去解决的问题。 持续性、静态标准与动态标准：HTML5的定稿花了7年时间，并且整个标准的迭代是缓慢的；而Android和iOS每一次版本更新都会新增很多功能，这些新增的恰恰都是当前行业里最需要的功能，但这些功能很难快速通过制定新的HTML5标准进行更新，并在各个浏览器里支持起来。那会是一个非常漫长的过程。 扩展性：在开发一款App的时候，开发人员需要扩展很多的功能，有时候要和行业特点结合，有时候还要跟硬件结合，这就会用到大量国内的开放服务，如推送、直播、智能识别等。所有的这些功能，标准的HTML5规范中都没有定义，所有的标准浏览器引擎也没有默认支持。 总的来说，APICloud扩展的所有功能都是标准HTML5所没有的，如果HTML5有并且在App中运行起来没有任何问题，APICloud平台也没有必要去做这个扩展。APICloud所有扩展的功能其实就是为了去解决HTML5在兼容性、实用性、持续性和扩展性等方面的问题。 4．模块Store 在APICloud模块Store中可以查看APICloud平台扩展的所有功能，如图1-6所示。 ​ ​​                                                                            图1-6 5． APICloud平台定位 APICloud是一个中间层，是在应用程序和系统之间的一层，在这一层中，APICloud聚合了开发一款App所需要的所有系统调用、开放服务和扩展功能，然后以统一API的形式提供给开发者调用。这就是APICloud平台的定位，如图1-7所示。 ​ ​​                                                                               图1-7 1.1.3　技术、产品、生态、案例和商业模式 这部分有大量的内容需要给读者介绍，但是本文不想为此占用大量的篇幅。读者可以通过APICloud官网公开课的视频来详细了解。在官方视频教程2中有几百集的课程，其中“APICloud视频之初级代码篇第1～3讲”通过几小时的视频给读者详细介绍了APICloud技术、产品、商业模式、案例以及生态的方方面面，如果读者是第一次接触APICloud，我们建议花一定的时间去观看这些公开课的视频。 在官方网站中，“开发者社区”标签下。 在官方的视频教程中。 1.1.4　开发者服务体系 开发者在选择或者使用一个平台的时候，一定会遇到很多的问题。遇到问题时应该如何解决？此外，开发者还会关心这个平台在提供技术的同时还能提供哪些服务？有没有一个完整的生态？有没有一个活跃的社区提供技术支持、方便学习和交流？ 针对这些问题，本节列举以下APICloud开发者服务体系相关的产品。 1． APICloud开发平台 这里是APICloud的官方网站，也是整个APICloud应用开发和管理平台的入口。 2．开发工具 在官方网站点击“开发工具”。 APICloud是一个移动应用的开发平台，开发APICloud应用需要编码工具。对于开发工具来说，APICloud支持包括Atom、Sublime Text、Eclipse、WebStorm、VSCode，以及基于Node.js的CLI命令行工具。开发者在开发APICloud应用的时候，可以使用自己喜欢的任意一款主流的编码工具，只需要在这些工具中安装相应的APICloud插件就可以了。 以Sublime Text3为例，如图1-8和图1-9所示，可以看到这里面有Windows版和Mac版的下载地址，这里所下载的是APICloud为Sublime Text提供的插件。下载完成后，打开Sublime Text，在Sublime Text中安装完APICloud插件之后，就可以在Sublime Text中使用“新建APICloud项目”“新建APICloud文件”“进行Wifi真机同步”“日志输出”“代码管理”等开发APICloud应用所需的相关功能。在其他工具中，如Atom、WebStorm、Eclipse和VSCode等也可以分别安装APICloud为这些工具所提供的对应插件，所有这些APICloud的工具插件都是免费开源的，可以在GitHub的APICloud开源分支中查看源码。 在GitHub中搜索“APICloud-DevTools”。 ​ ​​                                                                         图1-8 本文案例的开发会全程使用APICloud Studio 2作为开发工具，APICloud Studio 2是APICloud提供给开发者的一款基于Atom扩展的全功能集成开发工具。在本书的附录B中，会对APICloud Studio 2开发工具的使用进行全面详细的介绍。 ​ ​                                                                        图1-9 3．开发文档 在官方网站点击“文档”。 整个APICloud开发文档包含了3部分内容，第一部分是对APICloud的整体介绍以及开发工具的介绍，也就是其网页最左侧的这一列；中间部分是对APICloud API的介绍，包括端API、扩展模块、前端框架、云API等；最右侧是技术专题，这里会把开发过程中常见的问题以技术专题的形式总结出来。不管是对APICloud的初学者，还是已经用APICloud开发过应用的开发者，本文都建议在遇到问题的时候，第一个解决方式就是去查找文档。APICloud文档遵循简洁清晰的书写原则，用到某一个API的时候，直接到文档中查看其对应的使用说明即可。 4． 开发者社区 在官方网站点击“开发者社区”。 APICloud有着国内最活跃的HTML5混合开发者社区，在这个社区中，有很多优质和资深的APICloud开发者，用户在使用中遇到的问题在社区中提问都可以第一时间获得解答。APICloud平台上线至今，社区中已经沉淀了很多有价值的帖子和技术专题的讨论，所以非常建议开发者常去社区看看，那里的帖子都是各个开发者学习经验的总结。本文希望读者在开发过程中遇到问题的时候，可以到社区中查找相关的解答或者提问，初学者最好能花一些时间把新手入门的帖子从头到尾看一遍，这是非常有价值的。 5． VIP服务 在官方网站点击“VIP服务”。 很多大型企业或者创业公司在选择APICloud的时候，由于整个项目的开发周期比较紧张，而刚刚接触一个新的平台，使用中会遇到一些问题，这些问题在社区中是可以得到解决的，但是可能不够及时。针对这类客户，APICloud提供了VIP技术支持服务，企业也可以去购买APICloud企业版。当然这个是收费的，企业购买完之后，APICloud将以工单的形式提供技术支持，企业客户有任何问题，半个小时之内APICloud官方会有技术支持一对一地进行解答。 6．开源代码分享 点击官方网站中“开发者社区”标签下面的源码。 APICloud提供了非常丰富的开源代码，这些源码包括App实例源码，很多都是APICloud开发者所开发的一些App模板源码，也包括一些模块的使用示例代码，以及App开发过程中一些常用的JavsScript框架代码。当然，这里也有模块的源码，因为APICloud的很多模块都是开源的，所以模块的源码就是Android和iOS的模块工程源码。同时，APICloud为Sublime Text、Atom、WebStorm、Eclipse等所有主流的开发工具提供的插件、命令行的CLI工具，以及APICloud Studio所有的代码都是完全免费开源的。 这里也有APICloud前端框架和官方文档的源码，APICloud官方文档本身就是开源的。读者如果发现官方文档的编写存在不够准确或者不够完善的地方，可以随时在官方文档的开源分支中提交修改，一同为APICloud生态发展做贡献。还有APICloud云SDK，也就是APICloud提供的云端服务，官方提供了不同技术语言版本的SDK，包括Node.js、PHP、Java、.NET等，这些不同语言版本的云API SDK也都是开源的。 更多APICloud开源代码可以到APICloud GitHub开源分支j查看。 j在GitHub中搜索“apicloudcom”。 7．商业案例展示 在官方网站点击“开发案例”。 目前，基于APICloud平台开发的应用已有2万多款在苹果AppStore上线。在APICloud商业案例展示区，用户可以看到一些用APICloud开发出来的应用案例，每期会展示数百款的已上线App，这些案例都是用APICloud开发的商用App，不是WebApp，也不是微信公众号或HTML5网站。所有这些App旁边都有二维码，用户可以直接扫码安装体验，这些应用都是使用APICloud平台开发的。 如果APICloud的开发者开发了一款App，并且认为其性能体验不错，可以联系APICloud官方的运营人员，申请在官网展示这款App。APICloud可以在案例区为其免费展示，案例区会定期更新申请展示的App。初学者如果想看一下APICloud平台开发出来的App是什么样的运行体验，就可以直接扫码安装运行这些案例，看一下体验和效果。 8．模块Store（聚合API） 点击官方网站中，“App开发平台”下面的模块Store。 APICloud模块Store上展示了APICloud平台上所有的扩展模块。APICloud使用行业标准的模块扩展机制，对于具有Android和iOS开发经验的开发者，可以直接按照APICloud模块扩展机制为APICloud贡献模块，这些模块可以选择收费也可以免费。 目前，APICloud平台上有600多个模块，大部分的模块是免费的。大约有1/3是APICloud官方开发的，官方提供的所有模块都是免费的，基本可以覆盖App开发所需的全部基础功能；还有1/3是第三方服务厂商开发的，比如高德地图、科大讯飞语音识别、融云即时通讯等；最后的1/3是个人开发者开发的，个人开发者提供的模块大部分都是收费的。APICloud是想建立一个生态，对于Android和iOS的开发者，可以非常轻松地为APICloud模块Store贡献模块，同时模块开发者可以为其开发的模块标一个价格，让其他开发者购买后使用。 9．模板Store 点击官方网站，“App定制服务”下面的模板Store。 APICloud还有一款产品是模板Store。开发者在开发完一个应用之后，如果不想再运营这个应用了，或者是单纯想做一款应用的模板，如果它是一个完整的端到端的应用，整个需求和功能都可以达到一个标准商业应用的水平，就可以将它作为一个模板提交给APICloud。APICloud官方可以把它模板化后成为APICloud模板Store中的一款模板。整体是有一个审核流程的。模板审核通过之后，就可以在APICloud模板Store上进行销售。在模板Store上架后，其他开发者只需一键购买，在线支付，就可以在几分钟之内获得这样一个模板。所购买的产品包括这个模板的管理后台、模板的Android和iOS的安装包以及一些必要的皮肤定制等服务，同时在开发者的APICloud应用控制台中，也会有一个对应的“模板应用”的项目。 10． APICloud应用定制服务 点击官方网站中的“App定制服务”。 在APICloud平台上每天都会聚集很多客户的App定制需求，因为很多客户认可APICloud平台和App开发模式，但是由于没有自己的开发团队，所以希望APICloud能够为他们提供App定制服务，或者为他们推荐优质的团队来进行项目实施。APICloud应用定制服务有一套标准化的开发流程和项目管理流程。 1.1.5　新手入门APICloud应用开发 这里推荐一些优质的入门资料，读者可以在官方文档页面中找到这些资料。 APICloud新手开发指南，在这个指南当中，基本上涵盖了APICloud应用开发入门所需的各方面知识，并且APICloud官方也会不断更新这个教程，所以这个新手开发指南是所有APICloud初学者必须要认真阅读的文档。 APICloud新手教程集合贴，这是社区里的新手教程集合贴，里面有很多优秀开发者的开发技巧、经验和教程的总结，推荐新手一定要看。 点击官方网站中的“开发者社区”，搜索“新手教程集合贴”。 ●APICloud视频教程15，如果初学者想找一种更简便的方式去学习，也可以去看看APICloud的视频教程，在这个视频教程中已经有数百集的视频。  15点击官方网站中的“视频教程”。 ●APICloud在线培训，APICloud定期会举办线上的视频直播培训，直播的老师既有APICloud工程师，也有优秀的APICloud开发者或其他培训机构的老师来直播。   1.2　体验完整项目的开发流程　 在对APICloud平台有了基础的认识后，读者将跟随本节内容从零开始，创建、修改、调试、编译和运行一个最简单的App。这个App不包含任何复杂的开发技术，旨在让读者体验一个完整App的开发流程。在本节的最后，这个应用将可以在移动设备上运行。 1.2.1　注册APICloud账号 在创建App项目之前，首先要有一个APICloud账号，这个账号非常重要，请妥善保管。点击APICloud官方网站右上角的注册按钮即可开始注册。注册过程非常简单，注册完成后请登录账户。 1.2.2　创建一个App项目 创建一个新的项目有两种方式： 在APICloud云平台上创建； 在APICloud的官方开发工具中创建。 APICloud推荐的集成开发工具是APICloud Studio 2。同时也为其他常用的开发工具软件提供了插件支持，如Sublime、Eclipse、WebStorm、Atom等，读者可以根据自己的使用习惯选择对应的工具。 本文以APICloud Studio 2为例。首先需要下载这个开发工具，选择官网首页的“App开发平台”，然后选择“开发工具”。 在新的页面中根据具体的操作系统选择对应版本的APICloud Studio 2进行下载。下载完成后将压缩包解压到任意位置，在解压后的文件中找到类似“apicloud-studio-2.exe”的文件，这是开发工具的可执行文件。建议为它创建桌面快捷方式以方便使用。 1．在APICloud云平台上创建新项目 在官方网站登录成功后，将鼠标移动到页面右上角的用户名处，在显示的菜单中点击“开发控制台”。 打开控制台页面后，页面左侧是项目列表，现在它是空白的；在中间部分会显示APICloud的更新日志（APICloud平台自上线以来一直坚持每周更新一个版本）等平台动向信息；右侧是个人信息以及一些工具按钮，如图1-10所示。 ​ ​                                                                            图1-10 点击左上角的“创建应用”，在弹出的窗口中选中“Native App”（默认选项），在“名称”输入框中填入“HelloAPICloud”并在“说明”输入框中填入任意说明信息，之后点击创建。此时一个新的项目便被创建好了并显示了刚刚创建项目的管理页面，后续会对这个页面的相关功能进行循序渐进的学习。 在项目创建完成后还需要将这个项目检出到本地进行开发，APICloud支持通过git或svn进行代码管理（关于代码版本管理的资料请查阅相关文档），即便读者不了解代码版本管理的相关知识也不妨碍本节的学习。 打开APICloud Studio 2，如果开发者是首次运行此开发工具则需要进行登录。请用之前创建的账号进行登录，否则无法找到相应的项目。登录成功后会进入欢迎页面。 此时开发工具已经获得了账号权限，可以对项目进行操作了。点击菜单栏的“代码管理”→“代码检出”→“APICloud云端应用”，在出现的检索框中输入之前创建的项目名称“HelloAPICloud”，回车确认（也可以从下面的模糊搜索结果中选择相应的项目，如图1-11所示）。 ​ ​                                                                          图1-11 在弹出的对话框中选择这个项目在开发设备上的保存位置（例如在桌面上新建一个叫作“HelloAPICloud”的文件夹，然后选择这个文件夹）并点击“检出”。 在新弹出的输入框中保持默认，直接按回车即可，如图1-12所示。 ​ ​                                                                               图1-12 开发工具会自动从APICloud云端将账号中的“HelloAPICloud”项目检出到本地计算机上，稍等便可以看到默认打开的代码编辑页面。 2．在APICloud Studio 2上创建新项目 打开APICloud Studio 2并登录之前创建的账号。点击菜单栏中的“文件”→“新建”→ “APICloud移动应用”，分别输入应用名称和应用说明，应用框架选择“空白应用”，之后点击完成。在弹出的对话框中选择新项目的创建位置，点击“创建”。 稍等便可以完成创建。此时在网站的控制台中可以看到刚刚创建的项目。 本文摘自《30天App开发从0到1：APICloud移动开发实战》                                     《30天App开发从0到1：APICloud移动开发实战》                                                           邹达, 李德兴  著                                                       点此链接，购买图书 本书介绍如何通过APICloud平台快速开发一款APP，从介绍APICloud平台开始，从零搭建APP框架，对数据通信能力、js移动端应用、APICloud引擎架构、第三方开放平台服务应用发布和管理及更新迭代均有详细讲述。 随后详细对UI框架的使用进行分析，通过对热门行业的移动应用开发解决方案的介绍，让读者掌握真正的实战技巧——如何开发一款优质的APP。 ​ 推荐阅读 2018年5月新书书单（文末福利） 2018年4月新书书单 异步图书最全Python书单 一份程序员必备的算法书单 第一本Python神经网络编程图书 ​​ ​长按二维码，可以关注我们哟 每天与你分享IT好文。 在“异步图书”后台回复“关注”，即可免费获得2000门在线视频课程；推荐朋友关注根据提示获取赠书链接，免费得异步e读版图书一本。赶紧来参加哦！ 点击阅读原文，购买《30天App开发从0到1：APICloud移动开发实战》 阅读原文

随着手机直播的火热，手机直播开发便获得越来越多的人讨论，甚至有人说手机直播开发只需要三个步骤！这对很多人来讲是很不可思议的。小编认为这说的对也不对，接下来小编具体分析一下。首先，手机直播开发分三步确实可以搭建起来： 第一步：分解手机直播系统开发功能，了解你所需要的直播功能 第二步：寻找合适的云服务SDK进行嵌入，在APICloud的聚合API中可以轻易找到以上的功能模块，挑选合适的模块封装到自己的App中 第三步:1. App框架搭建，在APICloud Studio中直接创建应用框架，有三个常用页面框架备选； 2.积木式拼装，将所有你挑选好的模块，用Java编写页面及模块调用，运用HTML5+CSS3搭建应用的界面UI，完成App编码全过程； 3.真机调试，通过模拟器和真机调试功能进行App优化，一键点击即可在iOS和Android手机中进行App优化； 4.云编译，在APICloud网上传App的icon、启动页和证书，一键“云编译”即可同时生成iOS和Android的原生安装包； 5.云修复，使用云修复快速迭代，随时发布新版本、新功能，无需提交新的安装包。 这就是三个步骤，但是手机直播开发是一个浩大的工程还需不断探索

 随着手机直播的火热，手机直播开发便获得越来越多的人讨论，甚至有人说手机直播开发只需要三个步骤！这对很多人来讲是很不可思议的。小编认为这说的对也不对，接下来小编具体分析一下。 首先，手机直播开发分三步确实可以搭建起来：  第一步：分解手机直播系统开发功能，了解你所需要的直播功能 第二步：寻找合适的云服务SDK进行嵌入，在APICloud的聚合API中可以轻易找到以上的功能模块，挑选合适的模块封装到自己的App中 第三步:1. App框架搭建，在APICloud Studio中直接创建应用框架，有三个常用页面框架备选；2.积木式拼装，将所有你挑选好的模块，用Java编写页面及模块调用，运用HTML5+CSS3搭建应用的界面UI，完成App编码全过程；3.真机调试，通过模拟器和真机调试功能进行App优化，一键点击即可在iOS和Android手机中进行App优化；4.云编译，在APICloud网上传App的icon、启动页和证书，一键“云编译”即可同时生成iOS和Android的原生安装包；5.云修复，使用云修复快速迭代，随时发布新版本、新功能，无需提交新的安装包。这就是三个步骤，但是手机直播开发是一个浩大的工程还需不断探索。

下面统计信息部分来自网络，不代表个人观点。请大家参考。         基于Html5移动端开发框架调查                                   序号 框架 简介 优点 缺点 备注 侧重点         1 PhoneGap   PhoneGap是一个用基于HTML，CSS和JavaScript的，创建移动跨平台移动应用程序的快速开发平台。它使开发者能够利用iPhone，Android，Palm,Symbian,WP7,WP8,Bada和Blackberry智能手机的核心功能——包括地理定位，加速器，联系人，声音和振动等，此外PhoneGap拥有丰富的插件，可以调用。 1.可跨平台。phonegap框架帮我们解决了差异性，javascript与平台系统的连接由phonegap框架完成。成为连接移动终端的适配器，或者说中间件。2.提供硬件访问控制。可调用加速计、摄像头、罗盘、通讯录、文档、地理定位、媒体、网络、通知(警告、声音和振动)、存储。3.可利用成熟javascript框架。如：Ext js、jQuery。 1.性能差。运行速度慢，UI反应延时——这是个致命伤。(高端机影响不大)2.不能完全跨平台。不同平台代码需要微调。3.内存消耗大。 4.调试难度大。 官网：http://phonegap.com/ 侧重于对硬件的访问控制         2 Ionic   Ionic 是一个强大的 HTML5 应用程序开发框架，号称 Advanced HTML5 Hybrid Mobile AppFramework 是 AngularJS 移动端解决方案 可以帮助您使用 Web 技术，比如 HTML、 CSS 和Javascript 构建接近原生体验的移动应用程序。 Ionic 主要关注外观和体验，以及和你的应用程序的 UI 交互，特别适合用于基于 Hybird 模式的 HTML5 移动应用程序开发。 Ionic 是一个轻量的手机 UI 库，具有速度快，界面现代化、美观等特点。为了解决其他一些UI 库在手机上运行缓慢的问题。 1.追求性能 运行速度快2.轻量级框架3.基于 Angularjs，支持 Angularjs的特性， MVC ，代码易维护4.通过 SASS 构建应用程序。它提供了很多 UI 组件来帮助开发者开发强大的应用。5.接近原生。6.强大的命令行工具 1.Ionic是一个前段框架。不能完全取代PhoneGap和JavaScript框架的作用2.需要结合插件使用。 官网：http://ionicframework.com/ 侧重于前端的交互         3 Hbuilder（国产） HBuilder是DCloud（数字天堂）推出一款支持HTML5的Web开发IDE。“快，是HBuilder的最大优势，通过完整的语法提示和代码输入法、代码块及很多配套，HBuilder能大幅提升HTML、js、css的开发效率。 1、HTML5语法、HTML5+语法、三大浏览器扩展语法，尽收HBuilder中。  2、每个浏览器发布新版后，一周内，其新增语法就收录入HBuilder。  3、强大到令你震惊的Jquery语法提示！  4、每个语法在哪个浏览器、哪个版本上是否可运行，这里都有。  5、没有比这里更全的语法库，也没有比这里更全的浏览器兼容性数据库。 1.云端编译，无法保证安全性。 2.不能完全跨平台。不同平台代码需要微调。 官网：http://dcloud.io/ 侧重于编码实现         4 appcan（国产） AppCan是国内Hybrid App混合模式开发的倡导者，AppCan应用引擎支持Hybrid App的开发和运行。并且着重解决了基于HTML5的移动应用"不流畅"和"体验差"的问题。使用AppCan应用引擎提供的Native交互能力，可以让HTML5开发的移动应用基本接近Native App的体验。 与Phonegap支持单一webview使用div为单位开发移动应用不同。AppCan支持多窗口机制，让开发者可以像最传统的网页开发一样，通过页面链接的方式灵活的开发移动应用。基于这种机制，开发者可以开发出大型的移动应用，而不是只能开发简易类型的移动应用。 AppCan提供强大的设备调用能力，电话、短信、相机、LBS、传感器、数据库等常用的手机功能，开发者可以通过JS接口调用，轻松构建移动应用。 1.跨平台：同时支持iOS、Android、Symbian、Windows Phone2.原生体验：引入原生UI控件与交互支持（如Action Sheet等）3.开发工具：基于Eclipse的开发工具，集成UI控件与应用管理4.UI框架：提供强大的UI框架，更加易于实现页面布局与交互5.设备API：支持各种手机设备调用，如电话、相机、传感器、定位等6.本地打包：无需配置环境，无需编译，本地一键打包7.插件机制：支持第三方原生插件，支持JS插件8.代码加密：基于密钥的加密方式，无法破解，像混编一样保护html代码 统计分析：应用分平台安装数统计，应用启动和使用情况统计9.开放平台：更具本土优势，已经对接Sina、QQ、百度等开放平台10.技术支持：技术支持及时响应，重视开发者建议和反馈 1.AppCan免费版因需要把源代码上传到厂商的服务器上打包，对于企业开发来说源代码泄露安全性上有一定风险。企业版虽然可以解决，但企业版稳定尚待观察。 2.AppCan采用封装的组件，依赖性比较高。不是开源代码。 3.AppCan 不能很好的解决原生代码的功能。 官网;http://www.appcan.cn/ 　         5 Wex5(国产) WeX5应用快速开发框架（含完整的SDK API及全部源码），一次开发、跨端运行。 【定位】开发面向消费者和公众的开放应用系统 【适用】一般app、电商app、客服app、会员app、微店微商等 【前端】安卓app/苹果app/微信服务号/PC web app 【后端】后端数据处理组件，对接各主流技术平台 【费用】完全开源，彻底免费，无任何限制 1.高效精致的UI组件体系，基于jquery和bootstrap技术，采用增强的RequireJS模块化技术。2.基于phonegap(cordova)框架，如相机、地图、LBS定位、指南针、通讯录、文件、语音、电池等。3.可视化拖拽式集成开发环境IDE，全能力的调试支持和智能代码提示 1.使用范围有限：适用：一般app、电商app、客服app、会员app、微店微商等2.用户量小，存在不稳定因素。 官网：http://wex5.com/ 　         6 ApiCloud(国产) APICloud是中国领先的“云端一体”的移动应用云服务提供商。APICloud推行“云端一体”的理念，重新定义了移动应用开发。APICloud为开发者从“云”和“端”两个方向提供API，简化移动应用开发技术，让移动应用的开发周期从一个月缩短到7天。APICloud由“云API”和“端API”两部分组成，可以帮助开发者快速实现移动应用的开发、测试、发布、管理和运营的全生命周期管理。 APICloud致力成为中国领先的移动垂直领域云服务商，帮助传统软件公司从B/S架构成功走向APP，帮助中国数百万web开发者转化成移动APP专家！。 1.提供开发的IDE。 2.提供数据云API、统计云API、推送云API 与Hbuilder存在版权问题，抄袭Hbuilder 官网：http://www.apicloud.com/ 　                                 结论：                     1.跨平台方面：大部分框架针对android和ios平台，需要做或多或少的代码调整，不能达到完全跨平台。               2.性能方面：根据不完全统计，Ionic的性能会更好一点。                 3.代码实现方面：Hbuilder具有更高的效率。                   4.PhoneGap出现最早，国内框架都是基于Phonegap开发出来的。                                       注意：                     *关于框架的优缺点众说纷纭，从总体看，hybrid app并没有达到native app的实现效果。                 *各框架在实现过程中都会遇到不同程度的坑，请根据框架的侧重点谨慎选择应用的框架。                 *如果要基于Html5开发App，还需要进一步根据需求验证框架的可实施性、并进行不同框架的效果对比。                                     本文转自左正博客园博客，原文链接：http://www.cnblogs.com/soundcode/p/4664988.html，如需转载请自行联系原作者

手机直播APP又在升温，直播开发功能很重要 第三季度，天鸽互动经调整后的营收为2.74亿元，同比增长16.2%；经调整后的纯利为1.28亿元，同比增56.8%。公司注册用户升至3.67亿人，月度活跃用户2270.4万人，同比增长9.9%。其中，移动端月度活跃用户由去年同期45.6%提升至63.4%，季度付费用户119.1万人，季度用户平均收益185元。 手机直播系统开发打开了直播世界新的大门，手机直播系统开发的诞生才是直播真正融入人们生活的开始。手机直播这么火爆，有没有什么办法可以迅速让自己也拥有手机直播系统开发技术，打造自己的直播平台呢？ 接下来小编就给大家介绍一下手机直播系统开发三步速成法： 第一步：分解手机直播系统开发功能，了解你所需要的直播功能 第二步：寻找合适的云服务SDK进行嵌入，在APICloud的聚合API中可以轻易找到以上的功能模块，挑选合适的模块封装到自己的App中 第三步:1. App框架搭建，在APICloud Studio中直接创建应用框架，有三个常用页面框架备选； 2. 积木式拼装将所有你挑选好的模块，用JavaScript编写页面及模块调用，运用 HTML5+CSS3搭建应用的界面UI，完成App编码全过程； 3. 真机调试，通过模拟器和真机调试功能进行App优化，一键点击即可在iOS和Android 手机中进行App优化； 4. 云编译，在APICloud官网上传App的icon、启动页和证书，一键“云编译”即可同 时生成iOS和Android的原生安装包； 5. 云修复，使用云修复快速迭代，随时发布新版本、新功能，无需提交新的安装包。 如果想涉足直播市场，而对于目前的直播市场来说，搭建自己的直播平台还不晚，所以，想要搭建自己直播平台的手机直播系统的小伙伴们可要抓紧了！ 再此提醒各位老板，现在做直播平台请一定要选好服务商哦，服务很是重要，乐维世纪最新呆萌直播，互动直播（带游戏），直播+小视频，采集器功能值得大家参考一下哦！

APICloud渲染优化引擎，经过为期3个月的Beta版计划，历经上万开发者及商业APP、数十万台真实手机参与测试，于4月5日正式上线，合入DeepEngine中。 Web工程师使用HTML5等标准Web技术开发拥有原生体验和原生功能的APP，Deep Engine使用半翻译式原理，运行中将Web翻译成Native API，强大的混合渲染引擎提供更佳的性能体验。 一、优化后的引擎带来哪些性能提升： 1、窗口切换动画帧率得到有效提升，可达到50 fps以上，动画渲染效果与原生无差异 2、页面滚动性能提升，优化了页面重排&重绘周期，滚动更加流畅，同时消耗更少的CPU资源 3、优化潜在的过度渲染问题，减少GPU及内存消耗 4、图片绘制能力提升，加载大量图片的情况下依然不会有漂浮，卡顿的感觉 5、支持在window和frame中使用video标签播放视频 6、UI展示更细腻，CSS3中圆角图片，背景等可能存在锯齿的兼容问题得到有效解决 7、强化容错能力，减小因不规范代码或者引用JS/CSS框架等引起的性能问题 8、同步提升SuperWebview的渲染能力 二、优化引擎做了哪些适配： 1、适配某些定制ROM存在的窗口切换时黑/白屏问题 2、适配魅族部分手机关闭窗口时屏幕闪动问题 3、解决华为及小米部分型号手机输入不响应、滚动卡顿问题 4、适配三星部分大屏手机动画卡顿问题 5、解决使用CSS3某些3D动画时引起UI闪烁问题 6、适配Android PAD大屏幕设备，提升整体流畅度 优化引擎上线仅一天的时间，就收到了广大开发者的好评和赞扬，解决了开发者们的适配等问题。 本文来自开源中国社区 [http://www.oschina.net]

Sublime Text作为一个尽为人知的代码编辑器，其优点不用赘述。界面整洁美观、文本功能强大，且运行速度极快，非常适合编写代码，写文章做笔记。Sublime Text还支持Mac、Windows和Linux各大平台，方便用户使用。种类繁多、功能强大的插件更给Sublime Text 3锦上添花。下载Package Control后就可以迅速的开启插件之路。 1.Soda Theme Sublime Text 3中较为常用的一款自定义编辑器主题，用过的人都说好。Soda Theme包含代码着色、标签、图标，拥有light和dark两种颜色主题便于用户在不同时间段使用。 2.Sublime APICloud Plugins Sublime APICloud Plugins是APICloud为开发者提供的一套开源的Sublime Text扩展插件，包括：应用管理、应用框架、页面模板、代码提示、代码管理、Widget打包、真机同步、日志输出、管理自定义AppLoader等功能，其他的功能插件也在不断增加，这些插件已被Package Control成功收录，开发者可以直接在Sublime Text3中下载安装；所有插件都已开源，开发者也可以在此基础上按需求扩展自己的插件。 3.ColorPicker 编辑CSS样式的时候， ColorPicker调色盘不仅可以查看颜色值，更可以轻松调好颜色。ColorPicker同时还是一个双向选择颜色的功能，既可以在调色板中选好颜色将其使用至文档中，也可以迅速定位文档中的某一种颜色值到调色板中。 4.Emmet Emmet （前身是 Zen Coding）是一个前端开发不可缺少的插件，它让编写 HTML和CSS代码变得简单，节省大量时间。Emmet可使开发者用缩写形式书写代码，再用“扩展”功能自动将代码扩展至完整样式。 早在2009年，Zen Coding作为具有革命性的HTML和CSS代码编辑插件一经问世，直到现在帮助了无数的开发者，减少他们的时间，使得编写代码变得简便有趣。现在，Emmet已经超越了Zen Coding到达了更高层次，普适性的功能将给更多的开发者带来便利。 5.SublimeCodeIntel SublimeCodeIntel 作为一个代码提示和补全插件，支持 JavaScript、Mason、XBL、XUL、RHTML、SCSS、Python、HTML、Ruby、Python3、XML、Sass、XSLT、Django、HTML5、Perl、CSS、Twig、Less、Smarty、Node.js、Tcl、TemplateToolkit 和 PHP 等所有语言，是 Sublime Text 自带代码提示功能基础上一个更好的扩展，自带代码提示功能只可提示系统代码，而SublimeCodeIntel则可以提示用户自定义代码。SublimeCodeIntel支持跳转到变量、函数定义的功能，另外还有自动补全的功能，十分方便。 6.FileDiffsFileDiffs插件可以让开发者比较两个不同文件的差异，比较的对象包括当前文件、另一文件、剪切板中的代码甚至未保存文件等。 7.SublimeLinter SublimeLinter是少数几个能在sublime text 3工作的代码检查插件，SublimeLinter支持JavaScript、CSS、HTML、Java、PHP、Python、Ruby等十多种开发语言，但前提是需要配置相应语言的环境，要检查JavaScript代码需要安装node.js，检查PHP代码需要安装PHP并配置环境等。SublimeLinter可以及时提示编写代码中存在的不规范和错误的写法，并培养我们良好的编码习惯和风格。 8.Alignment Aligment插件让开发者自动对齐代码，包括PHP、CSS、JavaScript语言。使得代码看起来更整齐美观，更具可读性。 Sublime Text 3中的插件种类繁复，功能强大，以上是开发者最常用的8大插件，希望给各位开发者节省插件选择的时间，提供编写代码的效率。 ====================================分割线================================文章转载自 开源中国社区[http://www.oschina.net]

"我有一个好创意，就差一个CTO……" "原生APP开发难度大，周期长，成本高，还没上线市场已经被占领了。" "APP版本迭代更新，都是企业的一道难关，没有一个一劳永逸的解决方式吗？" "一个Web开发者如何能快速适应移动互联网时代，用HTML5开发出一个APP呢？" "安卓、IOS双平台同时开发，程序员都累死在加班的路上了……" 针对行业痛点，国内外涌现出众多APP开发工具，开发者只要有相关的HTML5、CSS和JavaScript知识，便可以轻松快速的开发出属于自己的APP，基于开发工具中众多的模块功能，APP具有完美的原生体验。 AppMobi 移动开发公司 AppMobi 正不断的巩固其在 HTML5 的工具包并推出了全新开发工具XDK，使得开发者可以使用HTML5构建网络和移动平台的应用程序。最终代码既可以用来进行HTML5应用程序开发，就如同现在在Chrome网络应用程序商店里看到的那些程序一样，也可以用于多平台应用程序开发，最终提交到苹果或Android的应用程序商店。 网站传送门：https://appmobi.com/ APICloud APICloud移动开发平台是目前最热门工具之一，其产品为移动开发者从"云"和"端"两个方向提供API，简化移动应用开发技术，将1人月的工作量降低至1人周，大幅提升移动应用开发和管理的效率。APICloud由"云API"和"端API"两部分组成，可以帮助开发者快速实现移动应用的开发、测试、发布、管理和运营的全生命周期管理。 网站传送门：http://www.apicloud.com/ Titanium Titanium是Appcelerator公司旗下的一款开源的跨平台开发框架，和PhoneGap及Sencha Touch一样，都是让开发者使用HTML/CSS/JS来开发出原生的桌面及移动应用，还支持Python、Ruby和PHP。Titanium最大的特点就是，由于是基于硬件的开发，开发过程中所创建的应用可选择存储在设备或云端之上。 网站传送门：http://www.appcelerator.com/ MoSync MoSync是一款FOSS跨平台移动应用程序开发SDK工具，主要用于移动游戏开发，它基于标准的Web编程技术。这个SDK为开发人员提供了集成的编译器、代码库、运行时环境、设备配置文件及其他实用工具。MoSync现在包括基于Eclipse的集成开发环境（IDE），用于C/C++编程，计划支持JavaScript、PHP、Ruby、Python及诸如此类的其他语言。 网站传送门：www.mosync.com/ Intel XDK Intel XDK的前身是AppMobi XDK，是一款帮助开发者使用HTML5开发移动及Web应用的跨平台开发工具。XDK包括了一个HTML5开发环境和一组支持创建混合iOS及Android应用的云服务，这些应用能够直接提交到不同的应用商店之中。除此之外，XDK还提供了调试工具，可以进行屏幕仿真调试、设备实际调试和遥控调试，不包括Ad-Hoc模式和安全特性。 RhoMobile RhoMobile是由Motorola开发的一款开源的基于Ruby的移动应用开发框架，其前身为Rhodes框架，专门用于构建可以运行于多种平台之上的企业级原生App。通过RhoMobile，开发者无需考虑设备类型、操作系统、屏幕尺寸等诸多问题，只需掌握HTML和Ruby就可开发出运行在iOS、Android、Windows Mobile、BlackBerry、Windows Phone等智能手机上的App。 网站传送门：http://rhomobile.com/ Bedrock Bedrock是Metismo公司基于Java跨平台中间件技术的核心产品，旨在帮助开发者快速开发跨平台的移动游戏和应用。Bedrock的交叉编译程序会把Java源代码转换成其他如C++、C#、ActionScript等编程语言，其独特的IDE特性，可以让开发者方便地在各种平台上开发应用和游戏，此外Bedrock还能直接把开发者编写的代码程序跨平台地部署到各种移动操作平台上。 LiveCode LiveCode是由RunRev公司推出的一款强大的图形化开发环境，不仅免费，还可以提供10倍的效率提升并减少90%的代码。其强大之处在于非常容易学习和使用，可以让一个不会编程的人在很短的时间内就能开发出原生的，能够运行于PC、服务器、移动设备上的应用程序。 网站传送门：http://www.livecode.cn/ APP开发工具为开发者带来了更好的开发解决办法，在开发平台中多种开发工具、全类别的第三方服务商使APP开发变得简便、快速。这也使得企业将精力放在商业模式的制定与运营上，提高整体效率。 本文作者：佚名 来源：51CTO

作为一名在前端死缠烂打6年并且懒到不行的攻城士，这几年阅过很多从知名到很知名的前端框架，本来想拿15-20个框架来分享一下，但在跟几个前辈讨教写文章的技巧时果断被无情的打击了，所以这里我还是低调的只拿出10个框架来个大锅乱炖，凑够字数也就全剧终了。下面的框架也没有什么先后顺序之分，我想到啥就写啥啦( 作为前端，我一向都这么的任性 ^_^ )。 Bootstrap 首先说 Bootstrap，估计你也猜到会先说或者一定会有这个( 呵呵了 )，这是说明它的强大之处，拥有框架一壁江山的势气。自己刚入道的时候本着代码任何一个字母都得自己敲出来挡我者废的决心，来让自己成长。结果受到周围各种基友的引诱开始了 Bootstrap 旅程。本人虽然是个设计+前端的万里有一的人才，但是老天只让我会用 PS 和各种设计工具却不给我跟设计妹子一样的审美，所以这也是我最初选择 Bootstrap 的原因之一，它让我做出来的东西好歹能在妹子面前装个逼，不过时间长了难免觉得 Bootstrap 美的让人烦躁， 但好在它的每个版本都会有很大的改变，不会让人觉得自己做的网站会跟很多网站撞脸。Bootstrap 的用法及其简单( 这也可能就是 Bootstrap 作者阅攻城士无数，了解他们痛的结果 )，以至于是个小前端都可以快速上手，几乎没什么学习成本。 官网：http://getbootstrap.com/ Github：https://github.com/twbs/bootstrap/ 作者：Mark Otto 和Jacob Thornton Star：93,112 总结：Bootstrap 最大的优势就是它非常流行，流行就代表你有问题就有很多人帮你解决问题，就代表装逼它就是利器，还有就是界面比较和谐，容易上手，关注它的童鞋应该发现最新 V4 版也开始支持 FlexBox 布局，这是非常好的升级体验。 劣势是 class 命名不够语义化，并且各种缩写，以至于我离了文档就是个菜，最近开始整混合 APP，选框架的时候首选就是它，但之前搞 PC 一直没注意，后来搞混合右键属性看它的时候，瞬间一阵凉风袭来，Bootstrap 好小，小到我只好选择别的框架。 AUI 第三个是最近刚起来的AUI，虽然作者声称是专为APICloud开发者设计的一套UI框架，但实际它还是解决了很多移动前端开发的普遍问题，是主要面向混合开发的 CSS 框架。看起来作者比较猖狂，各种高级 CSS3 遍地使用，这让我也不得不去查查这些个 CSS3 的兼容性。不负众望果然选的都是兼容不错的属性，哈哈了一顿激动从前辈手上大胆认识了几个好东西，并且框架还提供了聊天界面、计数列表等组件，解决了很多复杂的让我骂娘的布局，现在可以直接拿走就用。 Github：https://github.com/liulangnan/aui 官网：http://www.auicss.com/ 作者：流浪男 Star：92 总结：这个框架对我来说有个优点就是纯 CSS 框架，自己以前也就用过 Pure，自己有点 JS 能力，如果不是复杂的效果，找个纯 CSS 框架自己随便改改就可以，而现在 CSS3 也已经能够做到动画，效率、质量、高效全兼顾，所以还是选择了这种 CSS 框架。有一点觉得不满的是这框架的文档真的好那什么，说好的高大上呢。 Amaze UI 第二个介绍的是妹子UI，最初使用它是因为本尊遇到了一个爱纠结细节设计士，有一次她跟我的字体较上真了，结果一句顶万句的 BOOS 夸了她，我只好根据她的想法去解决，结果最后找到了Amaze UI 框架( 我不介意你叫我懒淫 )，按照官方的话说就是 “基于社区开源项目构建的一个跨屏前端框架，以移动优先，从小屏到大屏，最终实现所有屏幕适配，适应移动互联潮流” 。但其实我就是看中它能解决国内浏览器存在的跨屏适配和兼容性问题。 官网：http://amazeui.org/ Github：https://github.com/amazeui/amazeui 所属公司：云适配 Star：6710 总结：Amaze UI 总的来说加入更多符合中国市场特性的元素，框架对跨屏、适配都做了比较好的处理并且准备了一系列的常用网页组件，为减少搞兼容、适配各种敲键盘的加班狗们的工作时间做了不小的贡献。框架还对中文排版优化，兼容中国本土主流浏览器、轻量化，不仅适用于桌面端，更适合移动端。 Frozen UI 有段时间看到 QQ 瞬间高大上了，后来四处打听，原来 QQ 客服端也用了 混合开发，其中QQ会员前端用的是 Frozen UI，并且这套框架开源，欣喜若狂耐不住心里的寂寞直接上手试了一遍，初体验感觉基础样式效果简单色调清爽，有个比较活跃的社区所以组件什么的也比较丰富。 Github：https://github.com/frozenui/frozenui 官网：http://frozenui.github.io/ 作者： QQVIP FD Team Star：1,067 总结：如果拿 Frozen UI 配合一些如 APICloud 用来做混合 APP 感觉就太酷了，或者原生的火鸡们拿去嵌套在应用中做前端开发，这个框架对 android 2.3 +、ios 4.0 + 做了兼容，或者拿来做 Web App 也是极好的选择，劣势的话从 UI 层面就可以看到了，谁让它是出生在QQ会员前端的呢。 WeUI WeUI和 FrozenUI都属于比较专一的框架，WeUI比FrozenUI更专一，话说连个官网都不搞，所有答疑都在 gitHub Issues 解决了，这个框架极其简单，体积当然就不用说了，模块也就 7 个左右，不过体量小做的却不错，口碑看 star 就够了，框架从 16/1/23 发版至今 github star 超过 7K,不过也不排除用户没地方发泄所以都跑到 git 上来，哈哈。 Github：https://github.com/weui/weui DEMO：http://weui.github.io/weui/ Star：7,129 总结：看完微信设计团队设计的这套 DEMO，如果要做微信公众，这个二话不说必然是首选了。框架不好的地方简而言之就是框架本身应该就没考虑过让用户用到非微信的场景之下。 SUI “SUI 是一套基于bootstrap开发的前端组件库，同时它也是一套设计规范。通过SUI，可以非常方便的设计和实现精美的页面”。 果然还是直接引用官方给的枯燥无味广告要节省自己的脑细胞( 囧… )，当然了就像广告说的，如果你之前用过 Bootstrap， 那么可以轻松转向 SUI，这可能就是淘宝给前端屌丝们的福利了。 Github：https://github.com/sdc-alibaba/sui 官网：http://sui.taobao.org/sui/docs/index.html Star：120 Semantic UI 倒数第三个是 Semantic UI，接触这个框架还是因为 Bootstrap，Semantic UI 刚上线 github 就受到大量开发者的关注，以至于很多人拿它俩对比各种挑刺各种夸，是好是坏不能单凭别人三句四句就抬起手指开始赞，用了以后感觉 UI 上跟 Bootstrap 没太多的区别，不过代码命名规范上却相差甚大，本人认为 Semantic UI 是不是就想做的不一样，它的命名全是采用复合的方式，类名特别的离散，用的时候你得很小心自己扩展或者新增的 class 命名与它的类名冲突。 官网：http://www.semantic-ui.cn/ Github：https://github.com/semantic-org/semantic-ui/ Foundation Foundation 算是框架界的元老啦，都说框架去的早，而这个框架一直到现在依然这么的热门，如果你比较介意 Bootstrap 开发撞脸的尴尬事情，那么你可以考虑使用 Foundation 。即使你使用预定义的 UI 元素, 也不会与其他网站太像，就像官方说的给开发者更灵活的框架体验。 官网：http://foundation.zurb.com/ Github：https://github.com/zurb/foundation-sites Star：22,736 UiKit UIkit是YOOtheme团队开发的，在许多WordPress主题中都有应用(也就是如果你是个 WordPress 爱好者，那么这个框架应该比较适合深究)，并且框架能够通过GUI编辑器和手动编辑，所以它提供了一个灵活、强大的自定义机制。框架借助LESS、jQuery、normalize.css及FontAwesome开源项目的独有特点，整合成了这么一款轻量级、模块化的前端框架。 官网：http://getuikit.com/ Pure 终于最后一个了，我和你一样好开森 (～￣▽￣)～)，这个框架是我在做管理系统时接触的，选择使用也是因为框架小巧，并且是纯 CSS，没有太多的牵扯，好用来与其他框架快速结合使用。 官网：http://purecss.io/ Github：https://github.com/yahoo/pure/ Star：13,592 介绍完毕，估计你应该看出来了，我使用框架真的也就是遇到了需求，才选择了某个框架，所以框架之间并没有什么好与特好之分，只能说你的需求是什么，这个框架合适不合适你去用，各种框架用起来也都大致差不多，会用一个其他的上手也就都变得简单容易上手，我觉得能写框架的人都是室外高仁。 ====================================分割线================================文章转载自 开源中国社区[http://www.oschina.net]