APIcloud平台开发第一天笔记

APIcloud开发培训第一天

1.APIcloud开发平台介绍

1.1使用api

核心模块在 window.api 对象下，不需要单独引用，可以直接调用
  api.methodName(param, callback);

  扩展模块需要 require 引入，遵守 CommonJS 规范
  var module = api.require('moduleName');
  module.methodName(param, callback);

  param: {} //参数，是一个JSON对象
  callback: function(ret, err){} //回调函数，是一个Function对象，方法调用的结果通过此函数返回

1.2APICloud平台的定位

2.APIcloud开发平台使用流程

3.应用需求分析

4.总体架构设计

4.1整体架构

!1531701720164

   是一种前后端分离的架构（移动端和服务端），并且前后端都可绝对分离，可以只用平台的移动端服务，自己搭建服务端应用，也可以只用平台的云端应用，而前端架构自己实现。

5.UI架构设计

5.1UI架构分析

Widget

Widget: Widget是APICloud应用运行管理的最小单位，每一个APICloud应用至少包含一个Widget，每一个Widget都具有独立的代码、资源和窗口系统，Widget之间可以相互调用。Widget在UI上表现为一个独立的窗口容器，内部可以包含Layout、Window或UIModule，并且同一时刻，应用中只能有一个Widget在界面上显示。

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

Layout

Layout: Layout实现了某一种特定的布局效果，通过定义好的布局来组织一组Window或Frame来完成整体的界面布局效果。每一个Layout内部可以包含Window和Frame。 (//docs.apicloud.com/Client-API/api#12)

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

Window

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

Frame

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

UImodule

UIModule: UI模块是由一组Native的视图组成，来实现某种特定的UI界面效果，可以是全屏展示也可以只填充指定的区域。每一个UI模块都具有自己独立的生命周期、界面布局、事件管理和数据交换。UI模块通常需要嵌入到Window或Frame中使用。
加载UIModule: api.require()
打开UIModule(以UIScrollPicture为例)(: UIScrollPicture.open()
关闭UIModule(以UIScrollPicture为例)(: UIScrollPicture.close()

5.2 理解渲染机制

浏览器的渲染机制

APIcloud混合模式渲染机制

6.功能点分解

7.开放服务选择

8.数据接口定义

8.1 接口文档

9.应用证书和第三方Key申请