多端发布：一套代码做小程序和 H5 可行吗

一句话：现实预期：用 uni-app^释uni-app跨平台开发是用一套代码构建多个平台应用的方式，代表框架有 uni-app、Flutter、React Native、Taro。它降低重复开发成本，但平台差异仍需单独适配。 或 Taro 这类框架，页面与业务逻辑能复用大部分，平台能力（登录、支付、分享、文件、定位）要写条件编译分支。

决策要点

1. 看端数与节奏只做一个端，直接用原生框架，别引入跨端复杂度。
2. 看差异量重度依赖平台能力（直播、蓝牙、扫码）的项目，跨端适配成本可能高于各端原生开发。
3. 看团队团队只会 Vue 就选 uni-app，只会 React 就选 Taro，迁移成本最低。
4. 看长期维护跨端框架版本升级常带来破坏性变更，要评估维护投入。

注意：跨端项目最容易低估的是「支付与登录」。这两块各平台规则完全不同，加上回调、签名、对账，实际工作量往往占三成以上，排期要按这个比例留。

必须单独处理的部分

• 登录授权：微信 code2Session、支付宝 user_id、抖音授权，各自一套。
• 支付：微信 JSAPI、支付宝 trade、抖音支付，签名与回调都不同。
• 分享：各平台的分享接口^释接口API（Application Programming Interface，应用程序编程接口）是系统之间约定好的调用方式：调用方按约定传入参数，服务方返回结果。它是软件之间协作的接口。与卡片样式不同。
• 导航与返回：小程序^释小程序微信小程序是运行在微信内的应用形态，由微信提供运行环境和开放接口。用户无需下载安装，通过搜索、扫码、分享或公众号入口打开。有页面栈与胶囊按钮，H5 是浏览器历史。
• 样式：rpx 与 px、安全区、字体渲染差异。

工程建议

把平台能力抽成一层适配接口（如 pay()、login()），业务代码只调这层。这样新增一个端时，只补适配实现，不动业务代码，这是跨端项目能长期维护的关键。

资料来源

• uni-app 与 Taro 官方文档：跨端能力与条件编译说明。
• 各平台开放文档：登录、支付、分享接口差异。
• 微信开放文档《小程序框架》与 H5 渲染差异说明。