前段时间我干了一件以前想都不敢想的事。我是一个文科生,不会写代码,也没有开发团队,但我做了一个微信小程序,并且成功上线了。从有想法到最终上线,总共不到7天,真正写代码的时间,大概只有5分钟,最离谱的是,代码全是AI写的。

以前如果你想开发一个小程序,可能需要找产品经理、开发,如果找外包,还得花费一笔钱。但现在,一个普通人加上AI,就能完成过去一个团队才能完成的事情。

这也是为什么最近越来越多人开始尝试做网站、小程序、Chrome插件、工具。今天这篇文章,我就完整复盘一下,一个纯小白,如何借助AI,从零到一开发并上线自己的微信小程序。

怎么开发微信小程序?不用懂编程!AI写代码开发上线实操复盘

我开发的这款小程序,叫“云端商业人格测试”。这是一个帮助普通人找到自己最适合的一人公司发展路径的AI测评小程序,小程序长下面这个样子。

怎么开发微信小程序?不用懂编程!AI写代码开发上线实操复盘

这个小程序的类型有点像MBTI性格测试,但测的是你的赚钱模式、你最适合的发展路线。用户测完后,会自动生成一份非常有被理解感的分析报告。接下来,我来做一个完整复盘。

怎么开发微信小程序?不用懂编程!AI写代码开发上线实操复盘

怎么开发微信小程序?不用懂编程!AI写代码开发上线实操复盘

一、先说几个大家最关心的问题

1、花了多少时间和金钱?

先说时间,整个过程花了不到7天时间。

AI写代码:5分钟

调试修改:半天

微信认证审核:1天

备案审核:5~7天

真正耗时间的,其实是审核。

再说费用,总共花了30元。

这是微信小程序认证费用,除此之外,没有额外成本,如果你问我现在开发一个小程序难吗?

我觉得开发已经不难了,真正难的是你有没有好的想法以及运营推广能力。

2、需要要用到哪些工具?

整个过程我只用了三个工具。

workbuddy:用于写代码和改bug

微信开发者工具:用于预览效果和上传代码到后台

小程序管理后台:用于提交微信认证审核、备案审核、以及发布小程序。

3、个人能开发吗?需要营业执照吗?

个人可以开发,就只需要花30块钱做个微信认证就可以

二、手把手教你开发并上线自己的第一个小程序

如果你想实操,可以按照我说的的流程一步一步来,整个过程并不复杂。

第一步:先想清楚你要做什么样的小程序

技术的门槛其实并不高了,最核心的还是要想清楚,你要开发一个什么样的小程序,解决什么痛点。

只有有市场需求,才能够更好地推广出去。

如果你是第一次用AI开发小程序,我建议不要追求完美,先做一个最小的产品出来。

而且建议从自己的业务场景里面去找一些真实的痛点。

这里分享一个小技巧,我们可以跟AI去头脑风暴,让AI给一些idea,任何一个AI都行。

比如我是打开ChatGPT,我让他给我一些建议,我直接问它:

我是一个一人公司的教练,我想用AI去开发一个小程序,这个小程序就是关于一人公司相关的一些东西,偏向于测评类的吧?你有没有什么好的想法?解决什么痛点?然后要偏向测评类的,那比如说,测试性格的话,有那种MBTI人格测试嘛,对吧?然后一人公司这一块有什么好的场景和痛点呢?然后方便去测试呢?你可以帮我想一下。

怎么开发微信小程序?不用懂编程!AI写代码开发上线实操复盘

然后它就建议我可以先做一个“一人公司人格测试”的小程序。

怎么开发微信小程序?不用懂编程!AI写代码开发上线实操复盘

还贴心的建议我先把MVP做出来,先不要做太复杂。其实就是一个测评类的小程序,给你20道题,然后你去回答,最终测评出你适合做哪种一人公司模式。

怎么开发微信小程序?不用懂编程!AI写代码开发上线实操复盘

想法有了,那怎么做出来呢?

大家应该知道,现在通过自然语言就可以让AI帮你编程了,只需要把需求描述清楚,就可以让AI帮你开发出来,也就是我们需要把提示词写出来。

这里我依然是让AI帮我写提示词,在同一个聊天框里,我继续给AI发送以下提示词:

可以啊,我觉得你的想法很好,就是直接做【你适合哪种一人公司模式】,我现在就是想用一个开发小程序的Agent帮我去开发出来嘛,然后我现在需要去给他提这个需求,帮我写一下这个需求的提示词,方便我直接复制发给他。要求大白话讲清楚,然后表达足够清晰,让它能够按照我们的需求完美的开发出来。

怎么开发微信小程序?不用懂编程!AI写代码开发上线实操复盘

然后你就会收到一段结构非常清晰的提示词,这段提示词我们需要复制下来,等后面会用到。

第二步:进入开发环节,用workbuddy帮你写代码

1、准备工具

电脑上先去官网下载好workbuddy和微信开发者工具,具体的我下载链接我就不贴了,文章里不允许放链接。

怎么开发微信小程序?不用懂编程!AI写代码开发上线实操复盘

除此之外,要先去微信公众平台,去注册一个微信小程序,准备好一个邮箱、你的身份信息就可以注册了,按照提示去注册,很简单。

怎么开发微信小程序?不用懂编程!AI写代码开发上线实操复盘

注册好之后,在小程序后台的账号信息里,能够看到一个小程序ID,这个ID要获取到,因为后面会用到。

怎么开发微信小程序?不用懂编程!AI写代码开发上线实操复盘

2、让workbuddy开发小程序

下载好之后,我们打开workbuddy,在左侧的专家栏,搜索“小程序”,会跳出一个“微信小程序开发者”的专家,点击立即召唤。

怎么开发微信小程序?不用懂编程!AI写代码开发上线实操复盘

然后把第一步里AI给我们写好的提示词,复制到文本框里,点击发送。

怎么开发微信小程序?不用懂编程!AI写代码开发上线实操复盘

然后workbuddy就会吭哧吭哧的帮我们写代码了,它会自动规划怎么完成任务,帮我直接在桌面上创建项目文件,然后把代码写进文件里。

怎么开发微信小程序?不用懂编程!AI写代码开发上线实操复盘

怎么开发微信小程序?不用懂编程!AI写代码开发上线实操复盘

这些文件夹你看不懂没关系,你只需要知道它帮你把文件夹放到电脑的哪个位置了就行。

3、查询文件位置

点击任务条右侧「 ... 」,点开「打开文件夹」。

怎么开发微信小程序?不用懂编程!AI写代码开发上线实操复盘

点击打开文件夹之后,然后就会跳转到这个文件夹。

怎么开发微信小程序?不用懂编程!AI写代码开发上线实操复盘

这里要注意的点,就是我们要找到app.js所在的文件夹,这个是小程序的项目文件夹,我们一会儿要用到这个文件夹。每个人的小程序的项目文件夹的命名都不一样,是workbuddy自己去创建的,但我们可以通过app.js的所在位置识别。

怎么开发微信小程序?不用懂编程!AI写代码开发上线实操复盘

这个小程序的所有代码都在这个文件夹里面,开发环节就算完成了,接下来要进入预览和调试的环节。

第三步:用微信开发者工具进行预览和调试

先去官方下载好这个工具,要用它来预览小程序。

怎么开发微信小程序?不用懂编程!AI写代码开发上线实操复盘

下载好之后,打开微信开发者工具,扫码登陆后,点击+号

怎么开发微信小程序?不用懂编程!AI写代码开发上线实操复盘

点完加号之后,要填写一些信息。

项目名称:根据你的喜好填写,比如可以直接填写你的小程序名称

目录:选择WorkBuddy生成的小程序项目文件夹(上面提到的那个app.js所在的文件夹,确保app.js在这个文件夹的根目录下)

AppID:选择前面提到的小程序的APPID

后端服务:选择微信云开发

开发模型:小程序

怎么开发微信小程序?不用懂编程!AI写代码开发上线实操复盘

创建后,就会进入开发预览界面了,我们要进行预览和调试,右侧预览界面是可以交互的,可以以用户的角度去走一遍流程,看是否是正常的。然后点击console,能看到有没有报错的,红色的就代表是bug。

怎么开发微信小程序?不用懂编程!AI写代码开发上线实操复盘

如果出现bug,那就把报错的截图发给workbuddy,让它继续改,几秒钟之后,它就改好了。

怎么开发微信小程序?不用懂编程!AI写代码开发上线实操复盘

然后再去微信开发者工具里,点击资源管理器刷新和编译刷新,就可以重新预览和测试了。

怎么开发微信小程序?不用懂编程!AI写代码开发上线实操复盘

这里需要有点耐心,反复去刷新去测试。没问题之后,就可以去上传了。

怎么开发微信小程序?不用懂编程!AI写代码开发上线实操复盘

输入版本号,提交过后会自动先上传到你的小程序后台。

怎么开发微信小程序?不用懂编程!AI写代码开发上线实操复盘

打开微信公众平台进入小程序后台,有个版本管理页面,能看到你提交的版本。

怎么开发微信小程序?不用懂编程!AI写代码开发上线实操复盘

调试完之后,最后就是要补充小程序信息、微信认证和备案了,这个不难,就是审核比较费时间。

第四步:补充小程序信息,提交微信认证、备案

进入小程序后台首页,会提示你去完善这几个事项,按照提示一步一步去完善就行。

怎么开发微信小程序?不用懂编程!AI写代码开发上线实操复盘

具体的步骤我这里就不展开了,因为太多截图了,完全按照提示去操作就行,就跟注册微信一样,不难,弄好后你就会收到提醒。

怎么开发微信小程序?不用懂编程!AI写代码开发上线实操复盘

这里面我补充一个细节,就是小程序类目这块一定要选对。

怎么开发微信小程序?不用懂编程!AI写代码开发上线实操复盘

你如果不知道选哪个类目,可以问AI或者直接问workbuddy,我选择的工具类的信息查询类目。

怎么开发微信小程序?不用懂编程!AI写代码开发上线实操复盘

三、我做的这个小程序,到底能干什么?

很多人看到这里可能会问开发出来之后有什么用?

我开发的这款小程序叫云端商业人格测试。

它的核心功能是帮助用户找到适合自己的一人公司模式。

比如有人适合做内容IP,有人适合做社群,有人适合做咨询,有人适合做产品。

很多人一直做不起来,是因为方向选错了,所以这个小程序本质上是在解决不知道自己适合做什么。

用户测完之后,会获得一份AI生成的分析报告,帮助他更了解自己。

目前这个还处于1.0版本,等后面有时间我再进行迭代。

怎么开发微信小程序?不用懂编程!AI写代码开发上线实操复盘

四、AI开发的小程序,可以怎么变现?

第一种方式,是通过流量主来获得收益。

开通流量主收益要有一个基本条件,就是uv(小程序点击)达到500,达到500就可以开通广告了。

怎么开发微信小程序?不用懂编程!AI写代码开发上线实操复盘

另外一方面可以作为引流入口。

如果你不知道可以开发什么小程序,可以参考下面几个类型,先把最小闭环跑通,哪怕前期很简单很简陋。

第一种:测评工具,比如MBTI测试、职业测试、创业测试、商业人格测试等,可以通过测试吸引精准用户。

第二种:行业工具,比如爆款标题生成器、自媒体选题工具、内容诊断工具,帮助用户解决具体问题。

以前这些事情,对于普通人来说几乎不可能,现在已经变得触手可及。