APICloud多端技术简介

在兼容和继承APICloud所有API、模块、技术栈以及用户体验的基础上，我们定义了一套新的代码编写标准(DSL)：基于标准Web Components组件化思想，兼容Vue / React语法特性，通过一次编码，分别编译为app、小程序代码，实现多端开发。

其中app代码基于DeepEngine3.0运行，全翻译式的运行原理提供完全原生的体验和性能。小程序代码被编译为符合微信小程序多端统一开发工具——kbone标准的代码，可直接在微信开发者工具中进行预览以及发布到微信小程序平台。为了让开发者更加快速的学习和了解APICloud多端开发技术，平台技术部发布了一个多端案例开源源码---生鲜电商，大家可以下载学习。

源码地址：

https://github.com/apicloudcom/avm-simple

视频教程观看地址(复制视频地址PC端打开即可观看)：
第一节：多端开发简介及效果预览

(https://dh6.ink/)Yyu)
第二节：商品列表，购物车，城市列表开发

(https://dh6.ink/)PKT)

第三节：导航栏，弹窗键盘，数据存储，窗口切换

(https://dh6.ink/UZ7H)

第四节：个人资料页功能开发

(https://dh6.ink/EX5w)

源码介绍
本源码为仿某生鲜电商平台，包含前后端，其中前端代码使用avm.js多端技术开发，可同时编译为Android & iOS App以及微信小程序；后端使用APICloud数据云3.0云函数自定义接口。源码目录结构介绍
目录结构延续widget代码包的目录结构，在widget根目录下新增pages目录，该目录下用于创建符合avm.js语法规范的stml文件，stml文件可用于编译为App和小程序代码。兼容微信小程序特别说明
avm.js基于函数映射机制，将微信小程序的wx.fun_xx系列api映射至APICloud的已有的api或者模块中。例如本案例中，api.ajax，在运行于微信小程序时，将会使用wx.request进行请求。因此开发者无需做额外的适配。如果您仅需开发小程序，则可以在代码中直接使用wx.fun_xx系列api，编译环境将保留代码，不做映射处理。

体验使用步骤

• 使用APICloud Studio 3 作为开发工具(https://www.apicloud.com/studio3)

• 下载本源码

• 在开发工具中新建项目，并将本源码导入新建的项目中，注意更新config.xml中的appid为你项目的appid

• 使用Applpader进行真机同步调试预览

• 或者提交项目源码，并为当前项目云编译自定义Loader进行真机同步调试预览

• 云编译 生成Android & iOS App以及微信小程序源码包

(注：AVM多端开发技术交流群：339762594)

往期推荐

• 概念到现实，折叠屏手机不断推新，如何为可折叠设备构建出色的APP？

• 2020即将走完，程序员版凡尔赛还是来了~

• 返场好戏，重“芯”出发，多终端应用统一指日可待？

• 双十一数据背后：新业态的崛起

• 生态，To B企业发展的核心要素？

“在看” 点这里