uniapp 微信小程序最新隐私弹窗更新方案,更新后无法登录问题解决方案

1,在manifest.json文件中的mp-weixin 节点下,添加:"__usePrivacyCheck__": true

2,在需要的页面配置隐私保护弹窗,或者直接写到首页也可以

<uni-popup ref="popusAuthorization" type="center" :maskClick="false">

<view class="contentview">

<view class="title">隐私保护指引</view>

<view class="des" @click="openPrivacyContract">

在使用当前小程序服务之前,请仔细阅读<text style="color: #07c160;">{{privacyContractName}}</text>。如你同意{{privacyContractName}},请点击“同意”开始使用。

</view>

<view class="btns">

<button class="item reject" @click="exitMiniProgram">拒绝</button>

<button id="agree-btn" class="item agree" open-type="agreePrivacyAuthorization"

@agreeprivacyauthorization="handleAgreePrivacyAuthorization">同意</button>

</view>

</view>

</uni-popup>

在下方data中定义:privacyContractName:''

3,在页面的onLoad中,添加查询是否需要授权的检测(小程序中用即可,其他端不需要)

// #ifdef MP-WEIXIN

wx.getPrivacySetting({

success: res => {

console.log("是否需要授权:", res.needAuthorization, "隐私协议的名称为:", res.privacyContractName)

if (res.needAuthorization) {

this.privacyContractName = res.privacyContractName;

this.$refs.popusAuthorization.open();

}

},

fail: () => {},

complete: () => {},

})

// #endif

4,然后在methods中添加对应的方法

// 打开隐私协议页面

openPrivacyContract() {

let that = this;

wx.openPrivacyContract({

fail: () => {

that.$queue.showToast('遇到错误无法打开!');

}

})

},

// 拒绝隐私协议

exitMiniProgram() {

// 直接退出小程序

wx.exitMiniProgram()

},

// 同意隐私协议

handleAgreePrivacyAuthorization() {

this.$refs.popusAuthorization.close();

},

下方是弹框的样式,有需要直接拷贝即可

.privacy {

position: fixed;

top: 0;

right: 0;

bottom: 0;

left: 0;

background: rgba(0, 0, 0, .5);

z-index: 9999999;

display: flex;

align-items: center;

justify-content: center;

}

.contentview {

width: 632rpx;

padding: 48rpx;

box-sizing: border-box;

background: #fff;

border-radius: 16rpx;

}

.contentview .title {

text-align: center;

color: #333;

font-weight: bold;

font-size: 32rpx;

}

.contentview .des {

font-size: 26rpx;

color: #666;

margin-top: 40rpx;

text-align: justify;

line-height: 1.6;

}

.contentview .des .link {

color: #07c160;

text-decoration: underline;

}

button::after {

border: none;

}

.btns {

margin-top: 48rpx;

display: flex;

}

.btns .item {

justify-content: space-between;

width: 244rpx;

height: 80rpx;

display: flex;

align-items: center;

justify-content: center;

border-radius: 16rpx;

box-sizing: border-box;

border: none;

}

.btns .reject {

background: #f4f4f5;

color: #909399;

}

.btns .agree {

background: #07c160;

color: #fff;

}

若出现确认隐私后无法登录情况,请使用微信开发者工具推送低版本调试基础库降低到2.32.3以下 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/106780.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

优思学院|为什么质量工程师在别人看是“救火“的呢?

为什么质量工程师在别人看是‘救火’的呢&#xff1f;现今的质量管理体系已经很成熟&#xff0c;一家公司质量部门会有IQC、IPQC、OQC负责来料、过程质量、成品质量等等&#xff0c;而质量工程师&#xff08;QE&#xff09;的工作是要确保这些活动合理和有效&#xff0c;不产生…

基于单片机压力传感器MPX4115检测-报警系统-proteus仿真-源程序

一、系统方案 本设计采用52单片机作为主控器&#xff0c;液晶1602显示&#xff0c;MPX4115检测压力&#xff0c;按键设置报警&#xff0c;LED报警。 二、硬件设计 原理图如下&#xff1a; 三、单片机软件设计 1、首先是系统初始化 /***************************************…

[XSCTF]easyxor

查看&#xff0c;main函数&#xff0c;首先是将输入的数据与key中的字符依次异或 在这个循环里&#xff0c;将异或得到的结果每次减去1&#xff0c;同时在数组里写上1&#xff0c;往后遍历数组 直到异或得到的结果减为0&#xff0c;在数组中写一个0进行标记 最后比较数组是否与…

关于前端就业前景的一点看法

一、前言 最近&#xff0c;很多人在知乎上鼓吹前端未来会没掉的概念。在此我想说这个说法并不真实&#xff0c;而是一种极端的观点。 事实上&#xff0c;前端开发在当今的互联网行业中扮演着至关重要的角色&#xff0c;它是构建 Web 应用程序所必需的一部分&#xff0c;能够实现…

DedeCMS_v5.7其他漏洞复现

一、URL重定向 http://127.0.0.1/DedeCMS-V5.7-UTF8-SP2/uploads/plus/download.php?open1&linkaHR0cDovL3d3dy5iYWlkdS5jb20 其中aHR0cDovL3d3dy5iYWlkdS5jb20是http://www.baidu.com的base64编码 访问后发现直接转到百度 二、后台shops_delivery_存储型XSS 管理员在…

Mac版本破解Typora,解决Mac安装软件的“已损坏,无法打开。 您应该将它移到废纸篓”问题

一、修改配置文件 首先去官网选择mac版本下载安装 typora下载 然后打开typora包内容找到 /Applications/Typora.app/Contents/Resources/TypeMark/ 编辑器打开上面文件夹&#xff0c;这里我拉到vscode 找到page-dist/static/js/Licen..如下图 输入 hasActivated"…

STM32-HAL库07-软件SPI驱动0.96寸OLED

STM32-HAL库07-软件SPI驱动0.96寸OLED 一、所用材料&#xff1a; STM32VGT6自制控制板 STM32CUBEMX&#xff08;HAL库软件&#xff09; MDK5 二、所学内容&#xff1a; 通过HAL库配置四个GPIO输出口&#xff0c;对其进行软件模拟SPI发送规则&#xff0c;进而驱动OLED进行数…

Eclipse 安装串口终端工具

Eclipse已集成串口终端显示&#xff0c;只需要我们自己下载安装即可使用。使用SSH连接也差不多。 查看eclipse版本信息 help->About Eclipse 查看version&#xff0c;我的是4.7.3a&#xff0c;记住代号&#xff0c;我的是“Oxygen”,下面有用。 安装eclipse自带的“Termin…

小白备战大厂算法笔试(六)——堆

文章目录 堆常用操作堆的实现存储与表示访问堆顶元素元素入堆元素出堆 常见应用建堆操作自上而下构建自下而上构建 TOP-K问题遍历选择排序堆 堆 堆是一种满足特定条件的完全二叉树&#xff0c;主要可分为下图所示的两种类型。 大顶堆&#xff1a;任意节点的值 ≥ 其子节点的值…

智能合约安全分析,假充值攻击如何突破交易所的防御?

智能合约安全分析&#xff0c;假充值攻击如何突破交易所的防御&#xff1f; 引言 假充值攻击&#xff0c;是指攻击者通过利用交易所在处理充值过程中的漏洞或系统错误&#xff0c;发送伪造的交易信息到交易所钱包地址&#xff0c;这些伪造的交易信息被交易所误认为是真实的充值…

年轻人为何热衷于副业?工作不饱和,这是对年轻人的侮辱

昨天在知乎上看到一个问题&#xff1a;为什么现在的年轻人都开始忙着搞副业&#xff0c;工作不饱和还是赚钱太少&#xff1f; 着实没忍住&#xff0c;所以&#xff0c;发表了一下自己的看法。 「都」开始忙着搞副业&#xff0c;这里的「都」&#xff0c;有准确数据吗&#xff1…

自动驾驶——估计预瞄轨迹YawRate

1.Introduction 在ADAS控制系统中&#xff0c;通常根据预瞄距离x去估计横向距离y&#xff0c;有如下关系&#xff1a; y a0 a1 x a2 * x^2 a3 * x^3 &#xff0c;那么现在有个需求&#xff0c;希望根据上述x和y的关系&#xff0c;去估计规划预瞄轨迹yawRate 2.How to es…