用树莓派做网站服务器好吗,网站改版seo方案,app开发公司排名,家具企业网站建设使用wx.requirePrivacyAuthorize实现微信小程序用户隐私保护。
一、前言
微信小程序官方出了一个公告《关于小程序隐私保护指引设置的公告》。不整的话#xff0c;后果很多授权无法使用#xff0c;详见《小程序用户隐私保护指引内容介绍》 。 二、隐私相关设置
1、在 微信…使用wx.requirePrivacyAuthorize实现微信小程序用户隐私保护。
一、前言
微信小程序官方出了一个公告《关于小程序隐私保护指引设置的公告》。不整的话后果很多授权无法使用详见《小程序用户隐私保护指引内容介绍》 。 二、隐私相关设置
1、在 微信小程序后台的【设置】- 【服务内容与声明】 设置好用户隐私保护指引。 2、打开uniapp 项目的 manifest.json 选择【源码视图】 添加配置如下配置 mp-weixin: {__usePrivacyCheck__: true, //隐私政策},3、设置微信开发者工具的调试基础库最好2.33.0 三、解决方案
1.弹窗方案
1验证用户是否已经隐私授权
使用wx.requirePrivacyAuthorize() 接口验证用户之前已经同意过隐私授权
onReady() {var _this this;// 隐私政策wx.getPrivacySetting({success: res {// 返回结果为: res { needAuthorization: true/false, privacyContractName: 《xxx隐私保护指引》 }console.log(res)if (res.needAuthorization) {// 需要弹出隐私协议_this.$refs.privacy.privacyShow true;return;} else {// 用户已经同意过隐私协议所以不需要再弹出隐私协议也能调用隐私接口}},fail: () {},complete:() {}})
},
2index引入组件
templateview!-- 用户隐私保护指引弹窗租金 --UserPrivacy refprivacy/UserPrivacy/view
/templatescript
import UserPrivacy from /components/user/userPrivacy.vue;export default {components: {UserPrivacy},data() {return {// 隐私设置弹窗开关privacyShow: false,}},onReady() {var _this this;// #ifdef MP-WEIXIN// 隐私政策wx.getPrivacySetting({success: res {// 返回结果为: res { needAuthorization: true/false, privacyContractName: 《xxx隐私保护指引》 }console.log(res)if (res.needAuthorization) {// 显示用户隐私组件弹窗_this.$refs.privacy.privacyShow true;return;} else {// 用户已经同意过隐私协议所以不需要再弹出隐私协议也能调用隐私接口}},fail: () {},complete:() {}})// #endif,methods: {}
}
/script
3) 组件代码
templateview!-- 隐私保护指引弹窗 --u-popup v-modelprivacyShow modecenter width600rpx border-radius20 :mask-close-ablefalseview classprivacyBoxview classprivacyTit用户隐私保护提示/viewview classprivacyDesc感谢您的使用在使用本小程序前应当阅读并同意textclickopenClick《用户隐私保护指引》/text。当您点击同意并开始使用程序服务时即表示您已理解并同意该条款内容该条款将对您产生法律约束力。如您拒绝将无法进入小程序。/viewview classprivacyPostview classrefuseBtnnavigator targetminiProgram open-typeexit不同意并退出/navigator/viewbutton classagreeBtn open-typeagreePrivacyAuthorizationagreeprivacyauthorizationagreeClick同意并继续/button/view/view/u-popup/view
/templatescriptexport default {data() {return {// 隐私设置弹窗开关privacyShow: false,}},onReady() {},methods: {// 打开隐私协议openClick() {wx.openPrivacyContract({success: () {}, // 打开成功fail: () {}, // 打开失败complete: () {}})},// 同意agreeClick() {// 用户点击了同意之后所有已声明过的隐私接口和组件都可以调用了this.privacyShow false;// 重新授权定位调取父组件方法this.$parent.getLocation();},}}
/scriptstyle scoped langscss.privacyBox {width: 600rpx;padding: 60rpx;box-sizing: border-box;}.privacyTit {font-size: 32rpx;font-weight: bold;color: $uni-text-main;text-align: center;overflow: hidden;}.privacyDesc {font-size: 28rpx;color: $uni-text-sub;overflow: hidden;margin-top: 30rpx;}.privacyDesc text {color: $uni-primary;}.privacyPost {overflow: hidden;margin-top: 60rpx;display: flex;justify-content: center;align-items: center;}.privacyPost .refuseBtn {flex: 1;height: 80rpx;line-height: 80rpx;text-align: center;font-size: 28rpx;font-weight: bold;color: #fff;background: $uni-info-dark;border-radius: 40rpx;box-sizing: border-box;overflow: hidden;}.privacyPost .agreeBtn {flex: 1;height: 80rpx;line-height: 80rpx;text-align: center;font-size: 28rpx;font-weight: bold;color: #fff;background: $uni-primary;border-radius: 40rpx;box-sizing: border-box;overflow: hidden;margin-left: 20rpx;}
/style
4弹窗效果图 2.跳转页面方案
1在app.json文件中添加页面路由。
其中privacy属性指向的是隐私政策页面的路径。如果用户在打开小程序时没有进行隐私授权将自动跳转到该隐私政策页面。
{path: pages/privacy/privacy,style: {navigationBarTitleText: 用户隐私保护}
},
2在隐私政策页面的privacy.vue文件中展示隐私政策的内容。
使用wx.openPrivacyContract获取隐私政策的内容。
wx.openPrivacyContract({success: () {}, // 打开成功fail: () {}, // 打开失败complete: () {}
})
3验证用户是否已经隐私授权
使用wx.requirePrivacyAuthorize接口验证用户之前已经同意过隐私授权。
onReady() {var _this this;// 隐私政策wx.getPrivacySetting({success: res {// 返回结果为: res { needAuthorization: true/false, privacyContractName: 《xxx隐私保护指引》 }console.log(res)if (res.needAuthorization) {// 跳转隐私内容页面uni.navigateTo({url: /pages/privacy/privacy})return;} else {// 用户已经同意过隐私协议所以不需要再弹出隐私协议也能调用隐私接口}},fail: () {},complete:() {}})
},
四、思路总结
在以上代码中我们通过调用wx.navigateTo方法打开隐私政策页面。如果用户已经进行过隐私授权那么页面将会自动跳转回之前的页面如果用户未进行隐私授权那么将会跳转到隐私政策页面进行授权操作。 通过使用wx.requirePrivacyAuthorize方法实现微信小程序隐私政策可以保障用户的隐私安全。开发者可以根据具体情况在相应的页面中进行调用实现对隐私政策的授权管理。
