uni-mp-privacy (uni-app小程序隐私保护指引授权弹窗组件)

本文档讲述的隐私保护指引授权弹窗组件适用于uni-app小程序，微信小程序原生开发版本请查看这里

微信发布关于小程序隐私保护指引设置的公告，为规范开发者的用户个人信息处理行为，保障用户的合法权益，自2023年9月15日起，对于涉及处理用户个人信息的小程序开发者，微信要求，仅当开发者主动向平台同步用户已阅读并同意了小程序的隐私保护指引等信息处理规则后，方可调用微信提供的隐私接口。

小程序用户隐私保护指引内容介绍里边所涉及到的隐私接口，都要做适配。

使用uni-mp-privacyuni-app小程序隐私保护指引授权弹窗组件可降低开发成本，简单配置就可使用。需要授权时展示弹窗，用户点击“拒绝”授权隐私接口时，不能调用隐私接口，但不影响小程序其他功能的使用，点击“同意”后继续调用隐私接口。

1 - 仓库地址

• uni-mp-privacy【github】
• uni-mp-privacy【码云gitee】

2 - 测试环境

• 微信小程序基础库版本：2.32.3 及以上

3 - 安装方法

下载源码，然后复制uni-mp-privacy下的components目录至您的项目

4 - 配置与使用

4.1 配置文件 manifest.json （2023年9月15日前调试需要此步配置）

/* 小程序特有相关 */
"mp-weixin" : {
    "libVersion": "2.32.3",
    "__usePrivacyCheck__": true,
},

4.2 App.vue全局配置

  import store from '@/components/mp-privacy/store'

  export default {
    onLaunch: function() {
      console.log('App Launch')

      // 监听隐私接口需要用户授权事件
      if (wx.onNeedPrivacyAuthorization) {
        wx.onNeedPrivacyAuthorization(resolve => {
          // 需要用户同意隐私授权时，弹出开发者自定义的隐私授权弹窗
          store.commit('setShowPrivacy', true)
          store.commit('setResolvePrivacyAuthorization', resolve)
        })
      }

    }
  }

4.3 uni-app引入

第一种，手动引入

  import mpPrivacy from "@/components/mp-privacy/mp-privacy"
  export default {
    components: {
      mpPrivacy
    }
  }

第二种，easycom组件模式引入（pages.json）

  "easycom": {
    "autoscan": true,
    "custom": {
      "mp-privacy": "@/components/mp-privacy/mp-privacy.vue"
    }
  },

4.4 组件使用

<mp-privacy />

<!-- 需要阅读后在同意配置 -->
<!-- <mp-privacy action="exit" :read="true" /> -->

4.5 所有使用到的隐私接口必须要在「小程序管理后台」设置《小程序用户隐私保护指引》，否则无法触发wx.onNeedPrivacyAuthorization 监听

组件可配置属性

| 属性 | 必填 | 类型 | 默认 | 说明 | 最低版本 | | ----- | ---- | ------ | ----- | ------- | ------ | | action | 否 | string | none | 用户点击拒绝后的程序动作。可选 exit 或 none，exit退出小程序 | 1.0.5 | | read | 否 | boolean | false | 是否必须有阅读动作才能点击同意按钮 | 1.0.5 |