视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
手机app开发的十大流程
2025-10-03 15:08:22 责编:小OO
文档
APP应用开发的十大流程

应用简介

本文档会逐步引导您,快速开发一个简单应用。应用将包含简单的文件读写功能,所有步骤涉及APICloud Studio的使用、APICloud平台使用、端API调用等各方面知识介绍。

一、准备工作

下载并安装APICloud Studio开发环境,APICloud Studio当前支持Windows系统。

二、创建应用

APICloud提供了两种应用创建方式,方便开发者在云端和APICloud Studio中创建应用。

云端创建应用:

1) 注册并登录APICloud系统:http://www.apicloud.com/console 点击左上角“创建应用”, 如图:选择“Native”,填写“名称”及“说明”,应用创建完成。

应用概览页 http://www.apicloud.com/appoverview 可以看到应用相关信息,留意一下应用ID,APICloud Studio会用到。

2) 用以上注册的APICloud账号登录APICloud Studio

3) 登录后,左侧选择“云端资源库”,根据APICloud 创建的应用ID 选择SVN 项目。

4) 选择项目,右键“检出为”

5) 点击“完成”,应用创建完成。

APICloud Studio中创建应用:

1) 登录APICloud Studio,没有账号点击“注册账号”

2) 顶部菜单选择 “文件” → “新建” → “创建APICloud项目”。

3) 填写“应用名称”,“应用说明”,点击完成,即完成创建。

4) 同步本地应用到云端资源库

开发者在APICLoud Studio创建的应用会和云端资源库建立连接。项目代码改动后,可以使用APICLoud Studio的代码提交功能提交代码到云端资源库。

操作流程

∙首先选择一个需要同步到云端资源库的项目。

∙在项目上右键,选择云端同步—提交。

∙在打开的提交界面输入提交信息后点击完成。即可提交项目代码到云端资源库中。

5)其他上传代码的方式

第一种方式: 也可在网站控制台-端开发-代码界面上传整个项目的zip格式压缩包。(项目的根目录名要改为 widget。即压缩后为widget.zip。)

第二种方式: 使用TortoiseSVN(俗称“小乌龟”)等任何SVN工具提交代码。

在电脑上新建一个文件夹,命名为您的项目名。在文件夹中右键,选择 SVN Checkout。出现如下界面:

填入网站的项目地址,检出到的本地地址。点击ok即可。(前提是已经登录过APICloud Studio, 否则需要输入您在APICloud注册的用户名,及点击获取分支密码获得的密码。)

三、应用包结构

“config.xml”和 “index.html” 必须包含,其它均为可选。“config.xml”是配置文件,“index.html”是启动页面,“icon”为图标文件目录,“launch”为启动图片目录(更多介绍详见Widget包结构说明文档)。

四、Config.xml 配置文件

API Example

        API Example App.

        APICloud.SIR

∙“id”: 必填,应用ID,由云服务器自动分配。它是该应用的唯一标识。

∙“version”:必填,应用的版本号。

∙“name”:必填,应用名称。

∙“description”:可选,应用简单描述信息。

∙“content”:必填,应用运行的起始页。

∙“permission”:必填,权限配置。 (详细介绍见应用配置指南文档)

五、前端开发框架

我们提供了核心的api.css和api.js前端框架,可与第三方前端框架混用,也可不用我们的框架;api.css 处理不同平台浏览器的默认样式,api.js 提供最基础的 JavaScript 方法,所有方法在 window.$api 对象下。

(详细文档见Framework开发指南文档)

六、端API调用

1.核心模块在 window.api 对象下,默认提供该模块,不需要单独引用。

2.扩展模块在相应的模块对象下(例如:文件系统模块在fs对象下),需要require引入(var fs = api.require('fs'))。API核心模块已经覆盖一般应用的绝大部分功能。

3.模块中所有方法均遵循 api.functionName(params, callback)格式,params为JSON格式,callback是Function类型,callback返回两个参数,均为JSON格式:callback(ret, err),ret处理成功信息,err处理错误信息。

4.apiready 方法在所有核心API模块准备完毕时执行。

(详细介绍见api文档)

七、真机同步调试

打开APICloud Studio,用数据线连接移动设备,当前项目下,右键选择“一键真机同步测试”

等待同步完成,项目代码被拷贝到移动设备指定目录,移动设备上的APP Loader自动启动,即可实现真机同步调试。

点击顶部的“启动日志”按钮,当真机调试的应用有JavaScript错误时,APICloud Studio的控制台会有日志输出。

八、本地打包

选择应用项目,右键选择“生成快速测试包”,填写“应用名称”,选择“生成平台”,点击“打包”,即可生成测试安装包。(更多详尽功能参见APICloud Studio使用指南)

九、云端编译

登录APICloud 系统

∙端设置 http://www.apicloud.com/CADConfig 可以上传启动页面和应用图标

∙证书 http://www.apicloud.com/certificate 正式版需要上传相应平台的证书,测试版不需要

∙代码 http://www.apicloud.com/code 可以把应用代码上传至APICloud服务器

∙模块 http://www.apicloud.com/module 选择应用需要的模块,添加进去

∙云编译 http://www.apicloud.com/package 选择“云编译”菜单,选择相应平台(Android 或 iOS),选择编译类型(测试版或正式版),点击“云编译”按钮,耐心等待编译完成

∙下载安装 扫描二维码可以下载安装应用至移动设备

十、Sample Code

参照我们的示例代码快速上手开发第一个应用吧,Happy Coding!下载本文

显示全文
专题