0代码基础,我用AI 3天做出「别买呀」网购避坑小程序,附全流程攻略
大家好,我是一个纯纯的网购“踩坑专业户”——去年一年在直播间买过“5天瘦30斤”的智商税饮品,也踩过“百分百纯棉”实则化纤的衣服坑,每次维权都要翻遍订单找证据,别提多糟心了。后来我想:能不能做个小程序,用户上传商品宣传图或链接,就能自动识别夸大宣传、高风险产品?这个念头冒出来时,我连代码怎么写都不知道,直到用了AI工具,才发现普通人也能快速落地自己的产品想法。今天就把「别买呀」小程序从0到1上线的全过程分享给大家,新手也能照做!一、先搞懂“地基”:确定小程序主体,避免前功尽弃
做小程序的第一步不是写代码,而是选“个人主体”还是“企业主体”——我一开始没在意,差点踩了大坑。- 个人主体:认证费30元/年,但限制特别多,不能接支付、不能做社交功能,连“避坑鉴定”这类涉及信息判断的功能都容易被拒审;
- 企业主体:认证费300元/年,类型限制少,后续还能加“用户举报”“避坑榜单”等商业化功能,更适合工具类小程序。
考虑到「别买呀」需要“识别商品风险”的核心功能,我果断选了企业主体,后来审核时果然顺利很多,没出现“代码写完却通不过”的情况。接下来就是注册账号,直接去微信公众平台,跟着流程填信息、绑定微信号、创建小程序,10分钟就能搞定。二、给小程序“取名”:这3个坑千万别踩
名字直接影响审核和用户搜索,我一开始想叫“网购避坑神器”,结果被打回2次,后来才知道要避开这3类词:❌避免品牌名:比如“某东避坑”“淘宝鉴定”,容易侵权;❌避免通用名:“网购工具”“避坑指南”太宽泛,审核不通过;❌避免歧义词:“百分百避坑”“绝对安全”这类绝对化表述,不符合微信规范。最后定了“别买呀”,既口语化好记,又明确传递“避坑”功能,提交后一次就过了。大家取名时可以多准备2-3个备选,省得来回改。三、UI设计:用Figma+AI,30分钟出原型
我完全没学过设计,全靠Figma的AI功能生成界面。Figma免费版每天能提3次需求,对工具类小程序来说完全够用,给大家分享我用的2组核心提示词:“设计微信小程序「别买呀」的首页UI,整体风格简洁轻量,主色用橙色(醒目且有警示感)。首页用2×2卡片宫格布局,功能包含:①商品鉴定(主入口,图标用“放大镜+禁止符号”)、②避坑榜单(图标用“排行榜”)、③用户举报(图标用“感叹号”)、④我的记录(图标用“历史时钟”)。要求:浅色背景、无登录页、无营销广告、符合个人开发者工具类定位。”生成后调整一下卡片大小,首页就有了——用户打开就能看到核心功能,不用绕路。“设计「别买呀」商品鉴定页UI,页面结构分3部分:①顶部导航栏(返回按钮+“商品鉴定”标题)、②中部上传区(提示“点击上传图片/粘贴链接”,预留图片预览位)、③底部结果区(显示“风险等级”“问题点”“避坑建议”,风险等级用红黄绿三色标注)。要求:扁平化组件、图标清晰、主色橙色、无多余元素。”Figma生成后,我把“风险等级”的红色调深了点,让警示更明显。整个UI设计下来,连1小时都没用到,比找设计师高效多了。四、开发阶段:2个工具搞定,不用写一行代码
开发是最让我头疼的环节,但用对工具后,反而成了最快的一步。我用了2个核心工具:用来预览、调试和上传代码,官网直接下载,打开后点击“+”创建项目,选“基础模板”,不用改任何设置,创建完成后会生成一个基础框架。我用的是国际版,选Gemini-3-Pro-Preview模型,打开刚才在微信开发者工具里创建的项目目录,就能让AI写代码了。这里有个关键:第一段提示词一定要写清楚规则,不然AI会越写越乱。我当时给的提示词是:“你是资深微信小程序工程师,熟悉微信审核规范和性能限制。当前开发「别买呀」工具类小程序,用原生框架开发,不使用Vue/React,不引入第三方npm包。要求:给出可直接运行的代码,修改时基于现有结构最小改动,不输出基础概念解释,只给代码和简短注释。”比如我让AI做“商品鉴定功能”,它直接生成了图片上传、链接解析、风险判断的代码,我复制到微信开发者工具里,点击“编译”就能看到效果。有次出现“图片上传失败”的bug,我把报错信息复制给AI,它2分钟就改好了,比自己查资料快10倍。五、调试+上线:3步搞定,避开审核雷区
- 本地调试:在微信开发者工具里点击“编译”,用手机扫码预览,测试每个按钮能不能点、上传功能是否正常,有问题就回TRAE让AI改;
- 上传代码:功能没问题后,点击“上传”,填写版本号(比如1.0.0),把代码推送到微信公众平台;
- 提交审核:在微信公众平台后台找到“版本管理”,提交体验版,然后申请审核。这里要注意:个人主体小程序别加“支付”“社交”功能,否则100%被拒。
我提交审核后1天就通过了,上线当天就有200多个用户用它鉴定商品,有个用户上传了“9.9元包邮的羊绒衫”,小程序识别出“羊绒含量虚假宣传”,还给出了“查看商品成分表”的建议,特别有成就感。六、我的时间成本:3天落地,比想象中快太多
- 设计+开发:1.5天(AI写代码占了大部分时间);
如果没有AI,我估计得学1个月代码还做不出来。现在回头看,最关键的不是“会不会代码”,而是“能不能把需求说清楚”——AI就像一个全能助手,你把规则和目标讲明白,它就能帮你落地。七、我的小程序
最后想说的话
以前总觉得“做个小程序”是程序员的事,直到自己用AI试过才知道,现在的工具已经把门槛降得很低了。如果你也有“想解决某个问题”的想法,比如“学生作业批改工具”“职场PPT模板库”,不妨试试用AI动手做出来——不用等“学会了再做”,边做边调整,反而更快。「别买呀」现在还在优化,后续想加“直播商品实时鉴定”功能,到时候再跟大家分享AI怎么实现。你们有什么想做的小程序?评论区聊聊,说不定我能帮你出出主意~