功能已通过原生+vue混合开发的方式实现了,现需要将这个功能原封不动的搬到微信小程序。综合各方面评估,选择了微信小程序套webview的方式实现(若时间允许,建议还是通过小程序实现)。
采用小程序webview的方式,可以复用大部分H5页面,但H5调用的原生方法还是需要重新实现。实现方式主要分以下几种情况(当然也可以通过jssdk的方式去实现 https://qydev.weixin.qq.com/wiki/index.php?title=%E5%BE%AE%E4%BF%A1JS-SDK%E6%8E%A5%E5%8F%A3 ,但不在本文讨论范围内):
(1) 获取照片,可通过html的input标签实现;
(2) 获取经纬度,可通过webview的url拼接参数实现;
(3) 人脸识别,可通过H5调起刷脸小程序的方式实现。
下面主要描述下第3种情况的实现方式。
H5与小程序交互所涉及的数据部分主要包括两块:
(1)H5如何将数据传给小程序?
url参数拼接。
(2)小程序如何将数据传给H5?
wx.setStorage及wx.getStorage。
详细流程如图所示。
webview小程序pageA调起人脸小程序pageB,pageB回退到pageA。因为pageA重新设置了webview的url,其所嵌套的H5与历史H5页面无法进行数据共享,导致业务功能无法继续。解决办法就是调起人脸小程序之前,在H5页面先将必要的信息通过 localStorage.setItem 保存,人脸识别结束回到H5页面时,再通过 localStorage. getItem 获取所需要的业务数据。
iosapp嵌入h5人脸检测功能黑屏使用软件:设置
方法/步骤分步阅读
step1,打开手机上的设置,如下图所示:
step2,点击进入隐私,如下图所示
step3,点击页面上的权限管理,如下图所示:
step4,进入页面后,点击相机,如下图所示:
step5,点击打开页面上的按钮即可,如下图所示:
注意事项
授权识别相机,即可解决人脸识别黑屏的情况
不可以回调。腾讯云人脸识别(FaceRecognition)是基于腾讯优图领先的面部分析技术,提供人脸检测与分析、五官定位、人脸搜索、人脸比对、人脸验证、活体检测等多种服务。