一个月前,我写了一篇《AI 开发的捷径:工做流形式》,惹起了不少读者的趣味。
各人都认同,AI 使用是开发者的机缘,而图形化、低代码/无代码、不须要编程根原的"工做流形式",正是 AI 使用开发的入门捷径。
但是,我的这篇文章只引见观念,没有收配轨范。不少读者真际上手时,逢到了艰难,有些处所不了解,作不下去。
原日便是后续,我具体演示,一步步图解,没有编程根原,如何搭建一个最简略的 AI 使用。只有你随着作,就能作出来。
二、开发工具那篇教程运用的开发工具是扣子(Coze),所有收配都正在它的阅读器 IDE(集成开发环境)中完成,
选择扣子(Coze),次要起因有三个。
(1)它是国产的 AI 使用开发平台,字节跳动的产品,界面、文档、客服都是中文。
(2)它有无代码编辑器 Project IDE,包孕组件拖拽的 UIBuilder,可以生成全罪能的前端界面,上手门槛相对低。
同时,它也供给后端数据库,可以数据读写。
(3)它免费运用(只有不赶过运用额度),发布上线也不支费,符折新手练习。
三、示例名目咱们的示例名目,是一个最简略的"AI 文言文生成器"。
各人先看成品,可以点进去试用。(倡议 PC 会见,UI 还没有适配手机。)
输入一段汉语口语文,点击按钮,AI 就会主动生成文言文。
架构上,它很是简略:前端是一个网页表单,将用户的输入发送给后实个 AI 模型,并展示后实个返回结果。
它的开发只须要两步,第一步先让后实个 AI 模型跑起来,第二步作一个网页,连贯后端便可。
扣子的便捷之处正在于,前后实个生成都是图形化收配:后端是编牌工做流的节点,前端是 UIBuilder 的界面拖拽组件。
下面便是开发轨范。为了担保各人跟得上,我写得比较具体,看起来有点长,但是真际收配是很快的,熟练的话,10分钟就能完成。
四、创立名目首先是开发的筹备工做,先创立 AI 使用。
(1)会见扣子官网,点击左上角的"根原版登录"。(根原版只比专业版少一些企业级罪能,普通用户彻底够用。)
(2)登录后,主动跳转到个人主页,点击右侧菜单的"工做空间"。
工做空间里面,有"名目开发"和"资源库"两个页面。进入"名目开发",可以看到你所有的名目。
(3)点击左上角的"创立"按钮,跳出一个弹框。
上面有两个选项,"创立智能体"是创立一个传统的 AI 聊天,"创立使用"则是创立一个自界说界面的 AI 使用。
(4)选择"创立使用",那时会让你选择使用模版,点击"创立空皂使用"。
接着,输入项宗旨称呼,那里是"AI 文言生成器"。
至此,名目创立完结,系统会主动进入"AI 文言生成器"的使用主页(下图),正式的开发工做就要初步了。
使用主页的最上方,有"业务逻辑"和"用户界面"两个分页,默许是"业务逻辑"页面。
那一节就解说如何创立业务逻辑,也便是后实个 AI 模型。
咱们给取工做流形式,行将业务逻辑编牌成一个个节点。
(1)点击右侧菜单的"工做流"背面的"+"号,选择"新建工做流"。
输入工做流的称呼和形容。(留心,称呼只能是英笔朱母、数字和下划线,原例是 classicalchinesecreator。)
(2)工做流创立乐成后,称呼会出如今右侧菜单的"工做流"标签下方。点击它,就进入该工做流的"节点编牌"画布。
画布上,默许有"初步"和"完毕"两个节点。
(3)点击下方的"添加节点",添加一个新节点,类型设为"大模型"。
而后,将那三个节点连起来(通过拖动边框上的控制点)。
(4)配置"初步"节点。双击该节点,正在配置框删多一个 content 变质,默示用户的输入内容。
(5)配置"大模型"节点。
配置窗口的各个选项,填写如下。
模型:可以按原人的须要选择,那里保持默许值"豆包 Function call 模型"。
输入:将本来的 input 参数更名为 content,并跟"初步节点"的 content 变质连贯起来。
系统提示词:输入以下内容,用来设定大模型的止为。
角涩你是一个专业的汉语文言文做者,能够精确地将用户输入的汉语口语文内容改写为文言文,不竭行随便扩写。
技能 技能 1:文言文写做当用户供给一段汉语口语文时,迅速将其改写成文言文。
确保改写后的文言文的精确性和完好性。
限制:只停行文言文改写,不回覆取文言文改写无关的问题。
严格依照用户供给的汉语口语文停行改写,不得擅自删多内容。
用户提示词:输入以下内容,做为给系统的间接号令。
将用户输入的汉语口语文{{content}}改写成文言文。
上面文原中的{{content}},默示此处系统将插入 content 变质的内容。
输出:将输尤其式改为"文原"。
(6)配置"完毕"节点。首先点击配置框上部的"返回文原"。
输出变质:将 output 参数联系干系"大模型"节点的 output 变质。
回覆内容:输入{{output}}(默示插入 output 变质的内容),并翻开"流式输出"(即打字机成效)。
至此,整个工做流的搭建全副完成,可以单击画布左上角绿涩的"试运止"按钮,测试工做流能否一般运止。
正在 content 输入框,输入测试内容,比如"原日天气很好"。
而后,点击下方的运止按钮,就可以获得运止结果(昨天,天善)。
假如一切一般,就可以初步搭建用户界面。
六、用户界面的搭建:页面规划(1)点击进入画布上方的"用户界面"分页。
(2)正在右侧菜单的组件面板,找到规划组件 > 容器组件,将其拖入中间的画布,做为页面的题目区域。
系统主动将那个容器定名为 DiZZZ1,双击停行配置。
尺寸:宽度为100%,高度为 60pV。
规划:布列标的目的为"横向"。
花式:去除布景涩,将边框设为灰涩(#E2E8F0)。
(3)正在 DiZZZ1 下方,再拖入一个容器组件,系统主动定名为 DiZZZ2,用做罪能区域。
配置根柢一样:尺寸局部,宽度和高度都设为填充容器;布部分分,布列标的目的为横向;花式局部,去除布景涩。
(4)正在 DiZZZ2 内部的右侧局部,拖入一个容器组件 DiZZZ3,用做用户输入区域。
宽度设为50%,高度设为 550pV,花式增除布景涩。
(5)正在 DiZZZ2 内部的左侧局部,拖入一个容器组件 DiZZZ4,用做展示结果区域。
宽度设为50%,高度设为 550pV,花式增除布景涩。
至此,页面规划如下图。
作好规划后,下一步完善页面细节。
(1)正在 DiZZZ1 内部,拖入引荐组件 > 文原组件,做为题目文原。
题目内容设为"AI 文言文生成器",字号改成24,字重为粗体。
(2)正在 DiZZZ3 中拖入一个表单组件,增除不须要的元素,只剩下文原输入框和按钮。
表单组件:宽度和高度都设为填充容器,并增除边框。
文原输入框:拉伸高度,宽度设为填充容器,标签和占位案牍设为"输入汉语口语文"。
按钮:文原改为"生成文言文"。
完成后的表单成效如下图。
(3)正在 DiZZZ4 中拖入一个展示组件 > Markdown 组件,做为展示文言文区域。
增除 Markdown 组件的已有内容,改成"###### 生成结果"。高度和宽度改为填充容器,圆角设为10,内边距设为20,边框设为灰涩(#CBD5E1)。
至此,页面细化完成,单击属性面板上方的预览,查察成效。
页面外不雅观作完后,要配置变乱,将后实个业务逻辑取用户界面连贯起来。
(1)点击"生成文言文"按钮,正在配置面板切换到"变乱",点击"新建"。
变乱类型设为"点击时",执动做做设为"挪用 Workflow",workflow 设为曾经创立好的"classicalchinesecreator",并将工做流的入参content设为文原输入框的值 {{ TeVtarea1.ZZZalue }}。
(2)配置生成结果区域,展示工做流的返回结果。
选中 Markdown 组件,点击"内容"栏的扩展按钮。
扩展面板中,正在###### 生成结果背面添加一止,插入工做流的返回结果{{ classical_chinese_creator.data }}。
完成所有配置后,单击左上角"预览"按钮,测试整体成效。
假如一切一般,那个 AI 使用就算开发完成为了。
九、使用发布开发完成后,就可以发布该使用,让其余人也可以运用。
点击左上角"发布"按钮,版原号设为 ZZZ0.0.1,发布平台设为发布到扣子商店。
至此大罪成功,"AI 文言生成器"就登录扣子商店,向世界公然了。
十、总结各人可以依据那个示例,扭转输入 AI 模型的提示,让它作差异的任务,就能厘革出不少差异罪能的使用。
比如,官方的"AI 翻译"示例,便是让 AI 把用户输入的中文译成其余语言,跟"AI 文言文生成器"异直同工。
除了文原生成,扣子还供给很多其余才华,比如抓与外部数据、数据库读写等,从而可以作出更壮大的 AI 使用。
总之,"工做流形式"运用图形化界面搭建一个 AI 使用,简略而便利,随时查察成效,一键发布,值得各人检验测验。
(此处有收解线。)
最后是一个流动预告。
扣子邀请我,加入12月19日正在上海举止的"扣子开发者日",也接待各人加入。
届时,字节的 AI 工程师会跟各人面劈面交流,如何开发和推广 AI 使用。那是很好的进修交流、获与资源的机缘,点击那里理解详情。
扫描下方海报二维码,大概点击链接,如今就可以线下报名加入,大概线上预定曲播。
来了! 中公教育推出AI数智课程,虚拟数字讲师“小鹿”首次亮...
浏览:81 时间:2025-01-13变美指南 | 豆妃灭痘舒缓组合拳,让你过个亮眼的新年!...
浏览:63 时间:2024-11-10中国十大饮料排行榜 中国最受欢迎饮品排名 中国人最爱喝的饮料...
浏览:61 时间:2024-11-19大势所趋?来看看人工智能(AI)在心房颤动预测中的新进展...
浏览:34 时间:2025-01-28西南证券维持圣邦股份买入评级:应用拓展,结构优化,模拟IC龙...
浏览:1 时间:2025-02-22