YonBuilder移动应用开发

1、YonBuilder开发平台

特点：

一套代码开发多种应用：Android & iOS App和小程序；

减少开发周期，迭代周期，降低企业成本；

可视化编程工具，无需代码即可快捷的生成应用。

技术栈：AVM.JS

四种模式：

Native App（原生app）

只能开发Android & iOS App；功能强大，性能卓越；使用标准html5或者AVM.JS技术（推荐）。

MX App（小程序）

开发小程序优先，开发完小程序还可以编译成同等功能的App；只能使用AVM.JS技术；api对象下的接口直接调用小程序接口，api.ajax调用对应的wx.request。

App Clip（iOS轻app）

开发跟Native App一致。

Web App（h5网站）

性能体验比前面的稍差，可以将h5网站打包成app。

2、开发工具APICloud Studio3

手机安装App Loader用于真机调试；可视化工具

3、AVM.JS

强大的自定义组件

stml文件

结构与vue的单文件组件sfc文件相似

4、创建一个APP

目录介绍：

test--项目名

component--公共组件目录

css--公共样式

html--一般用不上

icon--本地调试用的图标

image--组件的公共图片

launch--本地app启动的图片

pages--页面

res--原生内容

script--公共js代码

wgt--子应用

config.xml--整体应用配置文件

config.xml配置文件

包含名称、作者信息、描述、云端id、权限配置、模块预览等，是整个应用的入口。

项目文件：

AVM内置组件（template）

safe-arae：用来定义安全区域，使得内容不会被手机刘海屏挡住。

view：容器组件，类似div。

text：文本组件，用于显示文本内容。

scroll-view：定义滚动区域

JS对象（script）

name：组件名，保持唯一。

apiready（）{}：生命周期函数，当组件渲染完成后触发，一般用于发送请求、设置定时器、绑定事件等异步任务。

data（）{}：定义动态数据。

调试项目：

实时预览、真机wifi调试