APICloud多端技术简介
在兼容和继承APICloud所有API、模块、技术栈以及用户体验的基础上,我们定义了一套新的代码编写标准(DSL):基于标准Web Components组件化思想,兼容Vue / React语法特性,通过一次编码,分别编译为APP、小程序代码,实现多端开发。
其中App代码基于DeepEngine3.0运行,全翻译式的运行原理提供完全原生的体验和性能。小程序代码被编译为符合微信小程序多端统一开发工具——kbone标准的代码,可直接在微信开发者工具中进行预览以及发布到微信小程序平台。
为了让开发者更加快速的学习和了解APICloud多端开发技术,会陆续推出新的源码供大家学习与使用。本次推出一款多端源码-《拼团商城》,可以体验一套代码编译app+小程序。
此源码为拼团商城类型,主要功能包括商品分类、商品详情、商品搜索、拼团、订单管理等。包含前后端,其中前端代码使用 avm.js 多端技术开发,可同时编译为 Android & iOS App 以及微信小程序;后端使用 APICloud 数据云 3.0 云函数自定义接口。 源码目录结构介绍目录结构延续 widget 代码包的目录结构,pages 目录下用于创建符合 avm.js 语法规范的 stml 文件,stml 文件可用于编译为 App 和小程序代码。
- |---widget // widget 代码根目录
- | |---components // stml 组件目录。该目录下 stml 文件仅被 pages 目录下页面引用,不单独编译
- | |---css // 外置引用的 css 文件存放目录
- | |---image // 图片资源文件目录
- | |---pages // stml 页面代码文件目录。该目录中每个文件对应一个页面,将被编译为 js 或者小程序的3个代码片段
- | |---index // stml 页面代码文件子目录。如果您希望您的 App 能够兼容微信小程序,需按照微信小程序目录结构,新增一层子目录,并将 stml 文件置于该目录下
- | |---html // 标准 html 页面代码文件目录
- | |---res // res 目录
- | |---script // 外置引用的 js 文件存放目录
- | |---config.xml // app 配置文件
- |</font>
复制代码
使用步骤- 使用APICloud Studio 3 作为开发工具。
- 下载本源码。
- 在开发工具中新建项目,并将本源码导入新建的项目中,注意更新 config.xml 中的 appid 为你项目的 appid。
- 使用 AppLoader 进行真机同步调试预览。
- 或者提交项目源码,并为当前项目云编译自定义 Loader 进行真机同步调试预览。
- 云编译 生成 Android & iOS App 以及微信小程序源码包。
联系我们如果您在使用过程中遇到了问题,或者有更多的宝贵意见,欢迎到 APICloud 社区和 QQ 群与我们进行互动讨论。
|