APICloud如何创建第一个应用

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

准备工作

  • 01

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

创建应用

  • 01

    云端创建应用:APICloud提供了两种应用创建方式,方便开发者在云端和IDE中创建应用 注册并登录APICloud系统:点击左上角“创建应用”, 如图:选择“Native”,填写“名称”及“说明”,应用创建完成。

  • 02

    应用概览页可以看到应用相关信息,留意一下应用ID,IDE会用到。

  • 03

    用以上注册的APICloud账号登录IDE

  • 04

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

  • 05

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

  • 06

    点击“完成”,应用创建完成

IDE中创建应用

  • 01

    登录IDE,没有账号点击“注册账号”

  • 02

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

  • 03

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

    应用包结构

    • 01

      “config.xml”和 “index.html” 必须包含,其它均为可选。“config.xml”是配置文件,“index.html”是启动页面,“icon”为图标文件目录,“launch”为启动图片目录

      Config.xml 配置文件

      • 01

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

        前端开发框架

        • 01

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

          端API调用

          • 01

            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模块准备完毕时执行;

          真机同步调试

          • 01

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

          • 02

            等待同步完成,项目代码被拷贝到移动设备指定目录,移动设备上的APP Loader自动启动,即可实现真机同步调试。 点击顶部的“启动日志”按钮,当真机调试的应用有JavaScript错误时,IDE的控制台会有日志输出。

            本地打包

            • 01

              选择应用项目,右键选择“生成快速测试包”,填写“应用名称”,选择“生成平台”,点击“打包”,即可生成测试安装包

            云端编译

            • 01

              登录APICloud 系统,端设置可以上传启动页面和应用图标

            • 02

              正式版需要上传相应平台的证书,测试版不需要

            • 03

              代码可以把应用代码上传至APICloud服务器

            • 04

              模块选择应用需要的模块,添加进去

            • 05

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

            • 06

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

            (0)

            相关推荐

            • 图解利用Android Studio创建第一个应用程序

              本篇我们将使用Android Studio创建第一个简单的Hello World应用程序. 操作方法 01 打开Android Studio,加载画面如下图所示: 02 选择"Start a ...

            • 图解利用Anaconda创建第一个简单Python程序

              本篇将和大家介绍如何利用Anaconda创建第一个简单Python程序,希望对大家的工作和学习有所帮助! 操作方法 01 Anaconda的安装参考下面经验. 从开始菜单中找到Spyder,如下图所示 ...

            • 易语言零基础教程:[1]创建第一个易语言程序

              易语言是一款全中文可视化编程工具,其最大特点是入门要求低,只需要编程人员具备最基本的编程思维和掌握基本语法即可快速开发程序.由于易语言完全支持面向对象设计理念,因此更容易为大家所接受.下面就让我们一起 ...

            • Android Studio2.0怎么创建第一个应用?

              本篇经验将和大家介绍如何使用Android Studio开发应用,希望对大家的工作和学习有所帮助! 1.首先点击Start a new Android Studio Project创建工程,如下图所示 ...

            • creo4.0创建拉伸类型第一钣金壁

              下面介绍以拉伸的方式创建第一钣金壁. 操作方法 01 打开creo4.0软件,创建一个钣金模型文件. 02 单击"模型"功能选项卡"形状"区域中的"拉 ...

            • 编程入门第一站,如何创建第一个html网页

              html很简单,只需要简单的利用一些标签就可以得出效果,不需要过多的逻辑操作,所以html可以作为编程入门的第一站. 操作方法 01 首先,如果要创建一个网页,您需要拥有一个工具,用于创建它.对于ht ...

            • Android Studio第一个项目创建报错解决办法

              操作方法 01 官网下载的Android Studio(1.3.2)以及JDK,在线更新SDK,并创建第一个项目全部按默认进行空白的项目,报错:(无法解析或是找不到) 指向的原代码是这两个地方: an ...

            • Win7系统创建子域的过程图解以创建的test子域为例

              创建子域的过程和创建主域控制器的过程基本相似,下面以在dz. cn的域下面创建的test子域为例。 1)安装【DNS服务器】和【Active Directory域服务】角色 首先确认本地网卡的TCP/ ...

            • Windows 7系统创建子域的过程

              创建子域的过程和创建主域控制器的过程基本相似,下面以在dz. cn的域下面创建的test子域为例。 1)安装【DNS服务器】和【Active Directory域服务】角色 首先确认本地网卡的TCP/ ...