微信小程序新版隐私协议弹窗实现最新版

微信小程序新版隐私协议弹窗实现最新版

1. 微信小程序又双叒叕更新了

2023.08.22更新：【原文连接】

以下指南中涉及的 getPrivacySetting、onNeedPrivacyAuthorization、requirePrivacyAuthorize 等接口目前可以正常接入调试。调试说明：

1. 在 2023年9月15号之前，在 app.json 中配置 __usePrivacyCheck__: true 后，会启用隐私相关功能，如果不配置或者配置为 false 则不会启用。
2. 在 2023年9月15号之后，不论 app.json 中是否有配置 __usePrivacyCheck__，隐私相关功能都会启用。uniapp需要在manifest.json中加入"usePrivacyCheck": true

 "mp-weixin" : {
        "appid" : "wx4xxxxxxxxa5c",
        "__usePrivacyCheck__": true
  },
1
2
3
4

涉及到以下接口的地方需要加上隐私协议弹窗

2. 实现思路

1. 初始化进入小程序时先检测用户是否已经授权了隐私协议。如果没有授权，就弹出用户授权隐私协议的弹窗
2. 用户点击确认授权，即可正常使用小程序
3. 用户如果取消授权，当用户点击需要授权的功能，比如获取手机号的按钮，开启蓝牙的按钮等待涉及用户隐私的功能，就重新弹窗，让用户确认授权后，才能使用对应的功能。否则只能浏览页面，无法使用小程序的功能。
4. 隐私协议的名字和内容都是通过微信接口获得的。
   获取隐私协议名字接口

 uni.getPrivacySetting({
          success: res => {
            console.log("是否需要授权：", res.needAuthorization, "隐私协议的名称为：", res.privacyContractName)
          },
          fail: () => {
          },
          complete: () => {},
        })
1
2
3
4
5
6
7
8

获取隐私协议内容接口如下，调用该方法会自动进入隐私协议详情页面。

 openYsXyDetail(){
      uni.openPrivacyContract({});
},
1
2
3

5. 如果是原生小程序只需要把下方代码实现中的所有uni.替换为wx.即可使用

3. 实现效果

用户初始化进入小程序时，弹出授权窗口，用户点击登录按钮时，如果未授权也弹出此窗口

4. 代码实现

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117