巧用微信小程序 OCR 插件，图文识别从此变得简单

前言

随着科技的不断发展，图文识别技术已经成为了当下移动互联网中的热点话题。而基于微信小程序和 OCR 插件的图文识别方案，更是成为了越来越多小程序开发者关注和研究的问题。本文中，我将为大家介绍一款超简单的微信小程序 OCR 插件，帮助大家实现图文识别功能。

---

1. 首先，我们需要前往微信小程序社区平台添加此插件（微信小程序社区平台）

---

2. 添加完插件后，我们需要到微信服务平台购买识别次数（微信服务平台），可以根据自身需求选择，也可以先免费0元试用100次，如果不购买则会报以下错误

---

3. 接下来是代码中需要配置的几个地方

app.json

  "plugins": {
    "ocr-plugin": {
      "version": "3.1.2",
      "provider": "wx4418e3e031e551be"
    }
  },

使用插件所在的json

{
  "usingComponents": {
    "ocr-navigator": "plugin://ocr-plugin/ocr-navigator"
  }
}

如图：

---

4. 以上操作都完成之后，我们就可以愉快的在项目中使用OCR插件了，代码比较简单，就不多做赘述，下面直接进入实例

home.wxml

<!-- 识别组件 -->
<view>
  <ocr-navigator bind:onSuccess="platenumSuccess" certificateType="platenum">
    <button type="primary">车牌号识别</button>
  </ocr-navigator>
</view>
<!-- 识别出来的内容 -->
<view>识别出来的内容：{{ text }}</view>

home.js

Page({
  data: {
    text: '' //要赋的值
  },
  // 调用事件方法
  platenumSuccess: function (e) {
    console.log('识别数据的内容', e);
    // 赋值操作
    this.setData({
      text: e.detail.number.text
    })
  },
})

home.json

{
  "usingComponents": {
    "ocr-navigator": "plugin://ocr-plugin/ocr-navigator"
  }
}

---

实现效果

当然，OCR 插件除了能识别车牌号以外，该插件还支持身份证、行驶证、银行卡、营业执照和驾驶证等识别，大家感兴趣的话可以去官方开发文档查看，上面还有很多有趣好玩的内容。（OCR开发文档）

---

相关推荐

⭐ 百度云助力微信小程序图文识别，让你的应用更加高效智能
⭐ 一键识别行驶证：vue基于百度云智能实现轻松上手