AI编程,一天搞定,我用AI从0到1撸出一个工具类小程序,全程实录!

复制代码

无需代码基础,手把手教你用Kiro+Supabase打造自己的'工具库'!

小伙伴们,你是不是也想过开发一款属于自己的微信小程序,却卡在技术、设计、数据库的复杂环节?

今天,我将为你完整拆解一次「从想法到上线」的真实开发之旅------借助AI编程助手Kiro,仅用一天时间,就完成了一款涵盖登录、工具调用、次数管理、后台控制的全功能小程序!

从Supabase数据库的配置,到微信一键登录集成;从专注时钟、九宫格生成等工具的实现,到兑换码与广告变现的灵活设计------每一步都有截图、代码和实操记录。

更重要的是,整个过程就像拼积木一样清晰:你不需要深厚的技术背景,只需跟着这篇实录走,就能拥有一个可运行、可扩展的"工具集"小程序。

数据库准备

创建一个新项目

获取相应的url apikey备用

复制代码

需求整理

复制代码
开发一个工具栏的微信小程序,项目名称 小妖工具集
-微信用户一键登录,登录后可在我的里面设置对应的用户信息
-开发常用的工具供用户使用,每个工具默认使用次数为10次 
-常用工具:专注时钟、待办事项、九宫格图片生成、图片水印、图片压缩 等实用工具
-实用次数用完,可输入兑换码进行兑换次数,也可接入微信广告,看一次广告可获取5次使用次数
-添加后台管理功能,可进行用户管理,生成兑换码,相关工具的使用情况分析。
-数据库使用supabase 
连接参数:
NEXT_PUBLIC_SUPABASE_URL=https://xxx.supabase.co
NEXT_PUBLIC_SUPABASE_ANON_KEY=xxx.x x x.xxx-xxx
-后台管理可使用插件的形式新增工具,写入supabase中,小程序端能够正常调用

Kiro 自动编程

将需求复制给kiro ,模式选择Spec 开始生成初始的需求

点击【Move to design phase】开始进行设计阶段

复制代码

点击【Move to implementation plan】开始创建实施任务列表

将所有任务设为必须(从一开始就全面)后生成了26个主要任务

双击tasks.md 打开任务 从任务1开始 start task

接下来就是对任务逐一点击开发

全部任务完成

开始小程序的调试

初始化数据库

根据生成的sql文件初始化supabase 数据库,根据生成的文档初始化工具数据

打开小程序后台

进入后台管理界面

登录后进入了小程序的后台管理页面

接下来我们来看下小程序端,使用微信开发者工具打开相应的项目

添加相应的图标文件

遇到报错交给kiro

小伙伴们,可以行动起来了,打造属于自己的小程序!


复制代码
复制代码

往期精彩推荐

AI编程 智普GLM4.6从0-1开发一个小程序

AI编程,利用Maxkb 开发一个企业级知识库问答系统!

「码上圣诞」手势魔法!AI实时捕捉,3D粒子照片云变身华丽圣诞树,你的手势就是魔法棒!

AI编程神器震撼来袭!30分钟搞定全栈项目!

AI编程,企业微信审批的辅助开发!


复制代码
复制代码
复制代码
复制代码
复制代码

感谢大家的点赞和关注,我们下期见!