00:00
大家好,最近我在参加腾讯的一个比赛。开发了一款微信小程序。全程我是没有写过一行代码,都是通过AI来帮我完成的。我们先看完成后的一个效果。我这里已经打开了微信开发者工具,在这个工具的左边就是我们这个这款小程序的一个界面了,可以看到这是一款啊手写便签背景图的一个生成器,用户可以输入文字或者选择下面的文字,然后选择便签的风格。文字的风格,然后点击生成便签的按钮。就可以自动帮我们完成这个变迁图片的生成。可以看到,他已经帮我们生成了这个便签的图片,包含了文字。这就是整个小程序的一个完整的功能了。下面说一下我是如何开发完成这款小程序的。
01:00
我们开发啊。小程序或者外部应用都是需要用到,呃,开发的工具,我这里使用的是啊,腾讯云刚推出的一款AIIDE工具Co body.也就是我现在打开的这个界面。这款ID非常强大。它已经集成了MP。还有clubplas等,这些工具还支持很多各种大模型。比如说刚最前几天刚推出的这款GPT5大模型。也有这些cloud的这些非常强大的编程的大模型。Germany这些大模型。然后这个是它的一个官网。目前呢是只有海外版需要申请邀请码之后才可以进行下载和使用,感兴趣的朋友可以申请邀请码之后进行下载使用。下面再分享一下我是如何通过Co body这款IDE来完成一步完成小程序的这个UI设计,代码开发提交再到部署上线的。
02:11
首先第1步我们来到这个比赛的官网这里。啊,获取我们开发的一个模板,我这里是呃开发小程序,所以说我这里使用的是微信小程序加云开发的这个模板,拿到模板下载之后呢,导入到我们的这个ID里面。就可以看到,呃,他这个模板包含了各种各样的呃规则文件。还有啊。云函数的一个。模板,小程序的一个模板都在这里面了。拿到模板之后呢,第二步就是啊,完成小程序的一个UI设计,因为它这款ID已经集成了这个figma工具,这个figma就是一个非常强大的一款UI设计的。呃,UI设计的一个一款工具。
03:02
它是可以直接从这里打开F特码工具之后进行我们的一个UI的设计。啊,这里加载比较慢。在飞格玛的左侧就可以看到我跟他沟通的一个过程,我直接用自然源就是的方式来跟他说,帮我生成一个便签背景图的一个微信小程序。然后他就会给我提,自动生成了这款小程序的一些功能。然后最终。帮我们生成了右侧的这个,呃,小程序的UI界面。然后我们就可以通过啊。ID的这个窗口。让他根据这个UI设计来帮我们完成小程序的一个需求。
04:06
和开发的一个计划。这里可以看到。我让他根据这个UI设计图来帮我啊,完成这个PRD需求的编写。然后他就基于微信小程序开发的规则,帮我生成了这个小程序的一个完整的PRD需求文档。这款啊,需求文档非常的详细,包含产品的概述,功能需求,技术架构,UI设计的规范,性能优化,测试计划等等,他都给我详细的。列了出来。最后我就让他根据这这个PRD文档来进行一个开发。
05:04
开发完成了之后,因为它涉及到这个啊云函数的部署,我们可以直接在这个输入窗口,让他帮我们直接跟他说登录开发。它就会自动来啊。调用club bases的这款工具。我们得先啊,扫码扫码登录,然后。这里先登录一下。登录之后就完成了这个cloud base工具的一个连接,它这里就会自动帮我们。通过高贝这款工具来完成云函数的部署。
06:08
从我们沟通的这个记录就可以看到,他已经帮我们完成了这个云函数的部署,并自并自动测试通过了。然后我通过,呃,然后我再让他帮我把代码提交到CNB的仓库中。但是过程中他是没有帮我自动去进行一个提交的,然后我是根据他给我提供的这个手动操作的步骤,完成了这个代码的一个提交。当我们把啊代码提交完成之后啊。在小程序啊,在微信开发者工具这边也测试通过没有问题之后呢,可以通过呃。通过这里开发者工具这个上传,这里手动进行这个源码的上传。
07:00
上传了之后呢,就可以在啊小程序平台那边进行一个啊那个。代码的提交,然后等腾讯那边的人工审核通过之后,就可以发布上线我们的小程序了。他这里其实也可以通过。通过club base的方式来自动来帮我们进行一个这个小程序代码的提交的。因为他这个工具这里就可以看到。它的一个核心特性就是可以进行一键部署。集成、云开发集成、一键接入数据库、云函数静态托管等等。但我这里是没有。没有实现自动帮我进行一个源码的这个上传的。大家感兴趣的话可以进行尝试。好。这就是我啊今天分享的所有内容。
08:00
谢谢大家。
我来说两句