专栏首页腾讯云 DNSPod 团队开源应用中心 | 如何快速开发一款文字识别应用

开源应用中心 | 如何快速开发一款文字识别应用

腾讯云开源应用中心,基于腾讯云产品能力,适配热门开源应用。完全开源,全栈云生,一键使用。

在日常生活中,我们经常会需要将图片里的文字信息提取出来使用,通过人工方式采集的录入方式十分机械且效率低下。其实可以通过OCR技术,将印刷体、手写体的图片进行扫描即可将文字识别并录入系统中。市面上也存在较多OCR识别应用,但不一定能够适用于我们。

接下来,我们将基于开源应用uni-app和腾讯云开源应用插件中心适配的腾讯云文字识别(OCR)插件,快速的开发一款文字识别应用。

预备环境

本次开发基于uni-app框架,需要准备好uni-app开发环境

Uni-app 官网: https://uniapp.dcloud.net.cn/ Uni-cloud 官网: https://uniapp.dcloud.net.cn/uniCloud/README HBuilderX: 官方IDE下载地址 腾讯云文字识别(OCR)插件: 官方文档

腾讯云文字识别(OCR)已经适配uni-app 仅需简单关联即可完成应用的封装。

制作方法

1. 打开Hbuilder IDE 创建uni-app项目并勾选启用uniCloud

2.上传云函数模版

2.1 查看插件安装指引

2.2 安装腾讯云插件-云函数模版 选择使用HbuilderX 导入插件

2.3 在项目中打开 cloudfunctions/tencentcloud-plugin/config.js 文件,将腾讯云的密钥信息配置进去,可以在腾讯云 API密钥管理 中获取 SecretId、SecretKey 和 APPID

2.4 将云函数上传到我们自己的云空间中,如果之前没有过云空间需要先创建再关联云空间,最后执行上传操作

3. 安装腾讯云文字识别(OCR)插件

3.1 访问腾讯云文字识别(OCR)插件页面选择使用HBuilderX 导入插件

导入成功后可以看到项目中会新增js_sdk目录,里面有tencentcloud-plugin-ocr目录表明导入成功 

4. 根据自己的需求编写页面UI 

(贴心提示:点击此处获得Demo源码

5. 进行api调用

(语言:javascript)

// 通用文字识别-英文识别使用示例// 从js_sdk列表中导入需要的apiimport { englishOCR } from '@/js_sdk/tencentcloud-plugin-ocr'; export default {  methods: {    async eventHandler() {      try {        //  图片的网络地址,也可以通过imageBase64参数使用base64形式传入图片,具体可以查看对应api的参数说明        const img = 'https://ocr-demo-1254418846.cos.ap-guangzhou.myqcloud.com/general/EnglishOCR/EnglishOCR1.jpg';        //  调用api获取识别结果        const { result } = await englishOCR({imageUrl: img});      } catch (error) {        console.log(error);      }    }  }};

完成识别

6. 可以通过访问 腾讯云文字识别(OCR)文档获取更详细的插件使用指南

小结分享

使用uni-app上的OCR插件能快速构建一个支持多客户端的OCR应用。我们在腾讯云开源应用中心,也同时上架了一款uni-app的体验应用,免费开放所有的腾讯云uni-app插件的体验试用。

创作团队

腾讯云开源应用/插件项目由腾讯云中小企业产品中心维护。我们致力将开源社区里的热门应用与腾讯云的各项能力融汇贯通,让用户更便捷快速地开通使用开源社区的各种成果。

更多开源应用免费体验: https://app.cloud.tencent.com 更多开源应用插件项目进展: https://openapp.qq.com/docs

SMB

腾讯云中小企业产品中心

    腾讯云中小企业产品中心(简称SMB),作为腾讯云体系中唯一专业服务于8000万中小企业的业务线,致力于为中小微企业提供全面完善贴心的数字化解决方案。产品线覆盖了企业客户从创业起步期、规范治理期、规模化增长期、战略升级期等全生命周期,针对性的解决企业的信息化、数字化、智能化的生产力升级需求。本中心还拥有两大独立腾讯子品牌:DNSPod与Discuz!,在过去15年间,为超过500万企业级客户提供了强大、优质、稳定的IT服务。

    SMB团队成员大多都有过创业经历,有获得过知名VC数千万投资的,有被一线互联网巨头以数千万全资收购的,也有开设数十家分公司后技术转型而失败倒闭的,我们成功过,也失败过,我们深知创办企业的难处与痛点,深刻的理解中小企业该如何敏捷起步、规范治理、规模化增长与数字化升级发展,我们会用自己踩坑的经验给出最适合你的答案。

    腾讯云中小企业产品中心,助力中小企业数字化升级的好伙伴。

添加小助手好友,进群交流

本文分享自微信公众号 - DNSPod(dnspod),作者:腾讯开源应用中心

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2021-03-26

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 腾讯云开源应⽤插件中⼼发布,海量插件等你来pick!

    在开源社区里有着有⼤量⼴受⽤户欢迎的应⽤,⽐如世界排名第⼀的CMS系统WordPress,中⽂社区论坛领导者Discuz! X,知识付费新秀Discuz! Q...

    腾讯云DNSPod团队
  • 开源应用中心|RainLoop、Wekan等4款应用全新适配腾讯云产品能力

    ? 点击「阅读原文」 了解更多开源应用与插件 往期回顾 腾讯云开源应用中心发布,速来打卡体验吧! 腾讯云开源应⽤插件中⼼发布,海量插件等你来pick! SMB...

    腾讯云DNSPod团队
  • 一个引人注目的域名,​对于品牌来说有多重要?

    对于品牌来说,以一种能引起观众共鸣的方式宣传自己的价值观很重要。一个引人注目的域名,色调鲜明的网站设计,明确的使命,和可爱的产品不仅可以让潜在用户留意到你,还...

    腾讯云DNSPod团队
  • 在无GUI的Linux环境下将vim编辑器打造成一款Python开发IDE

    vim编辑器对于每一个IT从业人员来说肯定不陌生,除了一般的文档编辑功能以外,还可以通过vim来打造一个属于我们自己的IDE。作为一名Python开发使用者,之...

    耕耘实录
  • Grafana v6.0.0 发布,数据展示与分析平台

    Grafana v6.0.0 正式版发布了。Grafana 是一个功能丰富的指标标准仪表板和图形编辑器,用于分析和监控 Graphite、Elasticsear...

    Debian中国
  • 如何理解面向对象编程?

    总觉得面向对象编程这个概念比较抽象。对象是个什么鬼?编程不就是写代码吗?你写一堆代码,然后运行,然后得到或显示运行结果,不是这样的吗?为什么还要说是面向对象编程...

    高一峰
  • 分享几个实用的Chrome扩展程序

    吐槽一下自己,最近变懒了,博客已经变成月更了。这次分享几个自己工作这几年下来,平常用的比较多的几个谷歌浏览器的扩展程序。

    纪莫
  • 使用谷歌浏览的你,十大必备插件你安装了吗?

    小编发了一篇如何使用谷歌浏览器访问外国的资源——手把手教你安装谷歌访问助手,你还担心访问不了谷歌吗? 朋友们反馈了有哪些好用的谷歌浏览器插件呢?可以让你的开发...

    乱敲代码
  • 分享一个精致实用的HEXO博客小插件:日历云

    2018-10-26 by Liuqingwen | Tags: Hexo | Hits

    IT自学不成才
  • 为wordpress分类、页面和标签页固定链接添加.html后缀

    大家可能都知道,通过设置固定链接格式,可将wordpress日志URL设置成伪静态的形式。

    陌涛

扫码关注云+社区

领取腾讯云代金券