乐于分享
好东西不私藏

一份SOP+AI助手,我把网站搬进了微信小程序(全流程保姆级拆解)

一份SOP+AI助手,我把网站搬进了微信小程序(全流程保姆级拆解)
大家好,我是洋宝。前教育集团高管,教培一线运营和营销实践6年+;前金融助贷运营高管;互联网营销经验15年+,突破1000万+播放的爆款短视频博主 ‖ 10个+的爆款短视频博主导师 ‖ 深耕AI搞钱副业的商业操盘手;手把手带学员多平台变现陪跑,专治疑难杂症。关注我,不后悔,欢迎随时与我建联。 

前几天,一位朋友甩来一句:我也想做个微信小程序,可一没技术、二没团队、三怕审核被驳回,是不是只能花大价钱找外包?”我的回答是:先别急着花钱,等我的更新。

昨天的文章已经部署好了独立的网站0基础不写代码,我用AI半天写出一个实用网站(保姆级实操SOP),今天接着用一套可复制的流程,把一个现成的网站,独立改造成一个能正式上线、普通微信用户搜得到、点得开、用得上的微信小程序——而且全程就AI搭手,完全不需要你是程序员。

这不是什么黑科技,只是一份 SOP:把从注册到上线拆成 10 个阶段、几十个检查点,每一步都能照着做。今天把这份 SOP 完整交出来。你照着走一遍就会明白:原来小程序上线,远没有传说中那么玄乎。

千里之行,始于足下。搭小程序也是——真正卡住大多数人的,从来不是技术,而是先动手

一、先划清一条红线:网站别动,小程序独立跑

新手最常翻车的一步,是一上来就把网站改得乱七八糟。请记住一条铁律:现有网站保持原样正常运行,小程序用独立项目、独立版本、独立审核发布流程。

两者可以共用同一个域名(域名只是网络入口和服务器白名单,不会被占用),但互不覆盖、互不冲突。典型做法:网站走根路径,小程序通过 HTTPS 请求某个接口路径(如 /api/xxx),服务器路由分清即可。

AI 能帮你:用对话式 AI 先把哪些能复用、哪些必须新建列成清单,避免一动手就改乱网站。

二、准备阶段:主体、AppID、开发工具

先把身份ID备齐:

主体:个体工商户营业执照(主体名称须与执照完全一致,连(个体工商户)这类后缀都不能漏)、有限公司等

管理员:本人身份证件、手机号、微信(用于扫码验证)

小程序名称:想一个合规、能过审的名字

开发工具:微信开发者工具(Stable 版),用管理员微信扫码登录

域名:你自己的、已启用 HTTPS 的域名(后面要配成请求合法域名)

操作: 在微信公众平台注册小程序 → 选主体类型 → 填主体信息 → 绑管理员 → 完成微信认证。认证后后台会显示独立 AppID(在平台后台查看即可)。

风险提示: 不要把管理员二维码、验证码、证件照片公开传播;不要用个人主体冒充营业执照主体。

三、用 AI 规划:把网站信息重构成小程序三页

网站只作内容和视觉参考,直接照搬进微信往往过不了审。小程序要按手机屏幕、微信导航和审核规则重新组织。

建议最终做成三页结构

首页:品牌与主题展示,承担进入展项 / 进入咨询等动作,首屏要有视觉吸引力

展项页:介绍你的核心内容板块,纵向浏览,图片清晰、文案合规

咨询页:收集参观 / 活动咨询,提交表单、查看隐私、拨号或复制联系方式

AI 能帮你三件事: ① 读你的网站,提取品牌色、Logo、文案、图片、用户动作;② 生成三页的信息架构草图;③ 起草首屏文案与按钮命名。

首屏迭代经验:减少大段文字,把主视觉图前置。

四、独立开发:原生小程序结构

在电脑上建一个与网站完全分开的代码工程,目录建议:

miniprogram/

app.js / app.json / app.wxss

pages/index/首页

pages/exhibits/展项

pages/signup/咨询

assets/exhibition/展示图片

utils/公共方法

project.config.json

图片规范: 优先用本地压缩图、合理尺寸、统一命名;避免引用失效的远程图链,否则容易触发代码包体积告警。

功能实现要点(对应微信能力):

拨打电话 → wx.makePhoneCall

复制绿泡泡号 → wx.setClipboardData(会触发剪贴板隐私声明)

打开隐私指引 → wx.openPrivacyContract

页面跳转 → tabBar / wx.switchTab(路径须与 app.json 一致)

表单请求 → wx.request(域名必须加入 request 合法域名)

AI 能帮你: 把上面的页面结构和功能点,直接交给 AI 生成 WXML / WXSS / JS 初稿,你再做微调。

五、服务器域名与数据链路

配置 request 合法域名: 进公众平台 → 开发设置 → 服务器域名,把你自己的 HTTPS 域名加进 request 合法域名(只填域名,不带具体接口路径)。开发者工具里的不校验合法域名只适合本地调试,正式版必须配白名单。

表单数据流(示例):

1.用户填写:姓名、年龄、联系方式、所在区域、咨询内容(前端校验必填)

2.用户勾选隐私保护指引 → 允许提交

3.小程序 POST 到你的接口(如 /api/register)→ 传输咨询记录

4.服务器写入数据存储 → 返回成功 / 错误

5.后台查看 → 出现新咨询记录

联调顺序: 先在开发者工具验证页面和表单 → 再用预览 / 真机验证网络请求 → 最后在后台确认记录。出问题依次查:网络面板、合法域名、HTTPS 证书、接口返回、后台写入。

六、内容定位与服务类目(合规关键)

《礼记·中庸》有言:凡事豫则立,不豫则废。上线前先把业务、资质、类目、页面对齐,是能帮你少走很多弯路的一步。

很多小程序卡在审核,根子在业务、资质、类目、页面内容长期不一致。比如主体只有营业执照、没有培训许可,却用了课程报名的表达,就会被打回。

关键原则: 类目、介绍、页面文案、图片、实际运营要长期一致。不要为过审临时隐藏敏感内容、过审后再恢复;也不要在没有相应资质时使用培训、招生、课程销售等类目或表达。

示例类目:商业服务 → 会展服务(需与你的真实业务匹配,这里只是示例)。

页面语言替换参考(示例场景):

·课程 / 16 节课” → “展项 / 主题展区

·报名 / 招生” → “活动咨询 / 参观咨询

·上课 / 学员” → “开放体验 / 参与者

·学科提升” → “科技科普、创意表达

·学费 / 体验价” → “开放安排、欢迎咨询

(以上仅为示例小程序场景,请严格按你的真实业务与资质填写,不要套用不相符的类目,不用担心,你跟AI说出你的真实情况,它会一步步叫你截图,教你操作。)

七、小程序备案:从驳回到通过

前提: 完成小程序基本信息、服务类目和主体信息后进入备案;可与代码开发并行,但必须在正式发布前完成

常见驳回: 当主体名称含某些字眼(如带教育等)时,审核方会要求说明是否涉及特定业务,并补充由主体出具、签字或盖章的承诺书

承诺书处理原则:

主体名称必须与营业执照逐字一致(连(个体工商户)都不能省)

审核方指定的固定承诺句不得擅自修改

签名应手写且清晰,日期完整

操作后核对: 主体名称一致、类目已设主营、承诺书签名 / 盖章 / 日期完整、后台显示已备案并取得备案号(格式:省ICPXXXX-X)。

八、用户隐私保护指引

平台会根据代码识别你调用了哪些用户信息接口。隐私声明必须与实际代码、表单字段一致——不能少报,也不要多报

示例声明的信息类型:

手机号:用户主动填写,用于接收咨询并联系用户、确认需求与安排

自定义信息:姓名、年龄、微信号、所在区域、咨询内容,用于了解需求、联系参与者

剪贴板:用户点击复制绿泡泡号时,把公开联系方式写入剪贴板;不读取或收集其他内容

小程序端: 咨询表单勾选区加入点击查看《用户隐私保护指引》,调用wx.openPrivacyContract打开平台生成的正式协议(老版本微信有提示降级)。

注意: 预览阶段出现空白、1970 年日期或暂无收集信息,可能是隐私指引尚未发布到线上。最终以审核通过、正式发布后的普通微信端为准。

九、测试、上传与正式发布

本地测试矩阵(建议逐项过):

首页:冷启动、滚动、点入口,图片显示、按钮可用

展项:切标签、浏览全部,页面完整无空白图

咨询:空提交、合法提交、勾选隐私,校验明确、提交成功

电话:点击弹出拨号确认

复制:点击写入公开联系方式

隐私:点击打开正式协议

后台:提交一条测试咨询,后台出现对应记录

代码质量: 在开发者工具检查构建、调试器、问题、输出和代码质量;图片告警靠压缩与尺寸优化处理。

上传版本: 填递增版本号 + 清晰备注(如主题展示、活动咨询及隐私保护指引版本)。

提交审核资料:

版本描述:说明你的内容范围,明确不提供课程、培训、交易或支付

测试账号:无需登录即可使用

订单中心:无交易则留空

用户隐私:选采集用户隐私并确认已完善指引

状态链路: 开发版本 → 审核中(别撤回,等通知)→ 审核通过待发布 → 点击提交发布” → 线上版本。

正式发布: 版本管理里,在审核版本右侧点提交发布,选全量 / 立即发布并确认。注意别误点下方开发版本的提交审核

十、线上验收与后续维护

完全可用的判定标准:

发布状态:后台显示线上版本

公众入口:普通微信可搜索或扫码打开

页面呈现:首页 / 展项 / 咨询正常,无开发版标识

图片资源:主视觉与展项图全部加载

交互功能:跳转、拨号、复制、隐私入口正常

数据闭环:提交后后台出现记录

隐私合规:正式指引显示正确类型、用途和日期

网站安全:网站仓库无任何修改记录

特别提示: 别只在开发者工具或体验版里验收。要用普通微信搜索小程序全名,确认结果卡片、头像、简介和打开入口都正常。

后续每次改版的标准流程:

1.复制小程序项目或建版本分支(可回滚)

2.只改独立小程序目录(网站仓库保持为空)

3.开发工具本地测试 + 真机预览

4.核对类目、隐私、页面文案(合规清单)

5上传递增版本号

6.提交审核并等待

7.审核通过后提交发布

8.普通用户端验收 + 后台核对

9.压缩归档正式代码(release.zip)

发布前检查清单(一页过)

□ 网站安全:网站目录无修改,线上网站正常访问

□ 代码独立:小程序目录、AppID、版本号正确

□ 页面内容:首页 / 展项 / 咨询与所选类目一致

□ 敏感表达:无课程、培训、学科辅导、价格销售表达

□ 图片资源:全部本地可加载,尺寸体积合理

□ 域名:request 合法域名为 HTTPS,真机可请求

□ 表单:必填校验、隐私同意、成功 / 失败提示完整

□ 隐私:手机号、自定义信息、剪贴板用途与代码一致

□ 类目:所选服务类目已通过且设为主营

□ 备案:后台显示已备案及备案号

□ 上传:版本号递增,备注真实清晰

□ 审核资料:无需登录、无订单、无企业微信限制

□ 线上发布:审核通过后完成提交发布

□ 公众验收:普通微信搜索、打开、提交、后台记录均通过

□ 归档:保存与线上版本一致的 release.zip

— — — — — — — — — — — — — — — — — — —

写在最后

史蒂夫·乔布斯说过:“Stay hungry, stay foolish.”(求知若饥,虚心若愚。)

搭小程序这件事,难的从来不是会不会,而是敢不敢迈出第一步。

收藏这篇,照着走,你也可以很顺序的将网站和小程序整出来。本篇用到的工具也是codex PLUS版,具体不懂的,或做的时候卡在哪一步,评论区告诉我,或后台私我,我帮你。关关我,不迷路

(本文为个人实操经验分享,微信公众平台界面与规则可能更新,一切以届时后台提示为准。