微信小程序隐私协议最终版之uniapp版-摩杜云开发者社区

❝

已经又过去了半个月了，这应该是隐私协议的最后一篇文章了。

本文主要介绍uniapp版本的微信小程序隐私协议弹框！

❞

本文使用的是Vue3 + setup语法糖的uniapp演示模版

内容详情

之前写原生的弹窗内容时已经把大致逻辑讲的差不多了，这里主要做了一些调整

使用了部分uni-ui的组件

界面调整

<template>
 <uni-popup ref="popup" :is-mask-click="false">
  <view class="popup_view">
   <view class="title">
    个人信息保护指引
   </view>
   <scroll-view class="popup_scroll_view_wrap" scroll-y>
    <view class="content_wrap">
     <p>感谢您使用XXX！</p>
     <p>我们非常重视您的个人信息与隐私保护。根据最新法律法规要求，我们更新了 <text @tap="toPrivacyCon">《用户隐私保护指引》</text> </p>
     <p>您可以拒绝我们的请求，拒绝之后将不能使用我们提供的相关服务！</p>
    </view>
    <button class="btn_yes" open-type="agreePrivacyAuthorization" @agreeprivacyauthorization="agree">同意并继续</button>
    <view class="btn_no" @tap="closeAPP">不同意</view>
   </scroll-view>
  </view>
 </uni-popup>
</template>

微信小程序隐私协议最终版之uniapp版_微信小程序

UI视图

自动检测

组件挂载前会自动检测需不需要弹出授权框

const checkMustAuth = () => {
  if (!uni.getPrivacySetting) {
   return
  }

  uni.getPrivacySetting({
   success: res => {
    console.log("隐私协议结果===>",res)
    if (!res.needAuthorization) {
     // 同意触发事件
     agree()
    }else{
     // 未同意打开弹窗
     openPopup()
    }
   }
  })
 }

 onBeforeMount(() => {
  // 组件挂载前检测是否授权
  checkMustAuth()
 })

授权后操作

父页面进行了条件渲染，如同意，则5s后进入首页

微信小程序隐私协议最终版之uniapp版_微信小程序_02

授权后UI

首页

基本上是把微信演示示例搬过来改成uniapp版本

官方最新说明

2023.09.14更新

隐私相关功能启用时间延期至 2023年10月17日。

在 2023年10月17日之前，在 app.json 中配置 usePrivacyCheck:true 后，会启用隐私相关功能，如果不配置或者配置为 false 则不会启用。
在 2023年10月17日之后，不论 app.json 中是否有配置 usePrivacyCheck，隐私相关功能都会启用。

注意事项

1、先替换成自己appid，该appid须在微信公众平台配置相关协议！

2、在uni-app编译后的 app.json 文件中配置__usePrivacyCheck__: true，启用隐私相关功能。

其他

公众号发送关键字小程序隐私协议可获取代码片段以及相关源码！

如果感觉有帮助，麻烦3连(关注、赞、在看)，谢谢! 后面会更新更多。