一、华视电子官网下载程序包

官网地址

二、安装

安装Windows程序安装完成以后会在文件夹内自动生成一个（100UD开发包（Windows））开发包文件夹

打开此文件夹

打开USB驱动安装64位操作驱动（32/64看电脑配置安装如电脑已有此驱动则忽略）安装完成之后打开网页版开发包

安装华视电子读卡服务（不会的可以按照开发手册安装配置）

安装成功会有如图所示：查看服务是否已启动

三、身份证读取请求封装

代码如下（示例）：

/*
 * @Author: lxl
 * @Date: 2023-11-08 18:52:16
 * @LastEditTime: 2023-11-08 18:52:16
 * @LastEditors: Please set LastEditors
 * @Description: 读取身份证信息
 * @FilePath: /cloud-desk-top/components/common/idcard/sdk.js
 */
import axios from "axios";

const sdk = new (function () {
  var type = null;

  // 初始化SDK 默认使用华视
  this.init_sdk = function (qudao = "hs") {
    this.type = qudao;
  };

  // 读取身份证信息
  this.read_card = function () {
    return new Promise((resolve, reject) => {
      axios({
        method: "post",
        url: "http://localhost:19196/readCard",
      })
        .then((res) => {
          let data = res.data;
          let result = data;
          if (result.resultFlag == 0) {
            resolve(result);
          } else {
            console.log(reject());
            reject();
          }
        })
        .catch((err) => {
          reject();
        });
    });
  };

  // 链接
  this.open_device = function () {
    return new Promise((resolve, reject) => {
      axios({
        method: "post",
        url: "http://localhost:19196/OpenDevice",
      })
        .then((res) => {
          let data = res.data;
          let result = data;
          if (result.resultFlag == 0) {
            resolve(result);
          } else {
            reject();
            console.log(reject);
          }
        })
        .catch((err) => {
          reject();
        });
    });
  };

  // 断开
  this.close_device = function () {
    return new Promise((resolve, reject) => {
      axios({
        method: "post",
        url: "http://localhost:19196/CloseDevice",
      })
        .then((res) => {
          let data = res;
          let result = data;
          if (result.resultFlag == 0) {
            resolve(result);
          } else {
            reject();
          }
        })
        .catch((err) => {
          reject();
        });
    });
  };
})();

export default sdk;

四、使用页面引入以及使用

代码如下（示例）：

import sdk from "文件路径";
//调用读取之前调用连接读卡器方法
 sdk .open_device().then((res) => {
     console.log(‘连接成功’);
   }).catch((err) => {});

//成功以后调用读卡器读取方法
sdk.read_card().then((res) => {
console.log('身份证内容'+res)
        }).catch((err) => {});

总结

重点是机器安装读卡服务，web端只需要请求本地服务接口【http://localhost:19196/readCard】就可以实现读卡。

vue读取身份证就到此结束了，有问题欢迎留言