uni-app开发微信小程序使用微信小程序的插件

Posted 2021-09-15 弓弧名家_玄真君

假如使用uni-app开发微信小程序需要用到官方插件----OCR插件,
插件地址如下：
OCR插件

申请方式见插件地址介绍。本文主要记录调用方式
1.在manifest.json的“mp-weixin”里添加

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

2.在pages.json的globalStyle添加

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

3.在需要的调用插件的页面中调用,根据微信的插件接入文档，该插件对外暴露自定义组件的UI载体为button，所以这里我使用button包住一个字体图标

<ocr-navigator @onSuccess="success" certificateType="idCard" :opposite="false">
  <button type="primary"><i class="iconfont OCR-icon">&#xe62c;</i></button>
</ocr-navigator>

插件调用成功之后的回调，在这里面接受返回的参数

success(res) {
    console.log(res)
    this.realname = res.detail.name.text
    this.idcard = res.detail.id.text
},