大家好，我是晓凡。
关注晓凡的朋友都知道，晓凡是一名工作了好多年的牛马程序员。跟很多小伙伴一样，这些年一直在研究各种技术，当然了微信小程序开发也学过。
但说来惭愧，书也买了好几本，但看了几章后基本就吃灰了，也一直没上线一款属于自己的小程序。
而现在是AI时代，只要有想法，AI能很快帮你实现，大大降低了试错成本。
先让小伙伴们来看看我用WorkBuddy在没写一行代码的情况下开发的小程序长什么样？
大家猜猜做出这样一个九宫格拼图小程序需要多长时间？
1小时不到。
这在以前真的不敢想。现在有了AI，小程序开发真变得很容易了，反而上线这个小程序花费时间最长的是小程序的备案，审核这些。
备案足足等了22天，好在现在成功上线了。
接下来，晓凡带你手把手开发自己的第一款小程序，并且发布上线。
当然了，毕竟是自己的第一款小程序，肯定会或多或少遇到一些坑。不过晓凡基本上都替你踩过了。
一 几个误区
① 我就一个普通人，没学过编程，没有一点编程基础，能不能做出来？
答 ：完全没问题。 在两年前或许不行，但是现在AI Agent真的比你想象的强，只要你有想法，基本上都能帮你实现。
② 我是不是需要了解小程序的开发上线流程、小程序项目的基本框架、小程序的UI布局后才能开始动手做？
**答：**这完全是一个大大的误区，我以前就经常等一切都准备好了才动手,结果就是书买了一堆,看了几章然后就放弃了。
正确的做法是先把全流程走一遍,过程中缺什么再补什么. 看到效果后,就有动力往下走了
③ 我需要自己搭建开发环境么?
答: 不需要. WorkBuddy帮我们都准备好了.
④ 普通人能上线自己的小程序么? 需不需要花钱?
答: 可以,小程序主体包括个人,企业等,这里我们创建一个个人类型的即可. 个人小程序认证费用是30元.
二 准备工作
2.1 下载最新的WorkBuddy ,确保你的版本是5.6.1 以上
还没安装的小伙伴,可以到官网:https://www.workbuddy.cn/ 下载.
查看版本号
2.2 创建一个单独工作空间
一定要养成一个好习惯,每创建一个新项目都建立一个工作空间. 这可以保证AI记忆不混乱(别问我怎么知道的)
三 把想法给WorkBuddy,让它来反过来问你
有时候脑子里突然有了灵感,有了个新想发. 就可以丢给AI
具体操作如下:
①想法一:我想开发一个摸鱼阅读小程序,主要功能是实现上班能够摸鱼看小说. 帮我分析下可行不?
看来摸鱼阅读做成小程序是行不通了,那就换一条路
② 前两天刚去抚仙湖玩,拍了不少照片,能不能做个小程序,把照片拼接处理后直接发朋友圈呢?
继续把想法丢给WorkBuddy.
这个方向能做,接下来就是确定功能列表. 一个人的想法毕竟有限,这时就需要AI帮我们完善一下功能列表.
我是这样发提示词的: 根据上面的确认的,给我一份功能列表,有不清楚的需要跟我确认。
最后半句是我后来养成的习惯。做小程序最怕范围失控，最后做出来跟自己想的不一样。
让它把拿不准的地方列出来问你，比你自己想省事得多。
通过几轮对话,最后得到了如下功能列表文档
四 原型图设计
有了功能列表,最好还需要一份原型图,这一步我建议别省,毕竟眼睛看得到才放心
只需要跟workbuddy说: 根据功能列表,给我一份小程序原型图
它给我的是一份 HTML，手机屏横向排列，暖橙棕配米色，浏览器里点开就能看。首页四张功能卡、切图页的虚线网格和编号角标，全都在上面
有了原型图和功能列表,我们要做的是看看需求和界面设计是否否和预期,不符合的即使修改,知道满意为止
五 开发程序
5.1 选择小程序开发
经过上面和workbuddy对话,这时候我们得到了两个文件
-
九格图文-原型图.html
最重要的一步来了,选择代码开发中的小程序,然后把下面提示词给它
根据九格图文-功能列表和九格图文-原型图 这两个文档帮我开发小程序.
5.2 输入提示词
5.3 关联云服务
输入上面提示词后,WorkBuddy就开始吭哧吭哧干活了,过程中会弹出云服务弹窗让你选择.
如何选择?
如果小程序需要保存数据 、用户登录 、上传文件 ，或者调用大模型 就选择开启云服务,如果这些都不需要就选择不开启
确认后,WorkBuddy就自动帮你接入,并开始编写代码
等待一会后,我们看到小程序就开发好了,点击后即可预览
这是第一版生成的,跟我们之前提供的原型图其实已经很接近了.
但肯定是还会一些问题或者bug的,这些都不可怕,我们只需要继续和WorkBuddy对话让它帮修复就可以了.
例如:通过上面的预览,发现小程序没有开发创意拼图这个模块
我们只需要说:现在需要把创意拼图 这个模块加上即可
有时候,可能有些需求不好描述,我们还可以截图丢给它.
经过来回拉扯对接之后,我们的小程序基本差不多了,这时候就需要我们点击每一个功能测试了.
这里发现一个问题,就是在WorkBuddy中好像不支持选择图片进行测试 .
为了能更加真实的测试小程序效果,晓凡还是建议大家去下载一个开发者工具
下载地址:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
六 发布上线小程序
6.1 注册小程序账号
虽然后面小结中会说到创建试用版小程序。
但是晓凡觉得这样开发小程序就没意义了，因为别人也不能访问你的小程序，只能自己玩一玩。
所以晓凡建议大家都去注册一个自己的小程序账号,这才算一个完整闭环,也才有成就感。
1、访问微信公众平台官网
访问微信公众平台官网(www.weixin.qq.com),然后点击注册按钮注册即可
2、选择小程序进行注册
3、填写邮箱等信息
**注：**这里的邮箱必须是未注册过公众号平台、未注册过微信开放平台、未绑定个人微信号的全新邮箱。
每个邮箱只能申请一个小程序。
4、填写小程序类目和主体类型
这里晓凡开发的是非游戏类的，晓凡也是一名个人开发者，所以主体选个人
5、登录自己的小程序账号
等上面信息都填写完成提交成功后，我们的小程序账号就申请成功可以登录了。
之后的小程序发布、审核、备案上线都要在这里完成。
6.2 通过WorkBuddy发布
回到之前步骤，小程序各个功能测试好之后，**点击应用空间里的「分享」，**就进入发布流程。
怎么注册小程序账号,在前一小节说过了，不会的小伙伴可以再返回去看看。
接下来需要在手机上操作
6.3 开发者工具发布
利用开发者工具的好处是可以很方便的进行小程序预览和真机调试
预览和调试没问题之后，可以点击上传按钮
6.4 提交审核
不管是通过WorkBuddy还是微信开发者工具，经过上面步骤发布后，小程序都会上传到我们注册的小程序后台，如下所示
接下来，填写审核表单，提交审核，等待审核通过就可以了。
当然了，第一次提交审核，很大可能是不通过的（别问我为啥知道）。
这时候不需要着急，我们只需要把审核不通过的原因截图丢给WorkBuddy就可以了。
通过修改再次提交审核，直到出现如下截图所示，说明审核通过了。
6.5 提交发布
终于到最后一步了，将审核通过的版本提交发布。
只能说这一步真的很慢，晓凡足足等了22天才备案才通过。
当备案通过你会收到类似下面的邮件。
然后公众平台可以看到小程序成功上线了。
七 小程序管理
**从账号左下角进入「设置>数据管理>应用」，**在这里可以管理已发布的小程序
小结
毕竟是上线自己的第一款微信小程序，或多或少还是遇到了一些坑，但最终都成功解决上线了。
如果小伙伴对小程序感兴趣，一定亲自动手做一个，并成功上线。
也欢迎小伙伴们来体验小程序，功能完全免费。也希望小伙伴们多多在留言区提意见。
希望文章对您有所帮助，我们下期再见 ヾ(•ω•`)o (●'◡'●)