統合 & 自動化-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. データソースにコネクタを追加します

リモートデータソースがカスタムコネクタを呼び出すと、次のことが参照できます

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,
    });
  });
}