以下是关于 Coze 应用的相关信息:
应用的搭建逻辑拆解完,下面进行实战演练,开始复刻案例应用[heading2]1、创建Coze应用[content]点击Coze创建,选择应用,选择空白,即可进入Coze IDE[创建coze应用视频.mp4](https://bytedance.feishu.cn/space/api/box/stream/download/all/MyS4bSssloCij8xjPsacbTAjnWe?allow_redirect=1)[heading2]2、搭建业务逻辑[content]进入Coze IDE后,默认显示业务逻辑编辑界面,基于业务逻辑搭建一个工作流[搭建业务逻辑.mp4](https://bytedance.feishu.cn/space/api/box/stream/download/all/BgfDb1T87o7Wkux6K0dcf2SCnzW?allow_redirect=1)业务逻辑的实现依靠工作流来实现,Coze IDE内编写工作流与捏bot编写工作流的逻辑完全一致,只是入口不同大模型节点系统提示词如下:你是一个致力于创作反心灵鸡汤的灵魂段子手#根据{{input}}创作对应的反心灵鸡汤#采用具有强烈讽刺意味的表达#风格应当毒舌、辛辣、讽刺#内容应当深刻、直击灵魂#内容应当精简,不超过50字#当{{input}}为空时,吐槽用户这个行为#当{{input}}涉及政治、党派、种族歧视等敏感内容时,拒绝创作,并吐槽用户的钓鱼行为#请尽情挥洒你的创造力
[coze应用案例视频.mp4](https://bytedance.feishu.cn/space/api/box/stream/download/all/N0mmbMJ28oUzIPxZriMcddRrnHb?allow_redirect=1)案例核心功能说明一个吐槽心灵鸡汤的应用,允许用户输入心灵鸡汤类内容,ai生成对应的反心灵鸡汤,并展示在前端页面。案例应用体验地址https://www.coze.cn/s/iDGHwn8t/[heading2]核心操作流程拆解[content]1、用户在页面输入指定文本2、用户在页面点击【开喝】按钮3、Coze后台调用工作流生成对应内容4、工作流生成的内容展示在前端界面内[heading2]核心前端设计拆解[content]1、用户界面提供一个元素A(Coze中称作组件),让用户输入内容2、用户界面提供一个按钮A,让用户点击后调用工作流3、用户界面提供一个元素B,向用户展示工作流的结果上述三个元素(组件)是实现用户交互和结果展现的核心[heading2]核心业务逻辑拆解[content]1、读取元素A的用户输入2、将用户输入传递给ai大模型3、ai大模型按照提示词设定生成指定内容4、在元素B展示ai大模型生成的内容基于上述业务逻辑,只需要设计一个简单的工作流即可。该工作流由【开始】节点(用户输入)、【大模型】节点(ai生成内容)、【结束】节点构成(内容输出)。
其实Coze的AI应用跟网页应用是非常类似的架构:1.Coze的AI应用也有一个前端页面:用来让用户进行文字输入或者图片上传等工作。2.Coze的AI应用也有一个数据处理端,将前端页面用户写入的文字或者上传的图片进行处理。这个数据处理端就是:工作流或者插件1.当工作流或者插件将数据处理完成后,有两种路径:将处理完成的数据展示在前端页面,供用户查看将处理完成的数据保存在数据库/知识库中,供用户额外查询所以在搭建Coze的AI应用的时候,我们只需要关注3个方面:1.Coze AI应用的前端页面怎么构建,布局是怎样?页面有哪些组件构成?以及他们之间的关系2.Coze AI应用的前端页面应该如何将页面数据(输入的文字或者上传的图片)传递给工作流或插件3.工作流/插件处理完成后输出的数据应该如何返回给前端页面展示下面你会发现,我们在构建任何AI应用时,都在解决这三个问题,下面我开始通过多个官方案例来学习如何构建一个完整的Coze AI应用![heading1]案例1:AI翻译应用[content]AI翻译应用是官方提供的最基本的AI应用,我们通过这个案例把AI应用的基础打牢!这个应用中我们应该掌握以下几点内容:1.AI应用前端的基本结构:页面(Page)组件(Component)Form表单Div容器文本框......事件(组件上绑定事件)1.Form表单的数据提交2.表单如何向工作流传递数据3.工作流产生的数据如何返回给前端组件展示