APP开发平台 > Blog > APICloud新手学html5移动开发指南

欢迎来到 APICloud

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

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

此外,您还可以参考 平台介绍 了解更多有关 APICloud 的介绍。

平台介绍链接:http://docs.apicloud.com/APICloud/platform-intro

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

一起开发第一个应用

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

创建第一个应用链接:http://docs.apicloud.com/APICloud/creating-first-app


了解开发工具使用

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

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

如果您在真机同步时碰到了问题,可以查看 解决办法

解决办法:http://community.apicloud.com/bbs/forum.php?mod=viewthread&tid=1125&extra=page%3D1

Sublime Text 3

  • 开发工具插件

    • Sublime APICloud Plugins 是 APICloud 为开发者提供的一套开源的 Sublime Text 扩展插件,包括:应用管理、应用框架、页面模板、代码提示、代码管理、Widget 打包、真机同步、日志输出、管理自定义AppLoader等功能,其他的功能插件也在不断增加,这些插件已被 Package Control 成功收录,开发者可以直接在 Sublime Text3 中下载安装;所有插件都已开源,开发者也可以在此基础上按需求扩展自己的插件。

  • 开发工具使用视频http://community.apicloud.com/bbs/forum.php?mod=viewthread&tid=9306&extra=page%3D1

    • 按照实际开发步骤为您详细演示 Sublime Text 3 及 Sublime Text 3 插件如何下载、安装、设置等,并区分 windows / mac os 系统。

    • 持续更新中

APICloud Studio

  • 开发工具插件

    • Eclipse APICloud Plugins 基于 Eclipse 和 Aptana Studio 3 进行扩展,集成了包括:应用管理、模版框架、云端同步、代码管理、代码提示、本地打包、真机同步、AppLoader 管理,编译自定义 AppLoader 等功能。企业和开发者也可以在此开源代码的基础上定制自己的APICloud开发工具。

  • 开发工具使用视频

    • 即将推出

WebStorm

  • 开发工具插件

    • WebStorm APICloud Plugins 是 APICloud 为开发者提供的一套开源的 WebStorm 扩展插件,包括:应用管理、应用框架、页面模板、代码提示、代码管理、Widget 打包、真机同步、日志输出、管理自定义 AppLoader 等功能,其他的功能插件也在不断增加;所有插件都已开源,开发者可以下载这些插件在自己的 WebStorm 中安装后使用,开发者也可以在此基础上按需求扩展自己的插件。

  • 开发工具使用视频

    • 即将推出

观看基础入门视频

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

  • 系统讲述 APICloud 知识体系

  • 开发应用演示

  • 开发工具演示

  • 模块开发讲解

  • 培训课程

  • 持续更新中

您可以通过这里观看 视频教程合集:http://www.apicloud.com/video_list

查看真实成功案例

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

APICloud 官方会定期更新由开发者申请展示的 成功案例:http://www.apicloud.com/cases

如果您也有成功案例希望展示,不要忘了联系我们:http://community.apicloud.com/bbs/forum.php?mod=viewthread&tid=10185

春秋航空

  • 开发方式:SuperWebView

  • 类型:生活服务

  • Demo 版:7 天

  • 正式版:30 天

  • 团队:1 人

偶偶足球

  • 开发方式:Deep Engine

  • 类型:体育

  • Demo 版:40 天

  • 正式版:120 天

  • 团队:2 人

雪瓣

  • 开发方式:Deep Engine

  • 类型:体育

  • Demo 版:10 天

  • 正式版:365 天

  • 团队:3 人

中兴付

  • 开发方式:Deep Engine

  • 类型:生活服务

  • Demo 版:7 天

  • 正式版:45 天

  • 团队:6 人

wo流量钱包

  • 开发方式:Deep Engine

  • 类型:生活服务

  • Demo 版:7 天

  • 正式版:30 天

  • 团队:3人

小葱钱包

  • 开发方式:Deep Engine

  • 类型:生活服务

  • Demo 版:45 天

  • 正式版:45 天

  • 团队:1人

查看开发者案例源码

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

以下例子源码下载地址:http://www.apicloud.com/source_code

APICloud Demo

  • 提供者:APICloud

  • APICloud Demo 是我们利用 APICloud 技术开发的各种系统接口、模块调用示例,方便用户直观了解模块效果、调用方式、设置方式等。

玩转晋城

  • 提供者:开发者

  • 经典 o2o 本地生活服务 APP 玩转晋城,带有教程文档,欢迎大家下载体验!

仿大众点评

  • 提供者:开发者

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

仿饿了么

  • 提供者:开发者

  • 送餐类 App 的又一个传奇,用户操作非常方便!

仿天猫商城

  • 提供者:开发者

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

仿网易新闻

  • 提供者:开发者

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

仿QQ电影票

  • 提供者:开发者

  • o2o 类的应用,让我们多参照几个 o2o 应用,看看怎样的 o2o 应用容易成功。

仿搜狐视频

  • 提供者:开发者

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

仿网易云音乐

  • 提供者:开发者

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

仿美团网

  • 提供者:开发者

  • 随着外卖行业越来越流行,而外卖市场的竞争同样激烈,什么样的形式更能留住用户,美团拥有绝对的发言权!

仿途牛旅行

  • 提供者:开发者

  • 旅游业早已火爆多年,而出名的就那么几个,借鉴他们的经验准没错!

仿返利网

  • 提供者:开发者

  • 返利网是一个比较有创意的 App,如果您刚好有这样的需求,可以参考一下!

仿糗事百科

  • 提供者:开发者

  • 糗事百科虽然主要胜在内容品质,但该应用在设计上也有不少可圈可点的亮点!

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

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

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

  • 开发工具插件文档

  • API 对象文档 :http://docs.apicloud.com/Client-API/api

    • 所有 API 对象下的函数、事件、常量、属性都可以在这里查看

  • 数据云文档 :http://docs.apicloud.com/Cloud-API/data-cloud-api

    • 对数据云做了全面、详尽的定义,包括:REST ful 机制、口令算法、数据访问链接生成原理等

  • SuperWebView

    • android 版 :http://docs.apicloud.com/Dev-Guide/SuperWebview-guide-for-android

    • ios 版 :http://docs.apicloud.com/Dev-Guide/SuperWebview-guide-for-ios

  • 如何在 APICloud 平台使用腾讯 X5 引擎:http://docs.apicloud.com/Dev-Guide/X5-APICloud-guide

    • 使用腾讯 X5 引擎可以让您 Web 页面动画更平滑、渲染速度更快,并带有最新的腾讯浏览器生态能力。

  • 如:config.xml 配置自定义 Apploader云修复版本管理 等更多技术专题文档可通过下述方式查看

    • 首先,打开 文档首页 并选择左侧的 技术专题

从页面左侧导航中选择需要的专题进行查看

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

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

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

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

  • 快速导航

接口定义


接口回调

示例代码

引擎、模块常量

引擎、模块属性

引擎、模块事件

利用社区解决疑问

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

社区入口


社区组成

新手推荐

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

社区帖子搜索

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

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

  • 首先,搜索关键字

  • 在搜索结果列表中选择需要的帖子查看

前端框架选择

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 开发应用时更方便、解决问题更效率以及得到最专业的建议,我们还提供了一些付费服务供您选择

优先技术支持

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

渠道打包服务

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

七天在线速成课程

  • 7 天掌握“跨平台APP开发”,技术专家亲自授课,手把手教你写代码。


读过本文的人还读了:

LocalStorage与sessionStorage 清除登陆数据的差异

ios只需要填写bundleId aliTrade模块使用攻略

mcm模块使用攻略—relation对象详解

PersonalCenter模块开发文档 详细介绍PersonalCenter应用场景

APP开发需要多少钱?5步搞清App软件在线开发、App制作成本!

完整APP应用软件开发流程图 告诉你开发一个APP真的有那么难吗?

2017-08-11 来源:APICloud

高效的App定制平台,保上线、便宜、快!

提交APP定制开发需求