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
网友回复


