新手开发指南

欢迎来到 APICloud!

APICloud自3.0起,已从跨平台技术全面升级为多端技术:

  1. 开发者使用AVM.JS一个技术栈即可同时开发Android & iOS APP和小程序;

  2. 全新的APP引擎DeepEngine3.0提供完全原生的渲染,保障APP性能和体验与原生APP一致;

  3. 提供api对象下的接口直接映射兼容小程序接口,延续已有开发习惯;

同时APICloud3.0仍然保留了2.0的所有技术栈和开发体验,为方便开发者对跨平台技术和多端技术的理解和区分,我们对创建的应用类型进行了明确的区分。

主要包括4种类型:

1. Native App:

  即原生应用,3.0在2.0跨平台技术的基础上,新增了AVM.JS开发框架以及全新的原生App渲染引擎DeepEngine3.0。

  开发者可使用标准HTML5(包括HTML/CSS/JS技术以及Vue/React等框架技术)或AVM.JS技术进行开发,一套代码同时生成Android & iOS原生APP,现有的1000+功能模块和20000+API可直接调用。

  如果使用标准HTML5进行开发,App渲染依然使用2.0的Webview引擎进行渲染;

  如果使用AVM.JS进行开发,App将使用无Webview的原生引擎DeepEngine3.0进行渲染,所有组件及视图与Android & iOS系统原生组件和视图百分百对齐。例如使用list-view进行布局,意味着您的列表将具备回收能力,即使面对数以万计的列表项或者瀑布流图片,也不会产生因内存溢出而导致闪退的问题,并且在滑动性能和流畅度上远胜于Webview视图的DOM滑动。

  一个App可完全使用HTML5进行开发,也可以完全使用AVM.JS技术进行开发,或两者在同一个App中混合使用。

  ** Native App适合功能强大、性能卓越的APP开发,如果您仅有App需求,应选择Native App模式。

2. MX App:

  即多端应用(Multiexperience App),使用AVM.JS技术一次开发,可同时生成小程序、Android & iOS App多终端应用,提供现有的api对象下的接口直接调用为小程序接口,例如api.ajax将对应调用小程序的wx.request。

  多端应用与Native App的区别在于,多端应用要求必须使用AVM.JS框架及语法进行开发,开发过程应使用文档中具有“通用”或者“小程序和App适用”标识的组件或者api进行开发,例如不应该在多端应用中使用list-view组件,因为list-view组件是专门为App定制的,它无法被编译为小程序(因为小程序平台并未提供类似的组件和能力)。

  ** MX App适合小程序优先的场景,如果您有小程序需求,而并不关心App侧的功能,应选择MX App模式。开发完的小程序代码,可百分百编译为同等功能的App,相当于开发一个小程序,“白送”一个 App。

3. App Clip:

  即iOS轻App,是苹果公司在iOS14最新推出的无需下载、即搜即用的全功能App,属于主App的一部分,可以理解为“苹果小程序”。

  轻App的开发流程同Native App基本一致,开发者可使用标准HTML5或AVM.JS技术进行开发,通过APICloud云编译可一键编译为轻App安装包,可用于对已有的主应用进行关联。如果您的主应用也是使用APICloud开发,云编译将提供主应用和轻App关联、证书配置等自动化功能。

4. Web App:

  提供将已有HTML5网站一键打包成Android & iOS原生APP的能力,远程web页面也能调用现有的1000+功能模块和20000+API。

  ** Web App适合Web优先,不介意用户体验和性能的场景。

如果您对使用 APICloud 平台开发感到无从下手,现在您可以通过阅读此文档来得到帮助。

我们根据不同的应用需要,为您提供了 Deep Engine适合 Web 开发者)、SuperWebView适合已有原生应用的开发者)以及 数据云3.0 (适合需要快速简便实现服务端的开发者)。

使用下述导航菜单可以更进一步使用 APICloud。

一起开发第一个应用

针对从未使用过 APICloud 开发的开发者,我们以图文形式提供了详细的上手文档。参考文档 创建第一个应用 了解更多。

了解开发工具使用

我们不会对开发工具做任何限制,您使用任何 HTML5 开发工具都可以进行 APICloud 应用的开发工作。

如果您对 APICloud 开发尚未熟悉,在众多 HTML5 开发工具中,我们更建议您选择以下开发工具:

APICloud Studio3

  • APICloud Studio3详情页面

    • 基于业界领先的代码编辑器-Vscode深度定制,帮助您快速轻松地构建多端应用 我们为 Windows、Mac和Linux提供了出色的开发体验,您可以使用自己喜欢的操作系统进行开发

      APICloud Studio3文档 studio3文档

新手必看视频

如果您希望通过更轻松的方式学习 APICloud 相关知识,我们也为您提供了大量的基础入门解说视频。

  • 系统讲述 APICloud 知识体系
  • 开发应用演示
  • 开发工具演示
  • 模块开发讲解
  • 培训课程
  • 持续更新中

您可以通过这里观看 视频教程

查看真实成功案例

时至今日,已经有无数使用 APICloud 开发的应用获得了成功,这些应用在体验、创新、业务上是如何做的?

APICloud 官方会定期更新由开发者申请展示的 成功案例

如果您也有成功案例希望展示,不要忘了联系我们

最新APICloud 3.0案例

生鲜电商模板

此模板为生鲜电商类型,主要功能包括商品列表展示、商品详情查看、购物车、登录注册、个人中心、基础设置等。通过此模板的使用能快速上手avm多端开发技术,并能在此模板基础上快速开发出一套完整的生鲜电商类应用。

点餐模板

《点餐》项目是一个餐饮商户单商家堂食下单应用。主要功能包括浏览商家主页信息、查看推荐菜品、下单商品、取餐等号等功能。

企业展示模板

此模板为企业展示类型,主要功能包括企业信息展示、案例展示、加盟申请等。通过此模板的使用能快速上手avm多端开发技术,可以帮助企业快速拥有自己的网络名片,不但对企业的形象是一个良好的宣传,同时可以辅助企业销售,企业可以用来展示产品、案例、宣传企业文化、资讯动态等。

APICloud 2.0案例

火星人俱乐部

火星人俱乐部App是一款致力于为青少年提供物理科学教育的移动应用,学生可在线浏览和观看物理电子、机器人、3D打印、天文地质等多领域的科学课程,激发孩子们对科学的了解和探索!

会计学堂

会计学堂是深圳快学教育发展有限公司开发的在线会计学习系统,老会计手把手教做账,专业财会老师在线解答,行业会计实操、财务EXCEL、会计做账报税、会计实务、财务软件做账等在线直播学习平台。

蕉梨健身

蕉梨健身App,海量专业私教为用户量身定制运动计划、饮食计划,全程督导、实时反馈,在线解答健身、饮食问题,线上结合线下陪伴式私教服务,随时随地助您练就健康身材

w3cschool

w3cschool是一个编程入门学习及编程文档教程查阅APP,提供包括HTML,CSS,Javascript,jQuery,C,PHP,Java,Python,Sql,Mysql等编程语言和开源技术的在线教程及使用手册,是类国外w3schools的W3C学习社区及菜鸟编程课程学习平台。

查看更多真实案例请点击 成功案例

查看开发者案例源码

您可以通过借鉴各大知名应用的布局、交互、体验、结构等经验为自己的应用带来高体验。

仿大众点评

  • 提供者:开发者
  • 大众点评在 o2o 中应该算是最成功的案例之一了,功能之复杂、使用之便利,有很多值得我们学习的地方!

仿今日头条

  • 提供者:开发者
  • 经典 新闻类 APP 仿今日头条,带有教程文档,欢迎大家下载体验!

仿天猫商城

  • 提供者:开发者
  • 应该没人不知道天猫了,而天猫 App 的体验无疑甩亲兄弟手机淘宝几条街,快来看看她是如何做到的吧!

仿脉脉

  • 提供者:开发者
  • 经典 社交 APP 仿脉脉,带有教程文档,欢迎大家下载体验!

仿网易新闻

  • 提供者:开发者
  • 大名鼎鼎的网易新闻,新闻类 App 的代表,有很多自己对新闻类 App 的经典理解。

仿网易云音乐

  • 提供者:开发者
  • 音乐类 App 的代表,如果您正想开发一款音乐类的 App,那么这个案例一定能给您带来很多帮助!

更多源码:https://github.com/apicloudcom/APICloud-App-Templates

掌握文档用法,提高开发效率

我们想让开发者了解,在开发过程中借助文档解决问题才是最效率和省力的方式。

下面为您列出一些常用文档

您还可以通过手动搜索来找到需要查看的文档

  • 首先,打开 文档首页

    图片说明

  • 在搜索框中输入模块中文或英文名称或模块功能描述关键字等进行搜索

    图片说明

  • 在搜索结果列表中选择自己需要的文档进行阅读

  • 我们可以在文档中查看以下信息:

    引擎文档: 点击导航切换到相应栏目查看。

    图片说明

    模块文档: 图片说明

利用社区解决疑问

如果您希望和更多 APICloud 开发者交流经验、得到 APICloud 官方技术支持或开发者帮助,请多多利用社区。社区可以为您提供大量帮助。

社区入口

图片说明

社区组成

图片说明

新手推荐

当使用 APICloud 时碰到了问题或寻找解决方案,都可以先查看《APICloud新手教程集合贴》,这里有各种您想得到想不到的示例、源码、说明等。

图片说明

官方 FAQ

当出现问题后,可以先在社区内查看 FAQ 列表,往往可以直接找到常见问题解决方案。

社区的 FAQ 都是由 APICloud 官方根据开发者常见问题总结的经验帖

  • 首先,进入开发讨论版块

  • 点击 FAQ 标签

图片说明

社区帖子搜索

当出现问题后,可以先在社区内搜索一下有没有一样不走运的小伙伴也碰到了同样的疑问,往往比自己发帖更快捷有效。

社区的搜索是全站搜索哦,只要标题和内容里出现过的关键字都能被搜索出结果

  • 输入问题关键字进行搜索

图片说明

前端框架选择

APICloud 并不会限制开发者使用任何前端框架,但不建议您使用体积较大的框架。为了保证应用体验,我们推荐您使用一些轻量级的、移动优先的前端框架。

下面为您推荐一些我们认为对开发有帮助的框架

api.js

api.js 是由 APICloud 官方为您提供的辅助脚本框架,遵循主流前端框架 jQuery 的使用习惯。

您可以查看文档了解 api.js 使用方法,也可在 download 进行下载。

api.css

api.css 是由 APICloud 官方为您提供的浏览器样式清除框架,使用它可以让我们的页面 HTML 元素在所有手机上表现一致。

您可以查看文档了解 api.css 使用方法,也可在 download 进行下载。

AUI

AUI 是由 APICloud 明星开发者提供的一款前端布局框架,一经推出就得到了广大开发者的认可。您可以利用 AUI 实现各种页面类型的快速布局。

了解更多有关 AUI 的使用方式及下载地址请查看 github.com/liulangnan/aui

swipe.js

swipe.js 框架可以让您的页面快速实现多屏切换、轮播图等功能,并且切换流畅。

了解更多有关 swipe.js 的使用方式及下载地址请查看 github.com/apicloudcom/framework-swipe-js

dot.js

当您使用 Web 方式显示数据列表时,使用 js 模板可以有效提高开发效率和运行体验,通过简单的自定义语法即可完成复杂布局的列表开发。

了解更多有关 dot.js 的使用方式及下载地址请查看 github.com/apicloudcom/demo-dot

SHA1.js

当您需要使用 sha1 算法进行数据加密时,这个框架可以帮您轻松实现。

了解更多有关 SHA1.js 的使用方式及下载地址请查看 github.com/apicloudcom/mcm-js-sdk

APICloud-rest.js

APICloud 为您提供了简单快捷的数据云服务,当您需要使用数据云时,推荐使用 APICloud-rest.js 框架进行数据云操作,该框架可以极大的提高您的开发效率。

了解更多有关 APICloud-rest.js 的使用方式及下载地址请查看 github.com/apicloudcom/mcm-js-sdk

更多增值服务

为了让您在使用 APICloud 开发应用时更方便、解决问题更效率以及得到最专业的建议,我们还提供了一些付费服务供您选择

VIP付费版 使用权限大并提供专属增值服务,一对一优先技术支持帮助您快速开发及解决app问题、可免费使用iOS测试证书、享有高速打包通道、模块8.5折专属优惠特权、 协作人员权限管理等专属增值服务。

7天培训课程 课程旨在从实践角度出发,一个实际应用案列,全面、系统、细致的App开发内容,涵盖从平台工作原理、内部实现机制和应用开发技巧。

优先技术支持 在遇到时间紧急、难度较大或专业度较高的技术难题时,APICloud 专家团将为您提供最优质的技术支持服务,能够节省项目的时间成本,保障项目的顺利实施。

渠道打包服务 APICloud 渠道打包是针对安卓应用提供的一键多渠道打包功能,方便进行数据统计。我们支持一键生成 12 种常用渠道的安装包,同时我们提供专属服务器进行多渠道打包,更快速,更简便!

官方书籍 本书涵盖了APICloud应用开发的知识,包括基础知识、关键技术、开发技巧和行业方案,并从实践角度出发,通过大量的实例代码、详细的操作步骤和丰富的开发截图,帮助开发人员迅速掌握APICloud应用开发,有能力制作出好的App。