uniapp的原生插件实现:
代码:
const h5FaceVerifyPlugin = uni.requireNativePlugin('DC-WBH5FaceVerifyService'); export default { methods: { enterH5FaceVerify() { let url="https://kyc.qcloud.com/s/web/h5/#/entry";//拉起h5刷脸的url let thirdurl="https://www.qq.com/";//h5刷脸完成后要跳转的接入方的url,这个接入方填写自己的url h5FaceVerifyPlugin.startH5FaceVerify({h5faceurl:url, h5thirdurl:thirdurl},result => { console.log(result,"H5刷脸后跳转到thirdurl所在h5页面的回调"); h5FaceVerifyPlugin.destroyH5Activity(null);//调用关闭插件的webView. //uniapp todo 接入方自己的逻辑 },result=>{ //这里是终端接受h5页面的消息回调。uniapp与h5页面两者通信可通过这个回调作为中间桥接实现。 //注意:约定h5页面和webView通信通过JavaScriptInterface接口和JavaScript进行交互。 //在H5页面中使用window.tencentApi.postMessage的方式来调用这个方法,参数为String类型。 //如果是jsonobject需要转String console.log(result,"自定义回调"); //uniapp todo 接入方自己的逻辑 }); console.log("click=======意愿性刷脸====>startH5FaceVerify"); } } }
调用 destroyH5Activity() 可主动关闭插件。
地址:https://cloud.tencent.com/product/faceid
文档:https://cloud.tencent.com/document/product/1007/30999
网友回复