源码系统概览
文章正文
这是一套网站转小程序的封装源码，通过微信小程序的 web-view 组件把任意网址直接嵌入，从而把已有 H5 站点快速变成微信小程序。
源码本质是一个编译好的 mp-weixin 工程，结构精简，核心只有首页与 web-view 容器，适合不想重写业务、只想快速上架小程序的场景。
源码简介
工程仅包含 mp-weixin 编译产物，根目录是 pages/index，通过 web-view 的 src 指向目标网址完成页面承载。
project.config.json 中已配置 AppID 与项目名，导航栏标题可在 app.json 中修改，整体可直接用微信开发者工具打开。
该方案没有独立后端，所有业务仍由原网站提供，小程序只负责外壳与容器，部署成本极低。
由于只做外壳封装，后续维护成本极低，原站改版后小程序一般无需同步改动。
适用场景
适合已有 PC 或移动端网站，希望以小程序形式分发流量的运营者。
也适合做内部工具或活动页的小程序外壳，快速通过微信审核与分享。
对于活动页、问卷或工具类站点，这种方式能以最小成本获得小程序分发能力。
功能亮点
无需重写业务，直接复用现有网站，上线速度快。
工程结构极简，仅一个 web-view 页面，便于自定义导航与标题。
支持任意网址，只需修改 src 即可切换承载的站点。
微信开发者工具可直接打开，改完即可预览与上传。
web-view 加载的是完整网站，因此原站的滚动、表单与支付能力都可直接复用。
后续如需原生能力，可在 web-view 基础上逐步替换为小程序原生页面。
技术架构与部署指南
| 维度 | 本套源码 | 同类通用方案 |
|---|---|---|
| 技术栈 | 前端：微信小程序原生（web-view 容器） 后端：无（由被嵌入网站提供） 数据库：无 运行环境：微信开发者工具 |
依具体方案选型，需自行搭建与维护 |
| 部署方式 | 用微信开发者工具导入 mp-weixin 工程，修改 project.config.json 中的 AppID 为自有小 | 多托管于第三方平台或订阅云服务 |
| 功能侧重 | 无需重写业务，直接复用现有网站，上线速度快。 | 功能通用，定制深度有限 |
| 数据归属 | 数据自持，部署在自有服务器，不出站 | 数据通常留存于服务商侧 |
| 成本模式 | 获取后自主部署，无持续授权费用 | 通常按订阅或调用量计费 |
技术栈与运行环境
前端：微信小程序原生（web-view 容器）
后端：无（由被嵌入网站提供）
数据库：无
运行环境：微信开发者工具、已注册的小程序账号
其他依赖：需业务网站支持 HTTPS 且配置业务域名
安装与部署提示
用微信开发者工具导入 mp-weixin 工程，修改 project.config.json 中的 AppID 为自有小程序。
打开 app.json 调整导航栏标题，打开首页修改 web-view 的 src 为目标网址。
在微信公众平台把目标网站域名加入业务域名白名单，否则 web-view 无法加载。
目标网站必须使用 HTTPS，且完成微信要求的校验文件放置。
如目标站使用子域名或独立接口，请在业务域名中一并添加，避免资源被拦截。
截图与演示说明
小程序启动后直接进入 web-view 容器，页面内容即目标网站的渲染结果。
导航栏标题可由 app.json 中的 navigationBarTitleText 控制，例如示例中的站点名称。
由于无独立后台，所有交互与数据均由被嵌入网站自身处理。
在开发者工具中可实时预览 web-view 渲染效果，便于调试白名单与样式适配。
常见问题
问：预览时提示域名不在白名单怎么办？
请在微信公众平台把承载网站的域名加入业务域名，并放置微信校验文件，且网站必须使用 HTTPS。
问：能不能嵌入需要登录的网站？
可以，但登录态由被嵌入网站维护，建议确保该网站在微信内置浏览器中能正常完成登录与回跳。
问：iOS 与安卓表现不一致怎么办？
部分能力在 web-view 内受系统内核差异影响，建议对关键交互做双端回归测试。
安全风险提示
特别提示：本源码未检测安全风险文件，下载后请务必进行安全审计，删除恶意代码后再部署使用！
下载说明
源码仅供学习研究、测试部署和二次开发参考，商用前请自行确认授权、版权和安全风险。
本资源为本地源码打包，下载后请在隔离环境中先做安全扫描，确认无误再用于正式环境。