APICloud是国内低代码开发平台的引领者与效率革命的探索者,基于云原生、混合开发、API连接、DevOps等能力的广泛应用,完成了从移动开发平台向低代码开发平台的演进,并形成了坚实的生态壁垒和先进的敏捷开发能力;在APICloud低代码开发平台,可将原有数月甚至数年的开发时间成倍缩短,加速企业级应用的研发与落地,从而为企业降本增效,轻松应对创新性数字化挑战。

APICloud应用设计思想

Client/Cloud架构设计,完整的前后端分离,在移动端实现界面和功能,在服务器端提供数据和服务。

API对象

是入门 APICloud 必须了解和熟练掌握的一个基础对象。api 对象提供了构建应用程序所需要的一些基本的方法[Method],如窗口操作、相册和网络数据访问等;以及一些常见的属性[Attribute],如屏幕宽度(screenWidth),系统类型(systemType)等;还有一些常用事件[Event],如电量低(batterylow)事件、应用进入后台(pause)事件。api 对象不需要require 引用,可以直接在 js 中使用。

界面布局5大组件

Widget:是APICloud应用运行管理的最小单位,每一个APICloud应用至少包含一个Widget,每一个Widget都具有独立的代码、资源和窗口系统,Widget之间可以互相调用。Widget在UI上表现为一个独立的窗口容器,内部可以包含Layout、Window或UIModule,并且同一时刻,应用中只能有一个Widget在界面上显示。主Widget容器(Main Widget):是一个APP所有的UI组件的父容器,由引擎初始化完毕后自动创建,如果关闭了主Widget,那么整个应用也就退出了。

打开Widget:api.openWidget()
关闭Widget:api.closeWidget()

Layout:实现了某一种特定的布局效果,通过定义好的布局来组织一组Window或Frame来完成整体的界面布局效果,每一个Layout内部可以包含Window和Frame。

打开FrameGroup:api.openFrameGroup()
关闭FrameGroup:api.closeFrameGroup()

Window:是一个独立的Native窗口(Android或IOS),是APICloud应用界面的基本组件,每一个APP都是由多个Window组成,Window所承载的内容由其加载的HTML页面决定。每一个Window都是独立的Web容器,有自己独立的Dom树结构,并且独立进行渲染。Window的起点位于屏幕左上角,宽高占满屏幕,不可修改。Window内部可以包含Layout、Frame和UIModule.

打开Window:api.openWin()
关闭Window:api.closeWin()

Frame:是一个独立的Native窗口(Android或IOS),视图所承载的内容其所加载的HTML页面决定,每一个Frame都是独立的Web容器,有自己独立的Dom树结构,并且独立进行渲染,Frame的位置和宽高可通过参数配置。Frame通常作为一个子视图,嵌入到Window或Layout中,Frame内部可以包含UIModule.

打开Frame:api.openFrame()
关闭Frame:api.closeFrame()

UIModule:UI模块是由一组Native的视图组成,来实现某种特定的UI界面效果,可以是全屏显示也可以是只填充指定的区域,每一个UI模块都具有自己独立的生命周期、界面布局、事件管理和数据交换。UI模块通常需要嵌入到Window或Frame中使用。

加载UIModule:api.require()
打开UIModule(以UIScrollPicture为例):UIScrollPicture.open()
关闭UIModule(以UIScrollPicture为例):UIScrollPicture.close()

前端框架选择

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

模块

模块是对api功能的一个扩展,平台模块Store里面提供了丰富的各种模块如百度地图、极光推送、微信登录等,使用模块之前需要先在开发控制台模块页面进行添加。或者通过config.xml中的feature字段添加模块,参考feature配置

APICloud体系介绍 - 图1