APIcloud

最新推荐文章于 2025-10-31 10:49:18 发布

转载最新推荐文章于 2025-10-31 10:49:18 发布 · 1.7k 阅读

本文介绍了使用APICloud Studio 2开发移动应用的流程。包括准备工作，需下载安装开发环境；创建应用的两种方式，云端创建和在APICloud Studio中创建；还提及应用包结构、config.xml配置文件内容，以及前端使用文档和模块调用方法等信息技术相关内容。

一、准备工作
下载并安装APICloud Studio 2开发环境，APICloud Studio 2 当前支持Windows macOS Linux系统。https://www.apicloud.com/devtools
二、创建应用
两种创建应用的方式，云端创建或APICloud Studio中创建应用
云端创建应用：

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

应用概览页 www.apicloud.com/appoverview 可以看到应用相关信息，留意一下应用ID，APICloud Studio会用到
用以上注册的APICloud账号登录APICloud Studio
登录后，点击顶部菜单 --> 代码管理 --> 检出为 --> APICloud 云端应用
点击某个项目,支持根据应用名称和 appid 模糊搜索
输入要检出的版本,默认是检出全部;只检出最新,请输入 HEAD .回车确定即可.

在这里插入图片描述
APICloud Studio中创建应用：

登录APICloud Studio，没有账号点击“注册账号”
顶部菜单选择 “文件” → “新建” → “APICloud 移动应用”。
填写“应用名称”，“应用说明”,选择应用模板，点击完成，即完成创建。
同步本地应用到云端资源库

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

首先选择一个需要同步到云端资源库的项目。
在项目根目录上右键，选择 git --> Git add + commit,输入一段更改备注后,ctrl/cmd + S保存,即可将代码提交到本地 GIT 仓库.

本地提交可提交多次,支持批量将本地代码修改记录提供到服务器.在项目根目录上右键，选择代码管理 --> 同步到云端. APICloud 建议您,在每次同步到云端前,都先主动代码管理 --> 从云端同步,以便于团队协作.

5）其他上传代码的方式

使用TortoiseSVN（俗称“小乌龟”）等任何SVN工具提交代码。
三、应用包结构
在这里插入图片描述
config.xml”和 “index.html” 必须包含，其它均为可选。“config.xml”是配置文件，“index.html”是启动页面，“icon”为图标文件目录，“launch”为启动图片目录
四、config.xml 配置文件

<widget id="A12345678901"  version="0.0.1">
    <name>API Example</name>
    <description>
        API Example App.
    </description>
    <author email="developer@apicloud.com" href="http://www.apicloud.com">
        APICloud.SIR
    </author>
    <content src="index.html" />
    <access origin="*" />
    <preference name="windowBackground" value="#FFF" />
    <permission name="call" />
    <feature name="weiXin">
        <param name="urlScheme" value="wx7779c7c063a9d4d9" />
    </feature>
</widget>

“id”: 必填，应用ID，由云服务器自动分配。它是该应用的唯一标识。
“version”：必填，应用的版本号。
“name”：必填，应用名称。
“description”：可选，应用简单描述信息。
“content”：必填，应用运行的起始页。
“permission”：必填，权限配置。（详细介绍见应用配置指南文档）

前端使用文档
https://docs.apicloud.com/Front-end-Framework/framework-dev-guide
https://docs.apicloud.com/Client-API/api

模块调用
根据项目需求，添加所需模块
在这里插入图片描述
APICloud的模块都是标准的js对象，通过api.require即可调用。注意要在api对象就绪后调用模块。如：

 var dialogBox;
    apiready = function() { 
        dialogBox = api.require('dialogBox');
    }