mp-privacy (小程序隱私保護授權(quán)彈窗組件)

微信發(fā)布關(guān)于小程序隱私保護指引設置的公告，為規(guī)范開發(fā)者的用戶個人信息處理行為，保障用戶的合法權(quán)益，自2023年9月15日起，對于涉及處理用戶個人信息的小程序開發(fā)者，微信要求，僅當開發(fā)者主動向平臺同步用戶已閱讀并同意了小程序的隱私保護指引等信息處理規(guī)則后，方可調(diào)用微信提供的隱私接口。

小程序用戶隱私保護指引內(nèi)容介紹里邊所涉及到的隱私接口，都要做適配。

使用mp-privacy小程序隱私保護授權(quán)彈窗組件可降低開發(fā)成本，簡單配置就可使用。需要授權(quán)時展示彈窗，用戶點擊“拒絕”授權(quán)隱私接口時，不能調(diào)用隱私接口，但不影響小程序其他功能的使用，點擊“同意”后繼續(xù)調(diào)用隱私接口。

1 - 倉庫地址

• mp-privacy【github】
• mp-privacy【碼云gitee】

2 - 測試環(huán)境

• 微信小程序基礎庫版本：2.32.3 及以上

3 - 安裝方法：npm安裝

npm i mp-privacy --save

3.1 依賴包安裝后，需要在小程序開發(fā)者工具中：構(gòu)建npm

3.2 如果不想使用npm安裝，可以直接下載源碼，然后復制mp-privacy組件進行使用

4 - 配置與使用（兩種使用方式都需要以下配置）

4.1 小程序配置文件 app.json （2023年9月15日前調(diào)試需要此步配置）

{
  "__usePrivacyCheck__": true,
}

4.2 小程序 app.js

App({
  onLaunch: function (options) {

    // 監(jiān)聽隱私接口需要用戶授權(quán)事件
    if (wx.onNeedPrivacyAuthorization) {
      wx.onNeedPrivacyAuthorization(resolve => {
        // 需要用戶同意隱私授權(quán)時，彈出開發(fā)者自定義的隱私授權(quán)彈窗
        this.globalData.showPrivacy = true;
        this.globalData.resolvePrivacyAuthorization = resolve
      })
    }

  },
  globalData: {
    showPrivacy: false,
    resolvePrivacyAuthorization: null,
  },
})

4.3 使用到隱私接口的頁面的配置文件 index.json

{
  "usingComponents": {
    "mp-privacy": "mp-privacy"
  }
}

4.4 使用到隱私接口的頁面文件 index.wxml

<mp-privacy />

<!-- <mp-privacy action="exit" read="{{true}}" /> -->

4.5 所有使用到的隱私接口必須要在「小程序管理后臺」設置《小程序用戶隱私保護指引》，否則無法觸發(fā)wx.onNeedPrivacyAuthorization 監(jiān)聽

組件可配置屬性