我用coze制作一个AI红包封面生成小程序和小程序制作流程

230 阅读2分钟

coze的小程序制作主要分为业务逻辑和用户界面两个方面。

首先.我之前有小程序前端经验,我先制作了小程序的前端界面。

5946a4dc011d95bc7e850dc3816354e.png

96a38aa5d421cf4279d4fd50f636e9c.png

其次.最重要小程序后端,也是coze里的业务逻辑,也叫做工作流,完成后面AI红包封面生成。

6e9549e852a5379d008bb9b3064407a.png

我在开始插件中填写的内容包括提示词和图片,不是必填。其次,我们还要使用选择器插件,图片生成插件,图片修改插件,变量聚合插件。

2d113a134dd6e774d0329686cbd7e45.png

每个插件功能;

一.选择器插件:选择不同功能流程,我主要选择提示词图片生成和图片修改流程

1.提示词生成图片流程,我们可以直接填写提示词直接生成图片

89834bdcc4d6086c15759dfed11359a.png

2.图片修改生成流程,我就不展示了,一样的路径。

二.图片生成插件:主要功能根据提示词生成图片。这里有个误区就是coze大模型插件是无法生成图片的,我们只能选择图片生成插件。

8e9ea99888383ae62443355df2f7c1e.png

三.图片修改插件:主要是图片进行修改

四.变量聚合插件:这也是一个非常重要插件。主要功能就是把不同流程生成图片聚合在一起,否则会出现生成错误。

e8e047fd6012cab271b01ab1f0e7b8e.png

最后.我们怎么把前后端联系在一起形成一个完整的小程序架构。

1.生成过程中我们要调用制作好的工作流。

8fad1adad969725cfd3cfa0a336bc80.png

入参参数是输入框中的提示词内容,AI根据输入框内容生成红包封面。

2.生成图片与数据绑定

3a60a7990b9932d0cbcda9a82d67bfb.png

图片绑定工作流的数据,生成结果才能展示。

最后.再检查无误之后,我们只需上架就行了。

8c8ac6ce16013bea10f01ed2c56f344.png