适配小程序隐私保护指引设置-Toy模板网

这篇具有很好参考价值的文章主要介绍了适配小程序隐私保护指引设置。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

由于小程序发布了一个公告，那么接下来就是怎么改简单的问题了。毕竟不太想大的改动历史上的代码。尽量简单的适配隐私策略就可以了。

整体思路也是参考现在App普遍的启动就让用户同意隐私策略，不同意不让用，同意了之后才能够继续使用。

公告内容
参考文档

整体思路

整体思路如下：

在app.js中检查是否已经读过；
如果没读过，直接跳转到隐私策略页面（隐私策略页面自定义导航且没有返回按钮，为了防止Android的侧边滑动退出，在onUnLoad里边判断一下，如果没同意在跳转到隐私策略一面）；
如果点击确定则退页继续正常流程；
如果点击拒绝，弹出一个不确定无法继续使用的提示。

如此来做的话仅需要增加一个 privacy 的页面，然后在app.js里边跳进这个页面来适配隐私策略。

效果如下：

小程序隐私保护指引设置,小程序,小程序

详细实现

app.js内容

在app.js里边增加一个检测隐私的函数：

checkPrivacy() {
  if (!wx.canIUse('getPrivacySetting')) {
    return
  }
  wx.getPrivacySetting({
    success: res => {
        console.log("是否需要授权：", res.needAuthorization, "隐私协议的名称为：", res.privacyContractName)
        if (res.needAuthorization) {
          wx.navigateTo({
            url: `/pages/privacy`,
          })
          // wx.reLaunch({
          //   url: '/pages/privacy',
          // })
        } 
    },
    fail: () => { },
    complete: () => { },
  })
}

在App的onLaunch中调用一下

setTimeout(() => {
  this.checkPrivacy()
}, 500);

privacy 页面内容

privacy.js 内容

// pages/privacy.js
Page({
  isAgree: false,
  resolvePrivacyAuthorization: null,
  onLoad(options) {
    console.log('onload ', options)
    wx.onNeedPrivacyAuthorization(resolve => {
      console.log('onNeedPrivacyAuthorization ', resolve)
      this.resolvePrivacyAuthorization = resolve
    })
    wx.requirePrivacyAuthorize()
  },
  onUnload() {
    if (!this.isAgree) {
      console.log('not agree')
      wx.navigateTo({
        url: `/pages/privacy`,
      })
    }
  },
  handleDisagree: function(event) {
    console.log('handleDisagree')

    this.resolvePrivacyAuthorization({ event: 'disagree' })

    wx.exitMiniProgram()
  },
  handleAgree: function(event) {
    console.log('handleAgree')
    this.resolvePrivacyAuthorization({ buttonId: 'agree-btn', event: 'agree' })
    this.isAgree = true
    wx.navigateBack()
  },
  openPrivacyContract() {
    wx.openPrivacyContract({
      success: res => {
        console.log('openPrivacyContract success')
      },
      fail: res => {
        console.error('openPrivacyContract fail', res)
      }
    })
  }
})

privacy.json 内容

{
  "navigationStyle": "custom",
  "usingComponents": {}
}

privacy.wxml 内容

<!--pages/privacy.wxml-->
<view class="container">
  <view>用户隐私保护提示</view>
  <view>感谢您使用本游戏，您使用本游戏前应当阅井同意</view>
  <button class="goToPrivacy" bind:tap="openPrivacyContract">《用户隐私保护指引》</button>
  <view>当您点击同意并开始时用产品服务时，即表示你已理解并同息该条款内容，该条款将对您产生法律约束力。如您拒绝，将无法进入游戏。</view>

  <button id="disagree-btn"
    style="margin-top: 30rpx;"
    type="default"
    class="weui-btn"
    bindtap="handleDisagree"
  >不同意并退出</button>
  <button id="agree-btn"
    type="default"
    open-type="agreePrivacyAuthorization"
    class="weui-btn"
    bindagreeprivacyauthorization="handleAgree"
  >同意并继续</button>
</view>

privacy.wxss 内容文章来源地址https://www.toymoban.com/news/detail-706872.html

/* pages/privacy.wxss */

.container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 220rpx 40rpx;
}

.goToPrivacy {
  width: 670rpx !important;
  margin: 20rpx 0;
  font-size: 28rpx;
}