|
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 和小程序代码。 - <font face="微软雅黑" size="3"><font size="3" face="微软雅黑"><font size="3" face="微软雅黑">|---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></font></font>
使用步骤- 使用 APICloud Studio 3 作为开发工具。
- 下载本源码。
- 在开发工具中新建项目，并将本源码导入新建的项目中，注意更新 config.xml 中的 appid 为你项目的 appid。
- 使用 AppLoader 进行真机同步调试预览。
- 或者提交项目源码，并为当前项目云编译自定义 Loader 进行真机同步调试预览。
- 云编译 生成 Android & iOS App 以及微信小程序源码包。
联系我们
如果您在使用过程中遇到了问题，或者有更多的宝贵意见，欢迎到 APICloud 社区和 QQ 群与我们进行互动讨论。
|
[复制链接]
显示全部楼层
QQ空间
新浪微博
微信扫一扫
