在 app 界面布局和静态页面编写之前需要了解的事

Posted 2020-12-02 apicloud

　　

　　相信大家已经对 APICloud 平台及其开发流程有了基本的了解。本篇文章要和大家讨论怎样从零起步开发一款 app，首先明确的是要开发一款什么样的app。

　　以开发一款 O2O 类型的电商 app为例，大家可以在《30天，App开发从0到1》这本书的开源仓库 a 中下载这个 app 的 android 和 ios 安装包。安装完毕后，运行这个 app 体验并查看功能。

　　在开发这款 app 之前需要先做一系列的准备工作，内容包括:

　　需求梳理，输出需求说明文档;

　　UE 设计，输出产品原型; ?

　　UI 设计，输出 UI 效果图; ?

　　UI 架构设计，输出 App UI 架构设计文档; ?

　　功能分解，输出 App 功能分解文档;?

　　开放服务选择，输出第三方服务设计文档。 ?

　　大家可以在《30天，App开发从0到1》这本书的 GitHub 开源仓库中获得相关素材和帮助。 ?

　　在实现界面布局和静态页面的编写之前，要先了解app的启动过程：

　　1. APICloud App执行流程

　　一个 app 可能由两种方式被启动:

　　由用户手动启动(如点击 app 图标); ?

　　被其他 app 调用(如通过微信或支付宝等)。

　　App 启动之后做的第一件事是初始化引擎，这是内部过程,大家不必深究，把主要概念学会就可以。

　　?

　　2.Widget 和 Window

　　APICloud 引擎初始化时会创建两个 UI 组件实例，它们分别是 Widget 和 Window。

　　一般来说， 一个 App 包含一个 Widget 就够了，此时可以把这个 Widget 看作这个 App 本身。

　　3.App config.xml配置文件使用

　　在引擎初始化完成之后，App 会去解析 config.xml。这个文件在项目根目录下，它其中包含 了很多重要的配置信息，并且它会在 App 的编译和运行时被使用，会影响整个 App 在平台上的 表现，如视觉效果、权限、性能等。一些 APICloud 模块也会从 config.xml 文件中获取信息。关 于这个文件的可配置项可参照(http://docs.apicloud.com/Dev-Guide/app-config-manual)。

　　4. APICloud 引擎的两个重要事件

　　APICloud 引擎初始化完成后会发出两个重要的事件:

　　? content 事件; ?

　　? apiready 事件，这个事件是在 api 对象准备完成后产生的。 ?

　　开发者应该在页面的 javascript 代码中注册“apiready”事件，示例如下:

　　? ?

　　更多app资讯，请关注www.apicloud.com

　　提交app定制需求，了解报价和周期：

　　https://app.apicloud.com/index?uzchannel=500