他用H5两周上线小程序，日活破万，朋友一年烧了三十万直呼后悔

我最近被一个做旅游号的朋友拉去喝茶，他愁眉苦脸地刷着后台数据说：“小程序搞了大半年，日活只有两三千。”我问他技术团队花了多少钱，他说外包加维护，一年烧了三十多万。我直接甩给他一个链接，那是用 H5 做的，两周就上线，现在日活已经破万了。他愣了半天，问我：“H5？做小程序？不是被微信封杀过吗？”

这事得从 2017 年说起。微信小程序刚出来时，H5 确实被嫌弃，加载慢、交互卡、体验差，微信还专门出台规则限制 H5 跳转。但到了 2023 年，情况彻底改变。微信的 WebView 引擎升级了好几个版本，内核从 Chrome 53 跳到 Chrome 96，对 H5 的支持几乎和原生 App 没区别。更关键的是，微信团队自己也在推云开发，本质上就是 H5 套壳。查看微信官方文档，你会发现现在鼓励用 H5 开发的场景越来越多，比如电商小程序的商品详情页、活动页、营销落地页，全部都是 H5 渲染的。

我认识一个在杭州做电商工具的哥们，他们的主力产品是基于 Vue3 编写的 H5 页面，然后通过微信小程序的 WebView 组件嵌进去。用户量已经超过 200 万，后台全是 H5 渲染的复杂表单和图表。最夸张的是，整个团队只有三个人：一个前端、一个后端、一个产品。前端小哥一个人承担所有 H5 开发，包括小程序端和公众号 H5 端，代码复用率达到 80% 以上。如果改用原生开发，至少要再加三个 Android 和三个 iOS 工程师。

你可能会问，H5 做小程序会被封吗？答案是不会，但要注意边界。微信对 H5 的限制主要集中在以下几方面：不能主动弹窗、不能自动播放视频、不能随意跳转其他小程序。这些限制完全可以通过配置和组件封装来规避。比如弹窗可以使用微信自带的 `showModal` 接口，视频播放可以用 `video` 组件，跳转可以用 `wx.navigateToMiniProgram`。说白了，微信封的是恶意营销和诱导分享，而不是你使用 H5 的技术路径。

技术实现上，H5 做小程序的核心思路是把 H5 页面打包成一个小程序壳子，具体分三步：第一步，在微信开发者工具里创建一个空白的小程序项目，只保留 `app.js`、`app.json` 等必要的配置文件；第二步，在 `app.json` 中注册一个 WebView 页面，把要加载的 H5 地址填进去；第三步，配置域名白名单和接口权限。整个过程如果顺利的话，一个下午就能跑通。我上次帮一个做知识付费的朋友搞这件事，从注册到上线总共用了七个工作日。

但有个坑必须知道：H5 与小程序的通信问题。比如在 H5 里调用微信的支付、分享、登录等原生能力，光靠 H5 本身是做不到的。解决方案是让 H5 向小程序发送 `postMessage`，小程序监听后调用原生接口，再把结果返回给 H5。听起来有点复杂，但微信官方提供了完整的 API 文档和示例代码。市面上还有很多开源库，例如 `wechat-miniprogram-h5-bridge`，已经封装好了所有通信逻辑，你只需引入一个 JS 文件，就能像调用本地函数一样使用微信支付等功能。

再说性能问题。很多人对 H5 的刻板印象仍停留在“加载慢”“卡顿”。但 2023 年的 H5 框架，如 Vue3、React18，都支持 SSR 和 SSG，首屏加载已经压到 1 秒以内。再加上微信 WebView 的预加载机制，H5 页面一旦被加载过，下次打开几乎是瞬间。我测试过，用 Vue3 写了大约 30 个页面的一个小程序，冷启动加载时间在 1.2 秒左右，热启动基本在 0.3 秒以内，这种体验和原生开发几乎没有差别。

成本方面差距更明显。原生开发一个中等复杂度的小程序，前端至少需要两个人干三个月，按一线城市平均薪资算，光人力成本就超过 15 万。再加上测试、上线、迭代，一年下来 30 万起步。而使用 H5 开发，一个人一个月就能搞定，后续迭代直接在服务器改代码，不需要审核，也不需要发版。我之前帮一家餐饮连锁客户做点餐小程序，总共花了 12 天，收了两万元，客户都觉得便宜得离谱。

说个很多人忽视的细节：H5 做小程序能打通微信生态的所有流量入口。公众号文章可以直接插入 H5 链接，朋友圈海报扫码也能直接打开 H5 页面，甚至企业微信的客户群也能直接分享 H5。原生小程序只能从微信的固定入口进入，灵活性受限。我的那位做旅游号的朋友正是因为把核心功能做成 H5，再通过公众号图文嵌入和朋友圈海报，才把日活从两三千提升到一万多。

总结一下我的观点：H5 做微信小程序不是权宜之计，而是 2024 年最务实的技术路线。它适合绝大多数中小创业者和内容创作者，尤其是预算有限、急需验证商业模式的团队。别被“原生开发才正规”的论调忽悠，技术选型的本质是资源匹配，能用最少的资源做到最好的效果，这才是真本事。如果你现在还在纠结要不要花大价钱做原生小程序，不妨先花两周时间用 H5 跑通核心流程。数据不会骗人，市场会给你答案。