如何用 AI 完成的一键生成微信红包封面的项目?

如何用 AI 完成的一键生成微信红包封面的项目?

如何用 AI 完成的一键生成微信红包封面的项目?
如何用 AI 完成的一键生成微信红包封面的项目?

临春节了,微信红包封面又要热闹起来了,之前也发过:微信红包封面又给你利用AI“挣钱”的机会了


于是我用 AI 工具:windsurf,“搓”了一个玩具,可以在线一键生成微信红包封面图并预览效果,我把一些红包元素都提炼好了,你只用在输入框输入你想表达的意思,都会生成相对中国红风格的封面图。同时会展示其他人在我这个平台上创造的封面图,如果没办法自己去微信红包封面后台制作封面的,也可以直接去买红包封面,可以是我做的,也可以是其他人做的。

如何用 AI 完成的一键生成微信红包封面的项目?

可以先体验再回来看这篇内容(也可以直接公众号对话框输入:红包,即可获得对应链接。):

https://www.wsmdx.com/hongbao/

从一开始到后面正式上线我几乎没有在左边代码编辑框里写一个字,全部效果都来自于我在右侧区域同 AI 的对话,也正好给对这个感兴趣甚至想学的同学看清楚一个完整的过程。

如何用 AI 完成的一键生成微信红包封面的项目?

包括上面这张图,也是 AI 画的,就是在完成这个项目之后,跟他说:请根据这个项目的功能帮我画一个项目结构功能说明书,类似一个产品经理的简单文档。

如何用 AI 完成的一键生成微信红包封面的项目?

1,我让它创建一个html5 的页面,我给了它一张微信红包封面的透明图:

如何用 AI 完成的一键生成微信红包封面的项目?

它一次就给出了很不错的设计风格,我俩经过几轮沟通之后,就是现在线上差不多的效果:

如何用 AI 完成的一键生成微信红包封面的项目?

如何用 AI 完成的一键生成微信红包封面的项目?

2,让这个“静态”页面开始接入 API(这个是用的一个开源项目改造而成的),可以画图。

如何用 AI 完成的一键生成微信红包封面的项目?

AI 根据指令开始干活,实现了一个初版,能让指令提交到出图工具上

如何用 AI 完成的一键生成微信红包封面的项目?

如何用 AI 完成的一键生成微信红包封面的项目?

3,上面是实现了把输入框的内容提交到画图工具,可以正常出图后,还需要一个接口把画出来的图关联到当前用户展示出来。

如何用 AI 完成的一键生成微信红包封面的项目?

还需要一个获取内容的 API,我把对应的字段发给 AI 让它执行:

如何用 AI 完成的一键生成微信红包封面的项目?

这是它执行结果:

如何用 AI 完成的一键生成微信红包封面的项目?

实现了展示图片,显示生成图片的进度。

当然这个过程也没那么顺利,是进行了多次对话的结果:

如何用 AI 完成的一键生成微信红包封面的项目?

4,因为我担心有人不停的点击刷新生成图片来捣乱,于是我给 AI 提了个需求:

如何用 AI 完成的一键生成微信红包封面的项目?

然后它给我的方案倒是让我很惊喜:

如何用 AI 完成的一键生成微信红包封面的项目?

如何用 AI 完成的一键生成微信红包封面的项目?

如何用 AI 完成的一键生成微信红包封面的项目?

效果就是这样的:

验证码系统:

如何用 AI 完成的一键生成微信红包封面的项目?

自动回复消息:

如何用 AI 完成的一键生成微信红包封面的项目?

前端验证码:

如何用 AI 完成的一键生成微信红包封面的项目?

如何用 AI 完成的一键生成微信红包封面的项目?

某种程度上,这个方法能降低被白嫖的风险,也能用比较低的成本增加关注和互动。

5,因为不是所有人都有资格能在微信红包后台做封面,于是我就需要在页面上加一个类似“商城”的东西,简单的利用微信开通的「付费封面」功能可以卖。

如何用 AI 完成的一键生成微信红包封面的项目?

于是我提出来简单的需求,主要是告诉它我能提供那些内容:

如何用 AI 完成的一键生成微信红包封面的项目?

还需要一个让我方便添加内容的后台,同样也是用的SQLite 数据库。

如何用 AI 完成的一键生成微信红包封面的项目?

经过几轮对话之后,效果如下:

如何用 AI 完成的一键生成微信红包封面的项目?

前端效果,pc 和移动做了自适应,移动端可以直接点开购买,体验会更好。

如何用 AI 完成的一键生成微信红包封面的项目?

后台管理,很简单的一个结构,这里添加我做的红包封面信息即可在前端展示出来。

6,我想把内容更丰富些,把所有通过我这里生成封面的图片都展示出来,于是我又提了个要求:

如何用 AI 完成的一键生成微信红包封面的项目?

AI 按照我的需求开始干活:

如何用 AI 完成的一键生成微信红包封面的项目?

效果就是现在这个样子:

如何用 AI 完成的一键生成微信红包封面的项目?

就是直接展示了,没有再进一步做一个图片内容单独的展示了,所以点图片是么有反应的~

问题

以上就是整个项目的全过程,当然,中间过程并没那么容易,因为用 AI 最大大一个问题就是,它容易“贵人多忘事”,一旦它完了,后果就很严重,需要不断的返工,让它重做,所以能正常恢复之前的状态很重要,尽可能让它在改问题的时候,先让它告诉你它认为哪里有问题,它想怎么改,等你确认了之后它才可以改,这样保险一些。

提需求的过程就很重要了,比如我这个项目中间就出现过,本来它用的 a 数据库的表,然后改着改着,它自己又创建了个 b 数据库,后面的代码都跟 b 进行交互了,验证码验证怎么都不对,各种改都解决不了,直到我自己看它的代码的时候才发现……

于是整个项目的代码有非常多“冗余“,让 AI 改多了,很容易变成程序员所说的”屎山“,但好处就是,起码不用人去屎堆里翻来翻去……

如何用 AI 完成的一键生成微信红包封面的项目?

这个是我为这项目新开的一个账号(15 美金),百分之九十的对话都用在它上面了~

感兴趣的朋友可以试试看~也欢迎体验我做的这个生成红包封面的项目~体验地址见左下角的阅读原文。

后面我会专门写一篇「所谓零基础到底能不能用 AI 编辑器写一个产品」。


来源:https://mp.weixin.qq.com/s/F_GDfWrnvSGbQtlNSRVJSg

本文地址:https://www.163264.com/10320

(0)
上一篇 4天前
下一篇 4天前

相关推荐