H5 移植微信小程序:要点与合规红线
入档:2026-06-24 来源:把《反诈柜台》H5 移植成微信小程序(代码完成,发布因合规 / 流程成本搁置) 验证状态:⚠️ 首次;合规规则属平台事实
一句话
H5(DOM)移植小程序,渲染层必须重写为 WXML/WXSS + setData(无 DOM),但纯数据 / 逻辑可原样复用;动手前先撞合规红线——微信”游戏”须做小游戏(需企业主体),小程序一般禁游戏类目。
移植要点
- 数据 / 逻辑零改:从 H5 的
script.js抽”数据段 + 逻辑函数”,加module.exports即成小程序可require的模块;200 条案件库直接复用。 - 渲染层重写:DOM 操作 →
setData驱动 WXML 模板;<rich-text nodes>渲染带<b>的富文本;<text>+white-space:pre-wrap保留\n。 - 没有 Web 字体:小程序加载不了 Google Fonts,标题回退系统衬线。
- 真机 / 逻辑可先验:开发者工具模拟器能跑;UI 自动化跑不了(须桌面工具)。
合规红线(先查再动手,省移植工时)
- “游戏”必须是小游戏,小游戏须企业 / 个体工商户主体(个人号一般注册不了)。
- 小程序禁游戏类目;科普 / 测验类可走”教育 / 工具”类目但仍有被驳风险。
- 发布链路:开发者工具建项目 + AppID → 上传 → 后台提交审核 → 发布,全程需用户本人(见 浏览器插件自动化的能力边界_v1)。
如何使用
接”把 H5 搬上小程序”:先判主体资质 + 类目准入,再决定要不要投移植工时;代码层按”数据复用 + 渲染重写”拆。
关联文档
- 发布人工边界:浏览器插件自动化的能力边界_v1
- 同族合规红线:2026-07-30_风眼九段线问题地图事故复盘_v1 —— 本篇是「有没有资质发」,那篇是「有没有资格自己画」(疆界等法定表达不自绘,标「示意」不免责);两篇共用同一判断框架:先分能力问题 vs 资格问题
- 前端适配律:CJK假斜体语言感知律_v1
- 项目底料(库外裸路径):
E:\fraud-desk\wechat-mp\·E:\fraud-desk\_postmortem.md