微信小程序ocr身份证识别以及手机号获取

微信小程序ocr身份证识别以及手机号获取_第1张图片
开放社区个人微信账户购买https://fuwu.weixin.qq.com/service/detail/000ce4cec24ca026d37900ed551415

页面代码

<template>
	<view>
		<button style="margin-top:200px;" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">获取手机号</button>
		<ocr-navigator @onSuccess="success" certificateType="idCard" :opposite="false">
		  <button type="primary">身份证正面识别</button>
		</ocr-navigator>
		<ocr-navigator @onSuccess="success" certificateType="idCard" :opposite="true">
		  <button type="primary">身份证反面识别</button>
		</ocr-navigator>
	</view>
</template>

<script>
export default {
  data() {
    return {
    }
  },
  computed: {
	  
  },
  onload() {
  },
  methods: {
	async getPhoneNumber(e) {
		console.log(e.detail.code)
		// 这里请求后端接口传e.detail.code参数获取手机号
	},
	success(res) {
	    console.log(res)
	}
  }
}
</script>

<style>
</style>

配置(ocr版本填最新,不然发布会提示插件可以更新)
微信小程序ocr身份证识别以及手机号获取_第2张图片

"ocr-plugin": {
				"version": "3.0.2",
				"provider": "wx4418e3e031e551be"
			}

微信小程序ocr身份证识别以及手机号获取_第3张图片

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

你可能感兴趣的:(微信小程序,小程序)