浙江领先的线上培训和职业文化发展平台
☰
功能导航 ✕
首页 回顶 返回 评论

用AI手搓微信小程序详细过程（从创建到发布）

2026年 2月 6日 31 阅读
当大家发现AI编程可以快速实现一些想法后，就会忍不住想测试自己的各种创意。本文会结合一个实际想法，详细介绍如何自己快速做出一款可以跑起来的微信小程序。

一、创意的由来

因为长期立flag，但是自制力又不够，所以想要做一款小程序，名称为DONE（Do Or Not Even），也就是坚持做某事或者坚持不做某事，大家可以创建任务或者加入别人创建的任务，一起打卡，提高自身。不管是坚持每天看书，每天健身或是坚持不熬夜，坚持不喝8+1等等。有了这个想法就开动吧。

二、准备工作

1.注册一个微信小程序，登录网址：https://mp.weixin.qq.com/注册一个微信小程序。这时可以先不进行备案或者认证工作，主要是先获取APPID，绑定开发者微信号等，方便可以快速开始开发。用AI手搓微信小程序详细过程（从创建到发布） 1

2.下载微信的开发者工具
https://developers.weixin.qq.com/miniprogram/dev/devtools/devtools.html用AI手搓微信小程序详细过程（从创建到发布） 2
然后安装后可以得到它~~~
用AI手搓微信小程序详细过程（从创建到发布） 3
3.准备一款AI编程工具
可以用腾讯的CodeBuddy，阿里的Qoder，字节的Trae，这里我用了cursor，因为冲了一个20刀的会员还没到期。用AI手搓微信小程序详细过程（从创建到发布） 4

三、创建项目

打开微信开发工具，新建一个项目
用AI手搓微信小程序详细过程（从创建到发布） 5
然后弹出的界面中，输入之前注册微信小程序获取的APPID，一定选择微信云开发，因为对毫无发开经验的人来说更简单，不需要去了解后端服务器、域名、SSL证书等。开发完全够用，后期如果正式上线了，根据使用量可以选择性购买。
用AI手搓微信小程序详细过程（从创建到发布） 6
创建好项目后，记住文件目录，一会会需要打开这个文件目录。开发工具会在该目录下创建一些文件。然后点击工具栏上面的云开发按钮
用AI手搓微信小程序详细过程（从创建到发布） 7
进入后开通云开发，可以获取环境ID，后续会用到。
用AI手搓微信小程序详细过程（从创建到发布） 8
这时可以先最小化微信开发者工具了，需要AI上岗后我们再打开。

四、AI上岗开始开发

1.打磨创意

打开你使用的AI编程工具，打开刚才的目录，选择文件夹即可。
用AI手搓微信小程序详细过程（从创建到发布） 9
用AI手搓微信小程序详细过程（从创建到发布） 10
打开后可以不要急着输入提示词让AI工作
用AI手搓微信小程序详细过程（从创建到发布） 11
可以尝试先将你的想法给其他大模型帮你细化一下，这里deepseek，千问，豆包都随便用，只需要将你的思路和想法告知大模型，并且告诉他们你是要快速开发，采用的微信云开发，他们会回复你，大模型回复的内容都比较多，这里只需要提取你觉得有用的复制保存下来即可，正常来说内容会包括功能的详细描述，任务清单，开发需要参考的文档了。
然后回到cursor或其他AI编程工具，告诉他你准备采用微信云开发功能开发一个微信小程序已经有基本架构，然后将大模型总结给你的信息筛选后发给cursor，让他更新一下readme.md文档。
用AI手搓微信小程序详细过程（从创建到发布） 12

2.基础功能的实现

针对你的想法，AI不能一次完成的，他会将整个项目切分成多次来完成，同时会自己生成to-do-list，依次完成。不过当第一次他修改代码后，会提醒你，需要更改env id，也就是云开发环境ID，只需要复制给AI告诉他自己修改。
需要手动操作的几点：
  1. 安装Node.js，非必须，建议安装，因为不止开发小程序，很多时候都会用到。万一你开发的小程序火爆了，还可以快速搭建配套的后台管理系统。前往官网：https://nodejs.org/，点击绿色的按钮获取下载即可。
  2. git，版本管理，可以先不装，先让小程序跑起来再说。安装后，可以点击版本管理。
用AI手搓微信小程序详细过程（从创建到发布） 13
3.在微信开发者工具中手动上传部署云函数。
用AI手搓微信小程序详细过程（从创建到发布） 14
在cloudfunctions文件夹下面就是需要上传并部署的云函数，需要用户鼠标右键后手动上传部署。部署后即可在云开发中的云函数看到。
用AI手搓微信小程序详细过程（从创建到发布） 15

3.引导AI完成作品

每次布置的任务AI完成后，我们就可以打开微信开发者工具，验证一下了。通过在模拟器的操作，来看控制台是否有红色的错误信息，如果有错误信息，就复制错误信息发送给AI继续修改。
用AI手搓微信小程序详细过程（从创建到发布） 16
然后逐步完成你想要的效果，不要想着一口吃个大胖子。

4.真机测试+多账号测试效果

用AI手搓微信小程序详细过程（从创建到发布） 17
点工具，会有多账号测试，可以测试一下多用户的互动功能。点真机调试后会有二维码，必须创建小程序时添加的开发人员才可以扫码，在真机上运行。

5.关于UI界面的设计

UI的设计会并不一定满足你的审美，所以需要你给UI一些规则或者颜色的搭配规定。
当然你也可以采用其他界面设计相关的软件，比如figma，不过这个需要魔法使用。国内的可以采用即时设计。
这一步可以放到后续进行。

6.上传体验版

用AI手搓微信小程序详细过程（从创建到发布） 18
上传体验版后，会生成一个二维码，发送给朋友后，可以申请体验，同意后就可以加入，体验版会有一些调用微信功能的限制，不过不影响你设计的主要功能的使用。

7.认证、备案和上线

当功能开发后，经过测试没有问题了，就可以进行认证、备案和上线了。每一步都会有审核，注意不要漏接电话，因为有时会有深圳的电话打过来，但是被标记成骚扰电话。

五、一些成果展示

下面是真机调试的一些画面：

用AI手搓微信小程序详细过程（从创建到发布） 19

七、执行

其实有很多朋友都想用AI来实现自己的一些创意，但是都还停留在想法上，没有实际执行起来，为什么这个小程序叫Done，也是希望大家可以付诸行动，完成一个又一个自己的小目标。
← 上一篇 IPTV Aggregator 超详细部署指南（小白也能会） 下一篇 → 2026 自媒体黑科技｜用 /last30days 插件，让 Claude 自动抓取全网最新爆款 Prompt（保姆级安装教程）