用Ai开发微信小程序,没想到那么简单(二)图片识别文字

简介

本章我写一下如何用trae 全程AI代码编写微信小程序。(工具:图片识别文字)

工具:1-trae,2-微信官方开发工具

服务:小程序应用市场中的OCR识别,每天提供100次的免费额度,足够我们日常调试开发

第一步 创建基本小程序项目

先打开trae,新建一个项目,随意取个名字,之后进入项目,直接进入SOLE模式(trae中这个模式用起来舒服)然后就在chat界面描述你的需求,“给我创建一个微信小程序,首页支持多个功能点击的界面,暂时不需要开发具体功能,给我创建能实际运行的小程序代码”,提示词因人而异,也可以用AI润色一下效果更佳,(我习惯用deepseek进行润色),这边我直接原始的提示词。运行前你也可以选择一下用哪个模型,不过我觉得auto给的效果就不错了,基本不用排队。之后等待一段时间,就会出现项目代码,然后我们打开微信官方工具打开同一个文件夹,等待小程序工具加载完成直接进行编辑运行,期间有问题直接复制log 框中的bug info 直接去trae中粘贴询问。基本

进行几轮问答,小程序就能直接成功运行了。

第二步 制作一个简单的AI工具(图片识别文字)

由于我们自己没有办法直接识别图片,于是用到微信小程序市场的一个OCR功能,基本每天免费100次的使用额度,满足基本开发

根据给的接入文档,直接复制给trae,然后给出我们的需求“我想做一个图片识别文字的功能,你在首页给我创建一个item名称为图文识别文字,点击进入二级界面实现功能,功能页面参考我给出的OCR接入文档进行集成”。之后再来回问答几轮,主要是一次生成肯定有bug,我试了大概10多次之后,终于把功能跑通,手机运行选择图片直接能提取出文字,效果还算ok。

总结

本次成功也给我一些信心,基本市面上好用的工具都会有各种免费使用的额度可以用,这个就看你如何选择了,学习阶段可以都涉略一些也是挺有帮助的,我下一篇的“抖音视频提取功能“就是找了一个开源的MCP服务进行的开发。

小程序:蚕宝宝的小工具