更新记录

1.0.10（2023-09-12）

支持配置自动获取微信小程序后台的隐私协议名称

1.0.9（2023-09-11）

增加一些常见问题的解决办法

1.0.8（2023-09-11）

支持自定义主题色和背景色

平台兼容性

ws-wx-privacy 隐私保护弹窗组件

本组件基于微信小程序官方政策开发，关于小程序隐私保护指引设置的公告

wsWxPrivacy 组件用于显示隐私保护提示的弹窗，用户可以选择同意或不同意隐私协议。

请注意 微信后台的用户隐私保护指引必须审核通过之后才可以调试

注意事项

1. 请使用HbuilderX导入，因为本组件依赖uni-popup直接下载会丢失依赖。
2. 部分隐私接口需要用wx.requirePrivacyAuthorize接口包装，请仔细阅读微信小程序隐私协议开发指南
3. popup可以自行替换为自己使用的组件，以减小小程序包体积，不过需要注意使用util.js中的方法获取组件并打开，使用ref可能会因为this指向的问题导致无法打开弹出框
4. 导入demo项目请选择vue3版本，导入组件不限。

隐私指引调试配置（必须配置完成才可以顺利调试）

执行完以下三个步骤之后才可以顺利调试隐私指引内容，如有问题请先自查下边三个步骤是否都完成

1.更新用户隐私保护指引(必需)

小程序管理员或开发者可以根据具体小程序涉及到的隐私相关接口来更新微信小程序后台的用户隐私保护指引，更新并审核通过后就可以进行相关的开发调试工作。

需要注意的是，仅有在指引中声明所处理的用户信息，才可以调用平台提供的对应接口或组件。若未声明，对应接口或组件将直接禁用

微信后台的用户隐私保护指引必须审核通过之后才可以调试，必须审核通过!审核通过!审核通过!

2.配置调试字段usePrivacyCheck （必需）

参考 微信小程序隐私协议开发指南中的介绍

目前 getPrivacySetting、onNeedPrivacyAuthorization、requirePrivacyAuthorize 等接口目前可以正常接入调试。调试说明：

• 在 2023 年 9 月 15 号之前，在 app.json 中配置 "__usePrivacyCheck__": true 后，会启用隐私相关功能，如果不配置或者配置为 false 则不会启用。

• 在 2023 年 9 月 15 号之后，不论 app.json 中是否有配置 usePrivacyCheck，隐私相关功能都会启用。

所以在基于uni-app开发时，我们在 2023 年 9 月 15 号之前进行相关开发调试则需要在manifest.json文件mp-weixin中添加"__usePrivacyCheck__": true

3.配置微信开发工具基础库（必需）

将调试基础库改为3.0.0以上。具体路径为:
微信开发者工具->详情->本地设置->调试基础库

4.如果三个步骤都做完了，还是无法调起弹出框

可以使用getPrivacySetting接口查询一下是否已经授权，已经授权就不会调起弹出框了，这时候需要将缓存清除。

Props

Events

使用示例

请确保你已经阅读或了解过uni-modules 规范
使用hbuildX导入组件后可以直接使用，无需import。

<template>
  <view>
  <!-- #ifdef MP-WEIXIN -->
  <ws-wx-privacy id="privacy-popup"></ws-wx-privacy>
  <!-- #endif -->
  </view>
</template>
<script>

export default {
  components: {},
  methods: {
    handleDisagree() {
      // 处理用户不同意隐私协议的逻辑
    },
    handleAgree() {
      // 处理用户同意隐私协议的逻辑
    }
  }
}
</script>

请注意，上述示例中的组件路径和事件处理逻辑可能需要根据实际情况进行调整。其中id="privacy-popup"必填，目的是为了解决多个连续页面同时引入，造成的this指向错误的问题。

授权协议

1. 企业或个人可以免费商用。
2. 企业或个人不得复制、改造传播并分发本组件。
3. 如果你想分享本组件及教程，请保留本组件的下载地址以及作者名称。

常见问题

1.弹出框弹不出来？

一、请先自检"隐私指引调试配置（必须配置完成才可以顺利调试）"章节的配置是否完成（隐私协议一定要包含调用的API且隐私协议要审核通过）

二、然后看看微信开发者工具是否最新

三、其次使用getPrivacySetting接口看一下是否已经授权过了

2.示例项目跑不起来？

请先看看是否选择了vue3下载，如果不是重新选择vue3下载。

3.组件是否支持vue2

支持

4.chooseImage同意了但是没有弹出选图片的界面？

也是参考常见问题1，隐私协议是否审核通过且包含选取图片的API

5.如何知道隐私协议里面该配哪些权限

在隐私相关接口里面找你用到的API，例如uni.chooseImage对应“收集你选中的照片或视频信息 ”

Vue3高颜值组件库推荐

这里推荐一下wot-design-uni，支持暗黑模式自定义主题的高颜值组件库，提供50+组件。