太强大了！Coze史诗级提升，零门槛做自己的AI产品！

一觉醒来，Coze又升级了，直接可以做应用级产品了。

比如这个AI写真馆，上传照片选择对应风格直接生成，不再是之前的对话方式，这次更加符合用户习惯。

操作也很简单，以“拖、拉、拽”的方式快速完成用户界面的搭建，在对接工作流来完成后端的业务逻辑，真的太强了！！

如果你还是感觉满分，Coze还准备了多种模块，直接套用即可。

今天我把前面我们做的证件照工作流直接做成了网页应用。

看下效果。

我们来看下具体需要怎么操作。

点击“+”的时候 多出来了一个创建应用的选项。

起名字、介绍、生成应用图标的操作和之前智能体一样。（PS：这次生成的图标好丑！）

进入应用界面可以看到分成了2部分，分别是“业务逻辑”和“用户界面”。

“业务逻辑”简单来说就是我们这个应用需要用到哪些工作流、插件或者数据库。

“用户界面”很好理解，就是用户操作的界面是什么样的。

我们先来搞“用户界面”

把大概的需要用到的组件拖出来。

这里我们把页面分成2个部分分别使用的2个“容器组件”：

1、左边放上传照片、选择性别、选择颜色的组件。

2、右边放生成出来的效果。

添加左侧内容：

分别使用了：

1.“文本”组件。

2.“图片上传”组件。

3.“下拉选择”组件。

4.“下拉选择”组件。

5.“按钮”组件。

上面这4种组件都在一个表单组件里。

可以直接添加一个表单组件，然后在具体调整里面的都包含什么组件。

添加右侧内容：

右侧比较简单，就是显示生成好的证件照。

这里用一个“图片”组件来显示就可以了。设置一下显示比例。

界面大概就这样，剩下就是美化了。

加图片，调背景颜色等等，大家可以自行捣鼓，这里就不展开讲了。

PS：Coze的这次设计感觉有点反人类的地方，删除组件居然不是“Delete”键。而是键盘的“退格”键。

对就是打错字删除的那个按键，让我找的好辛苦！！！！希望Coze可以修改一下，好不习惯啊~~

接下来是“业务逻辑”板块。

来到“业务逻辑”页面，把我们做好的工作流添加进去。

不知道工作流怎么做的可以看

最近工作流改版，不再分图像流和工作流了。

添加节点的方式也改了，有些功能移到了插件里。

可以在里面搜索找到。

OK，工作流的问题就先不说了，后面我们再重新出一起工作流搭建的内容。

工作流引入完成之后，需要和前端“用户界面”的内容关联到一起。

首先点击导航，找到我们左侧的这个表单。“Form1”。

为这个表单添加一个“事件”。

事件配置方法如下：

简单解释一下我理解的意识：

事件类型：OnSubmit（表示当这个表单被提交的时候）。

执行动作：调用workflow（调用工作流）。

workflow：选择要调用的工作流名称。

Workflow 入参配置：要调用的工作流需要输入的内容，对应我们工作流开始节点的这个几个参数。

zhaopian：{"file_id":"{{ ImageUpload1.value[0].file_id }}"}

xibie：{{ Select1.value }}

yanse：{{ Select2.value }}

另外检查一下自己的“生成”按钮有没有点击事件。

如果你是直接添加的“表单”组件，默认这个按钮事件已经自动配置了。

到这里我们左侧的部分组件和工作流对接就完成了。

右侧图片显示就比较简单了。

把“图片”的来源改成“绑定数据”，绑定工作流返回的内容。

全部设置完毕直接点击预览和发布就可以啦。

赶快尝试做一个自己的AI产品吧！有什么问题可以评论区留言哦！

记得点赞，在看，收藏三连！

我们下期再见，拜拜啦~