多端源码-生鲜电商，体验一套代码APP+小程序（视频已更新...

YonBIP社区

APICloud多端技术简介

    在兼容和继承APICloud所有API、模块、技术栈以及用户体验的基础上，我们定义了一套新的代码编写标准(DSL)：基于标准Web Components组件化思想，兼容Vue / React语法特性，通过一次编码，分别编译为APP、小程序代码，实现多端开发。
    其中App代码基于DeepEngine3.0运行，全翻译式的运行原理提供完全原生的体验和性能。小程序代码被编译为符合微信小程序多端统一开发工具——kbone标准的代码，可直接在微信开发者工具中进行预览以及发布到微信小程序平台。

为了让开发者更加快速的学习和了解APICloud多端开发技术，平台技术部发布了一个多端案例开源源码---生鲜电商，大家可以下载学习。

源码地址：https://**.**/apicloudcom/fresh-ec

演示视频：

【参与盖楼有奖】Studio3公测，提BUG奖现金大奖！（点击进入参与活动）

视频教程观看地址：
https://ke**.**/course/3133445?taid=10752175750762501&tuin=ba00b578

第一节：多端开发简介及效果预览
第二节：商品列表，购物车，城市列表开发
第三节：导航栏，弹窗键盘，数据存储，窗口切换
第四节：个人资料页功能开发

源码介绍
本源码为仿某生鲜电商平台，包含前后端，其中前端代码使用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+小程序【新源码】
https://community.apicloud.com/bbs/thread-169184-1-1.html

端源码-企业展示，体验一套代码APP+小程序【新源码】
https://community.apicloud.com/bbs/thread-169290-1-1.html

豪气布拉格

前排大佬

千鸟

前排大佬

MW模块工作室

优秀，优秀

辉哥_0808

赞 赞 赞

玩具.

回帖奖励 +1 云币

张翠山

支持一下！早该了！

daixuan

回帖奖励 +1 云币

Bai105

支持支持

发哥12345

打开app时提示“无存储权限，请在系统设置中为本app开启存储权限后重试”