微信小程序隐私协议自定义页面（弹窗）开发流程以及低版本兼容

原创

已于 2023-09-26 08:45:05 修改 · 2.9k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序 #小程序 #前端

于 2023-09-19 15:35:25 首次发布

本文介绍了如何在微信小程序中实现全局监听用户隐私协议，包括使用`getPrivacy`和`setStorageSync`存储用户协议状态，以及在不同版本间的兼容处理。开发者需确保在小程序管理后台配置隐私保护指引，并根据用户授权情况决定后续操作。

这里我选择的是全局监听，进入小程序就会监控用户有没有同意，没有则进行弹窗，不同意则关闭，这个逻辑可以根据自己需要随便修改。

小程序基础库是跟着用户手机微信版本走的，不是你的调试基础库！！！

发现有很多人根据自己调试基础库来排查自己涉不涉及，你的小程序是否涉及隐私协议整改，还是看有没有调用涉及隐私接口，如果有，那你最后还是要改。
开发者需在「小程序管理后台」配置《小程序用户隐私保护指引》，详细指引可见：https://developers.weixin.qq.com/miniprogram/dev/framework/user-privacy/

需要注意的是，仅有在指引中声明所处理的用户信息，才可以调用平台提供的对应接口或组件。若未声明，对应接口或组件将直接禁用。隐私接口与对应的处理的信息关系可见： https://developers.weixin.qq.com/miniprogram/dev/framework/user-privacy/miniprogram-intro.html

app.js

  这里setStorageSync保存的，是用户当前是否同意协议的状态
  我们在onShow进行一个判断，每次用户打开小程序先去判断是否进行隐私授权，否则跳转至授权页面（弹窗）
  getPrivacy(privacy) {
   
   
    wx.setStorageSync('privacyStatus', privacy);
  },

  onShow(object) {
   
   
    if (wx.getStorageSync('privacyStatus')) {
   
   
      // 用户协议已同意
      console.log('用户协议已同意');
    } else {
   
   
      // 未同意用户协议，则跳转至弹窗页面或弹出窗口
      console.log('用户协议未同意');
      const url = `/${
     
     object.path}`;
      if (url !== '/pages/guidePages/index') {
   
   
        wx