获取方案

原生移动端,
一套代码维护

基于 uni-app x,一套移动端代码按 Android、iOS、鸿蒙编译为原生 App,同时发布小程序与移动端网页。

对您来说:用户装的是原生 App;一支团队维护全部移动端。

  • ✓ Android · Kotlin
  • ✓ iOS · Swift
  • ✓ 鸿蒙 · ArkTS
  • ✓ 小程序与移动端网页
一套 uni-app x 代码

App

Android原生 AppKotlin
iOS原生 AppSwift
鸿蒙原生 AppArkTS

编译为各系统原生代码,系统原生组件渲染,无 WebView

其他端

微信小程序
移动端网页

按平台标准发布

App 的界面由谁绘制?

常见 uni-app · App-vue

  1. 页面代码
  2. JS 引擎
  3. 通信桥
  4. WebView 网页

BoolMall · uni-app x

  1. 页面代码
  2. 编译
  3. 原生代码
  4. 系统原生组件
小程序与移动端网页按各平台标准方式发布。

三类使用端,各自构建发布

App:按系统编译原生

Android 编译为 Kotlin、iOS 为 Swift、鸿蒙为 ArkTS,使用系统原生组件。页面集中维护,App 按系统分别构建发布。

微信小程序:按平台发布

按微信平台标准发布,共用移动端页面与业务逻辑。运营人员沿用商城商品、订单、会员和装修能力;小程序发布与 App 原生编译分别处理。

移动端网页:链接直接访问

按网页标准构建,通过浏览器打开商城。页面与业务来自同一移动端工程,交互由网页平台承载,与 App 原生组件的渲染路径分别对应。

一套代码怎么维护

一个代码仓、一套页面与业务逻辑

在一个移动端代码仓维护 uvue 页面与 uts 逻辑。商品、订单、会员围绕共同业务组织,功能修改进入各端构建过程,减少维护多份页面的工作。

平台差异通过条件编译处理

商品详情分享地址在网页读取当前页面地址,其他端使用平台分支;背景样式也按平台处理。差异放在条件编译位置,修改时检查受影响的平台。

改一次,各端分别构建发布

功能修改进入共同代码仓后,分别生成 App、小程序与网页产物。各端使用对应发布步骤,平台差异随条件分支维护,页面与业务更新在共同代码仓追踪。

开发团队需要会什么

页面使用 uvue

uvue 延续 Vue 页面组织方式,用组件、页面与样式表达商城界面。开发团队从现有移动端页面进入商品与交易功能,围绕组件属性和页面状态维护交互。

业务逻辑使用 uts

uts 组织移动端业务与类型,页面二开使用 uvue / uts。系统语言由编译过程生成,团队围绕共同移动端工程维护功能。

按平台组织发布

App、小程序和移动端网页使用对应平台的发布步骤。团队维护共同业务、管理条件分支,并为目标平台构建发布,使商城运营与移动端开发围绕同一份业务代码协作。

常见问题

技术与架构和 uni-app 开发的商城有什么不同?
区别在 App 端。BoolMall 使用 uni-app x,Android、iOS、鸿蒙分别编译为 Kotlin、Swift、ArkTS,使用系统原生组件绘制界面,不用 WebView;同一套移动端代码还发布微信小程序与移动端网页。
技术与架构小程序也是系统原生组件渲染吗?
这里的系统原生组件渲染描述 App 端。微信小程序与移动端网页按各平台标准方式发布,共用移动端页面与业务逻辑,各端分别构建。
技术与架构二开要换技术栈吗?
商城页面和业务逻辑使用 uvue / uts。团队继续围绕这一移动端工程二开,通过条件编译维护平台差异,再分别构建发布各端。
技术与架构鸿蒙版需要单独开发吗?
同一套 uni-app x 代码编译为鸿蒙原生 App,平台差异用条件编译处理。页面与业务逻辑在一个移动端代码仓维护,各端分别构建发布。

获取移动端商城建设方案

结合业务模式、移动端入口与维护安排,选择商城建设路径。