最近有同学咨询:MBTI测试这么火爆,能不能用扣子也搭建一个性格分析工具。答案当然是可以的了,本篇教程斜杠君就手把手教大家打造一个自己的扣子应用:通过一张照片,测试MBTI性格特质。
应用目标:上传一张照片,通过照片提供个性化的性格分析,帮助你更好地认识自己,发现潜在的优势和成长空间!
本教程保证大家一篇就能学会,全文将近4000字,每步都有细节讲解,大家耐心阅读。 可以关注收藏下面公众号原文,以免之后找不到,而且也不会错过我后面的教程。
公众号原文:最新扣子(Coze)实战案例:这么火的MBTI应用还不快学习,MBTI人格分析测试扣子应用搭建教程,手把手教学,完全免费教程
全文主要分为四部分:
1、创建扣子应用项目
2、创建工作流
3、设计用户界面
4、测试并发布应用
接下来,话不多说,开始教学。
一、创建应用
1、选择创建应用,选择左侧项目开发,再击创建按钮。
2、创建空白应用这里因为我们从头开始搭建的,所以这里我们选择「创建一个空白应用」。
3、填写信息填写应用名称及介绍,点击确认
看到这个界面的,我们第一步就创建完成了。
二、创建工作流
工作流是整个流程中相对复杂一些的部分,在这里斜杠君有一个心得:在创建工作流之前构思一下需要用到的工具以及他们的先后顺序,必要的话可以画一个思维导图,这样在后面搭建的过程中可以更加“心中有数”,以本次我们要搭建的应用为例:
思维导图:
工作流全景图:
分步骤拆解:
1、创建工作流
创建工作流在这部分,我们需要创建一个工作流来完成应用的主要功能。点击左侧工作流的+即可创建工作流。
2、配置工作流
① 开始节点
在开始节点这里,需要我们配置好输入的参数,变量1定义为BOT_USER_INPUT,变量类型为:string,描述内容为非必填项(该变量为系统默认的,可以删除);变量2定义为photo,变量类型为image
② 插件节点
添加完开始节点后,新增插件节点,该插件的作用是对用户上传的图片进行分析并将其转换为描述性文本进行高级图像识别,这里我们搜索并添加通义千问的qwen_vl_max插件;
插件的输入参数配置:image部分选择开始节点中输出的photo;text部分为【请对图中人物的相貌进行详细的描述】
③ 业务逻辑节点
添加完插件之后,新增业务逻辑节点,选中【意图识别】。输入参数选择插件的输出参数date,意向匹配部分为:包含对人脸和人物的描述
④ 大模型节点
在意图识别后增加大模型节点,输入参数仍然是插件输出的参数date
备注:提示词比较多,可以加入团队空间查看,加入方法在文章结尾。
⑤ 文本组件
在意图试别后,和大模型节点并列添加一个文本处理的组件,组件输入内容为:请上传包含人物的照片
⑥ 结束节点
将大模型节点和文本组件节点后连接到结束节点上,输出变量1参数名定义为output,参数值选择大模型节点的output;输出变量2参数定义为output2,参数值文本处理的output;回答内容为{output}{output2}
三、设计用户界面
敲黑板:到了重点讲解的环节了,这里才是扣子应用的重点玩法,大家仔细听讲,没关注的同学快关注收藏,以免之后找不到噢~
1、设计用户界面点击「用户界面」选项卡,就可以开始设计用户界面了。
2、拖入表单组件:选择表单组件并调整至合适大小
3、应用标题和简介配置:鼠标选中标题和简介区域可在右侧操作栏输入内容
4、增加图片组件:删除表单中默认的不需要的组件(左图),增加图片上传组件(右图),
注:图片的总数上限调整为1,即每次允许用户上传一张照片
5、配置按钮
① 属性配置
将按钮组件调整至合适大小,并配置加载态(左图),
备注:按钮loading状态这里是一个重要的细节问题,在点击按钮的时候,我们要给按钮一个loading的状态。
这里说明一下,工作流里有三个主要变量:一个是data,一个是loading,一个是error。这三个变量分别代表的意思是:data:工作流返回的值;loading:表示工作流是否在运行;error:如果工作流出错会返回错误信息。那这里我们就选择loading作为「加载态 」的状态。
② 事件配置
在事件配置中选中点击时调用工作流(我们刚才配置的)
非常注意:这里大家一定要选变量下面的value,如果只是选变量,是绑定不上值的,而且这里的上传的图片是一个数组。
6、配置文本组件
最后加入文本组件,用来显示用户输入的文字,记得在配置栏选中工作流返回的数据
7、表单预览
表单设计好以后,我们来预览一下整体的界面。
到这里为止, 我们的表单和工作流的绑定,以及数据的绑定就完全配置完了。
看到这里并能动手实践的同学,恭喜你!你已经通过Coze成功搭建了一个属于自己的应用, 快给自己点个赞,也给斜杠君点个关注,支持一下吧~
四、测试应用
接下来放松一下,让我们测试一下我们打建的应用效果怎么样~
点击预览按钮:
可以看到以下界面:
上传图片并点击运行,即可得到MBTI分析
怎么样,效果不错吧~ 测试没问题就可以点击发布啦,到这里,我们的扣子应用搭建教程就为大家讲解完了,相信你一定学会了,那就快动手试试吧~
️公众号原文:最新扣子(Coze)实战案例:这么火的MBTI应用还不快学习,MBTI人格分析测试扣子应用搭建教程,手把手教学,完全免费教程