背景

由于人脸核验等因素，需要利用手机的定位及录视频等功能

分析

微信小程序有人脸核身及录制视频功能， 且产品本身也有小程序，刚好可以结合起来

由于受权限影响，需要单独开发一个免权限页面

流程： pc端扫码进入小程序， 通过微信后台设定，携带相关进入到指定页面，完成后续的功能

解决

1. 小程序二维码

• 路径： 开发管理-开发设置-扫普通链接二维码打开小程序 path: https://xxxxx/livecheck

2. PC端生成二维码图片 通过authcode

import QRCode from 'qrcode.react';
const qrcodeUrl = `https://xxxxx/livecheck?AuthCode=${AuthCode}`
// ...
  <QRCode
    id="qrCode"
    value={qrcodeUrl}
    // renderAs="svg"
    size={size} // 二维码的大小
    fgColor="#000000" // 二维码的颜色
    style={{ margin: 'auto', zIndex: 0 }}
    imageSettings={{
      height: 100,
      width: 100,
      src: '',
    }}
  />

3. 结果回调 PC端通过轮询的方式获取到结果，并对页面进行交互

FAQ

• 小程序需上传体验版，先扫体验版打开体验版小程序，加载完毕，关闭小程序
• 小程序后台设置好测试连接，如authcode
• 微信扫码PC端封装的二维码，小程序会根据authcode链接路径，进入到对应小程序页面