更新记录

1.0.0（2024-05-22）

无

平台兼容性

原生插件通用使用流程：

1. 购买插件，选择该插件绑定的项目。
2. 在HBuilderX里找到项目，在manifest的app原生插件配置中勾选模块，如需要填写参数则参考插件作者的文档添加。
3. 根据插件作者的提供的文档开发代码，在代码中引用插件，调用插件功能。
4. 打包自定义基座，选择插件，得到自定义基座，然后运行时选择自定义基座，进行log输出测试。
5. 开发完毕后正式云打包

付费原生插件目前不支持离线打包。
Android 离线打包原生插件另见文档 https://nativesupport.dcloud.net.cn/NativePlugin/offline_package/android
iOS 离线打包原生插件另见文档 https://nativesupport.dcloud.net.cn/NativePlugin/offline_package/ios

注意事项：使用HBuilderX2.7.14以下版本，如果同一插件且同一appid下购买并绑定了多个包名，提交云打包界面提示包名绑定不一致时，需要在HBuilderX项目中manifest.json->“App原生插件配置”->”云端插件“列表中删除该插件重新选择

1、在manifest.json 里面找到APP原生插件配置，选择已购买或者使用的云端插件

2、manifest.json添加原生相机权限

...
<uses-feature android:name="android.hardware.Camera"/>
<uses-feature android:name="android.hardware.camera.autofocus" />
<uses-permission android:name="android.permission.CAMERA"
tools:ignore="PermissionImpliesUnsupportedChromeOsHardware" />
<uses-permission android:name="android.permission.READ_MEDIA_IMAGES" />
<uses-permission android:name="android.permission.READ_MEDIA_VIDEO" />
...

3、使用方式：

<template>
  <view class="box">
  ...
      <!-- #ifdef APP-PLUS -->
      <view class="more-log-title">-- 更多登录方式 --</view>
      <view class="flex align-center content-center">
        <image class="facial-image" src="@/static/img/facial.png" alt="" mode="aspectFill" @click="takeFace"/>
      </view>
      <!-- #endif -->
  ...
  </view>
</template>
<script>
export default {
    methods: {
        takeFace () {
          const facialModule = uni.requireNativePlugin('facial-collect')
          if (facialModule && typeof facialModule.facialAsyncFunc === 'function') {
            facialModule.facialAsyncFunc((ret) => {
              if (ret.base64) {
                uni.showLoading({
                  mask: true,
                  title: '人脸比对中'
                })
                // TODO 调用后端人脸比对接口
              } else {
                uni.showToast({ title: '获取人脸信息失败', icon: 'none', duration: 2000 })
              }
            })
          } else {
            uni.showToast({ title: '插件加载失败', icon: 'none', duration: 2000 })
          }
        },
    }
}
</script>