httpコネクタ-文字ocr認識

https://docs.aliwork.com/docs/yida_support/wtwabe/zevvr1/_1/zbq17y

このケースは三者の開発者「蘇 _ 」から来ました。

1. 使用シーン

この例では、阿里雲サービス市場のopenapiを使って文字ocr認識を実現する方法を紹介する。

2.機能を実現する

2.1配置取得は添付ファイルを添付して一時的にアドレスコネクタを登録しないことが望ましい

直接アップロードすべき添付ファイル/画像には登録状態チェックがあり、文字ocr認識を直接使用するとコネクタが異常になるため、添付ファイルの一時的な登録不要アドレスを取得するコネクタを配置する必要があります。

此处为语雀内容卡片，点击链接查看：httpコネクタ-添付ファイルを添付して一時的に登録できないアドレスを取得します

2.2文字認識ocrサービスの購入

(1)でAlibaba cloud apiマーケット購入【文字認識ocrApi】

本方案は阿里雲市場apiを推奨し、ユーザーは自分で持つことができる文字認識ocr能力があり、適切なコネクタの6種類のいずれかの認証方式に適合したパブリックインタフェースサービス。

(2) 進入作業台、自分のappcodeを見る

(3) apiドキュメントを見てhttpコネクタを作成する準備をする

2.3 httpコネクタの作成

(1)httpコネクタの作成

(2)コネクタの基本情報の設定

(3)コネクタの設定アクションの実行

購入したapiドキュメントに基づいて設定してください。

(4) 認証テンプレートの作成

Appcodeはディレクトリ2.2-(2) で確認できます。

2.4httpコネクタを使用する

(1)構成表ページ

(2)データソースの設定

(3) フロントエンド使用

// 注意修改应用密钥
const systemToken = 'XXXXXXXXXXXXXXXXXXXXXXXX';

var loading;
// 上传待识别的图片
export async function onFileChange({ value }) {
  if (value.length) {
    loading = this.utils.toast({
      title: '识别中...',
      type: 'loading'
    });
    const { url } = value[0];
    const temporaryUrl = await this.getTemporaryUrls(url); // 获取附件临时免登地址
    const ocrResult = await this.textOcr(temporaryUrl); // 获取文字识别结果
    const { text, code, desc } = ocrResult;
    if (code === 0) {
      this.utils.toast({
        title: '识别成功',
        type: 'success',
      });
    } else {
      this.utils.toast({
        title: desc,
        type: 'error',
      });
    };
    this.$('textareaField_lg1v58jb').setValue(text);
  } else {
    this.$('textareaField_lg1v58jb').reset();
  };
}

// timeout：附件失效时间（ms），默认 60000ms （一分钟），最大 86400000ms （24小时）
export function getTemporaryUrls(fileUrl = '', timeout = 180000) {
  if (!fileUrl) {
    return;
  };
  return this.dataSourceMap.getTemporaryUrls.load({
    inputs: JSON.stringify({
      path: {
        appType: pageConfig.appType
      },
      query: {
        systemToken,
        userId: loginUser.userId,
        fileUrl,
        timeout,
      }
    })
  }).then(res => {
    const { result = '' } = res;
    return result;
  }).catch(error => {
    console.log(error.message);
    loading();
    this.utils.toast({
      title: '请检查获取宜搭附件临时免登地址的连接器是否配置正确.',
      type: 'error'
    });
  });
}

// 文字识别OCR
export function textOcr(url) {
  if (!url) {
    return;
  };
  return this.dataSourceMap.textOcr.load({
    inputs: JSON.stringify({
      body: {
        url,
      }
    })
  }).then(res => {
    const { data = [], code, desc } = res;
    const text = data.map(item => {
      return item.words
    }).join('');
    loading();
    return {
      text,
      code,
      desc,
    };
  }).catch(error => {
    console.log(error.desc);
    loading();
    this.utils.toast({
      title: '请检查文字识别OCR的连接器是否配置正确.',
      type: 'error'
    });
  });
}

3.効果を実現する

画像コンテンツ:

識別結果:

4.オンラインで試してみます

示例中心 | 开发者赋能平台

AI智能体时代，全新宜搭。业务创新，一搭就行。

https://www.aliwork.com/o/coc?tplUuid=TPL_P4KWGF5RO2R60NAPLVXY&from=yuque_subject