集成&自动化 - AI 智能翻译

集成&自动化（连接器） | 钉钉宜搭·帮助中心

https://docs.aliwork.com/docs/yida_qalist/vvqzdc94zd0m6fns

1. 使用场景

本例介绍一下在宜搭中如何使用集成自动化、连接器工厂实现输入一段文本，得到指定语种的译文，支持中、英、日、韩等常见语言的互译。

2. 实现功能

2.1. 集成自动化中使用

2.1.1. 创建表单

分别为「待翻译语种」及「目标语种」配置语种项。

中文 | zh
英文 | en
日语 | ja
韩语 | ko
西班牙语 | es
俄语 | ru

2.1.2 配置集成&自动化

数据创建成功 -> 连接器调用 AI 智能翻译，并存储翻译结果。

2.2. 自定义页面中使用

2.2.1. 申请钉钉开放平台应用凭证及接口权限

若已申请，可忽略此步骤。

准备工作 - 宜搭自定义连接器鉴权凭证申请及接口权限申请

2.2.2. 创建 HTTP 连接器

本例用到的连接器：

钉钉文本翻译

2.2.3. 配置连接器基本信息和登录方式

2.2.4. 配置连接器执行动作

接口请求：

Body 参数：

{
  "query":"这是一个测试",
  "source_language":"zh",
  "target_language":"en"
}

接口返回：

{
  "errcode": 0,
  "result": "This is a test",
  "request_id": "e95jy33txuww",
  "errmsg": "系统错误"
}

2.2.5. 配置鉴权模板

若无账号，需新增账号，账号所需参数参考 2.2.1：

鉴权模板具体配置可参考：

此处为语雀内容卡片，点击链接查看：宜搭自定义连接器鉴权模板配置

2.2.6. 创建页面&配置数据源

2.2.6.1. 创建页面

2.2.6.2. 数据源处添加连接器

远程数据源调用自定义连接器可参考：

远程数据源调用自定义连接器 | 钉钉宜搭·帮助中心

1. 使用场景本文主要介绍通过自定义连接器（HTTP 连接器和 Faas 连接器）（文末附带了调用钉钉官方连接器的相关信息）完成在宜搭页面调用外部数据源接口的功能，如果不使用自定义连接器而直接调用外部数据源会报跨域错误，自定义连接器则可以规避该错误，解决前端 JS 直接调用外部接口存在的跨域、...

https://docs.aliwork.com/docs/yida_support/wtwabe/zevvr1/_2/gtkly9/stbfik#ZUnMw

2.2.6.3. 配置翻译按钮事件

export function onBtnClick() {
  const content = this.$('textareaField_lx03c7la').getValue(); // 待翻译内容
  const sourceLanguage = this.$('radioField_lx041n1f').getValue(); // 待翻译语种
  const targetLanguage = this.$('radioField_lx041n1g').getValue(); // 目标语种
  if (!content) {
    this.utils.toast({
      title: '请输入需要翻译的内容',
      type: 'error',
    });
    return;
  }
  this.setState({
    loading: true,
  });
  this.dataSourceMap.translateText.load({
    inputs: JSON.stringify({
      Body: {
        query: content,
        source_language: sourceLanguage,
        target_language: targetLanguage,
      },
    }),
  }).then((res) => {
    const { result = '' } = res;
    this.utils.toast({
      title: '翻译成功',
      type: 'success',
    });
    this.setState({
      loading: false,
    });
    this.$('textareaField_lx03c7lc').setValue(result);
  }).catch((error) => {
    this.utils.toast({
      title: error.message,
      type: 'error',
    });
    this.setState({
      loading: false,
    });
  });
}