首页
学习
活动
专区
圈层
工具
发布

扣子+智能体:一个 AI 翻译应用

开场白

随着人工智能技术的不断进步,大模型在翻译质量、效率、上下文理解和多语言支持等方面表现出色。因此,越来越多的人开始使用大模型进行文本翻译,以提升效率,降低成本。

本教程详细指导你如何在扣子平台上完成一个网页端 AI 翻译应用的开发。

效果图

AI 翻译应用介绍

这个 AI 翻译应用支持用户选择目标翻译语言,在输入文本内容后,点击开始翻译就可以获得到大模型的翻译结果了。

步骤一:设计你的应用功能

首先,你需要进行应用设计,规划应用的主体功能和用户界面。这个 AI 翻译应用的核心功能是能够满足用户的文本翻译需求,并支持用户选择指定翻译的语言。翻译功能可以通过创建一个包含大模型节点的工作流来实现。

基于以上功能规划,这个应用的用户界面会包含以下组件:

一个让用户可以输入翻译内容的区域

一个让用户选择翻译语言的列表

一个翻译按钮来触发翻译操作

一个展示翻译结果的内容区域

完成主体功能设计和规划后,就可以开始 AI 应用搭建了。

步骤二:创建 AI 应用项目

首先,你需要创建一个 AI 应用项目。

AI 应用项目支持使用工作流来完成复杂的业务逻辑编排,也支持使用数据库、知识库、插件等资源实现与本地数据或线上数据的交互。此外,AI 应用项目支持通过拖拉拽的方式搭建用户界面,并且能够实现与业务逻辑的联动。

参考以下操作,创建 AI 应用项目。

1:登录扣子平台。在左侧菜单栏,单击工作空间。

2:选择一个工作空间。工作空间是各种资源和开发项目的集合。不同工作空间内的数据和资源相互隔离。

在项目开发页面,单击创建,然后在弹出的页面,选择创建应用。

在应用模板页面,单击空白应用。 输入应用名称,并单击图标旁的 AI 图标使用 AI 自动生成一个图标。然后单击确定。应用创建成功后,你会直接进入到应用的集成开发环境 (IDE)。

步骤三:编排业务逻辑

创建完 AI 应用项目后,你可以开始进行业务逻辑编排了。扣子  提供了大模型、代码、意图识别、知识库写入与检索等丰富的工作流节点,以满足复杂的业务场景需求。此外,你还可以通过使用变量、插件、知识库等方式与你的本地数据和线上数据进行集成。

本教程中的 AI 翻译应用,主要是使用大模型实现多语言翻译,所以只需要创建一个包含大模型节点的工作流即可。参考以下步骤,创建一个实现翻译功能的工作流。在业务逻辑页面,找到工作流,然后单击+>新建工作流。

输入工作流名称和说明,然后单击确认。工作流名称只支持字母、数字和下划线,且必须以字母开头。

在工作流画布,单击开始节点的连接线或画布下方的添加节点按钮,然后选择大模型节点,并完成连线。

单击开始节点进行配置。开始节点用于设定启动工作流需要的信息。本场景中,用户需要提供要翻译的内容和目标语言,所以需要配置两个对应的输入参数。

在输入区域,单击+图标,配置第一个变量 (content) 用于传入用户要翻译的内容。再次单击+图标。输入第二个变量 (lang) 用来指定目标语言。

单击大模型节点进行配置。在模型区域,展开模型列表,选择用来执行翻译任务的大模型。本教程中选择豆包 工具调用模型,并使用模型默认配置。如果你想调整模型配置,单击配置图标。

配置输入参数,这些输入参数可以在模型提示词中使用。本教程中需要将用户输入的译文内容和目标语言添加到提示词中,让模型按照用户选择的语言进行翻译。所以需要配置两个输入参数。

单击输入区域的+图标,然后点击对应的设置图标,选择开始节点中配置的变量。

重复上述操作,再添加目标语言的这个变量。

删除不需要的输入信息,确保输入中只包含下图中的这两个参数。

在系统提示词区域,输入以下内容作为系统提示词。

系统提示词是一组指示模型行为和功能范围的指令,可以包括如何提问、如何提供信息、如何请求特定功能等。系统提示词也用于设定对话的边界,比如告知用户哪些类型的问题或请求是不被接受的。

# 角色

你是一个专业的翻译官,能够准确地将用户输入的内容翻译成目标语言,不进行随意扩写。

## 技能

### 技能 1:翻译文本

1. 当用户提供一段文本时,迅速将其翻译成目标语言。

2. 确保翻译的准确性和流畅性。

## 限制:

- 只进行翻译工作,不回答与翻译无关的问题。

- 严格按照用户要求的目标语言进行翻译,不得擅自更改。

在用户提示词区域,输入用户提示词。用户提示词通常是直接的命令,告诉模型要执行的任务或意图。例如“帮我翻译下这段内容”,指令越清晰,模型的输出也更贴近你的实际需求。

首先输入以下内容。将用户输入的内容翻译成目标语言。因为不同用户提供的翻译内容,选择的目标语言都不同,所以需要将译文内容和目标语言使用输入变量来指代,这样就可以在运行时替换成真实的用户需求。

在”内容”文字后输入{,然后选择指代翻译内容的变量。

如果你没有可用的变量,请检查是否按照教程配置了模型节点的输入变量。

重复上述方法,添加目标语言变量。

在输出区域,将输出格式配置为文本,使用默认配置的output变量。

连接大模型节点与结束节点,然后选择结束节点进行配置。单击结束节点,然后选择返回文本。选择大模型节点的输出结果作为输出参数。

在回答内容文本框中输入{{output}},使用大模型的翻译内容作为最终的回复。开启流式输出,实现打字机一样的输出效果。

至此,你已经完成整个工作流的搭建。为了保证业务逻辑实现符合预期,单击试运行测试工作流的执行。

在试运行页面,输入要翻译的内容和目标语言,然后单击试运行。

查看运行结果是否符合预期。如果不符合预期,你可以逐一检查每个节点的输出结果。

在完成业务逻辑搭建并通过测试后,你就可以开始用户界面搭建了

步骤四:搭建用户界面

整体上 AI 翻译应用的用户界面由上下两个部分组成。

上面是标题区域。下面是功能区域。

功能区域又分为左右两个区域。想要实现这样的页面结构就需要使用容器组件。容器组件是用来进行页面布局的,可以把页面划分成不同的区域和排列顺序。容器组件中可以添加其他各种组件例如文本组件、按钮组件等

参考以下操作,完成页面布局:

参考以下操作,完成页面布局:

1:确认画布的排列方向为纵向。

在组件面板中,找到布局组件 > 容器组件,然后将容器组件拖入到中间的画布中。

在画布中,选中拖入的容器组件。组件名称为Div1。

参考以下配置,修改容器组件Div1的属性。

再拖入一个容器组件用来组织功能区,并在画布中选中该组件。组件名称为Div2。然后选中该组件,参考下表中的属性配置进行修改

2:搭建页面标题

参考以下操作,搭建页面的标题区域。

在组件面板中,找到推荐组件 > 文本组件,然后将文本组件拖入到顶部的容器组件Div1上。

在画布中,选中拖入的文本组件,然后在右侧的属性面板中设置文本内容,字号大小等。

至此,你已经完成了标题区域的搭建。

3:搭建左侧翻译内容区

4:搭建右侧翻译结果区

参考以下操作,搭建翻译结果区域。

在组件面板中,将 Markdown 组件拖入到画布的容器组件Div4中。

5 添加事件

按钮事件绑定

事件类型选择点击时。执行动作选择调用工作流,然后选择已经创建的工作流。选择工作流后,会自动展示所选工作流配置的输入参数。将鼠标悬浮至content参数的文本框上,然后单击右侧的配置图标

同理输入内容页面绑定

同理select页面绑定

翻译结果绑定

步骤五:效果测试

完成上述所有配置后,单击预览对查看整体功能并进行体验。

你可以在打开的预览页面中,输入一段文字,然后选择一个翻译语言,单击开始翻译。查看是否在翻译结果区域有出现翻译后的内容。

步骤六:发布应用

完成应用测试后,你就可以将应用发布到商店或模板,或发布成 API 服务与其他应用集成。

本教程中以商店为例。

在应用 IDE 中,单击右上角的发布按钮。在发布页面,输入版本号和发布描述。选择扣子商店,然后选择应用分类。

单击页面上的发布按钮,完成应用发布。发布完成后,你就可以在扣子商店上使用这个应用了

后续还可以添加数据库查询等日志

变动流程如下

结束语

随着全球化的加速和信息交流的日益频繁,语言不再是沟通的障碍,而是连接世界的桥梁。今天,我们深入探讨了“扣子智能体:AI翻译智能体”的强大功能和丰富应用场景。通过扣子智能体,我们看到了AI技术如何为翻译工作带来前所未有的便捷和高效。无论是商务谈判、学术交流,还是日常对话,AI翻译智能体都能提供即时、准确的翻译服务,帮助我们跨越语言的鸿沟,实现无障碍沟通。

扣子智能体不仅是一个翻译工具,更是一个智能助手。它能够根据上下文语义进行精准翻译,支持多种语言的双向翻译,甚至可以处理复杂的文档翻译任务。无论是专业翻译人员,还是普通用户,都可以通过扣子智能体快速获取高质量的翻译结果,节省时间和精力。

在数字化时代,AI技术正在不断改变我们的工作和生活方式。而“扣子智能体:AI翻译智能体”正是这种变革的生动体现。它不仅让翻译变得更加简单高效,还为跨文化交流提供了强大的支持。希望今天的介绍能够帮助你更好地了解和使用扣子智能体,开启翻译工作的智能化新时代。让我们一起拥抱AI带来的便利,用“扣子智能体”打破语言的壁垒,让世界更加紧密相连!

关注+收藏】,实时接收最新文章

  • 发表于:
  • 原文链接https://page.om.qq.com/page/O_X1552uL6EyQI_0Tb2SC2ow0
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。
领券