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

这篇具有很好参考价值的文章主要介绍了uniapp 微信小程序最新隐私弹窗更新方案,更新后无法登录问题解决方案。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

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

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

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>

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

在下方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();

}文章来源地址https://www.toymoban.com/news/detail-701592.html

},

fail: () => {},

complete: () => {},

})

// #endif

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

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

// 打开隐私协议页面

openPrivacyContract() {

let that = this;

wx.openPrivacyContract({

fail: () => {

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

}

})

},

// 拒绝隐私协议

exitMiniProgram() {

// 直接退出小程序

wx.exitMiniProgram()

},

// 同意隐私协议

handleAgreePrivacyAuthorization() {

this.$refs.popusAuthorization.close();

},

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

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

.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以下 

到了这里,关于uniapp 微信小程序最新隐私弹窗更新方案,更新后无法登录问题解决方案的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

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

    这里我选择的是全局监听,进入小程序就会监控用户有没有同意,没有则进行弹窗,不同意则关闭,这个逻辑可以根据自己需要随便修改。 发现有很多人根据自己调试基础库来排查自己涉不涉及,你的小程序是否涉及隐私协议整改,还是看有没有调用涉及隐私接口,如果有,

    2024年01月16日
    浏览(60)
  • 微信小程序wx.getLocation 真机调试不出现隐私弹窗

            在小程序的开发过程中,首页中包含要获取用户地理位置的功能,所以在这里的onLoad()中调用了wx.getLocation(),模拟调试时一切正常,但到了真机环境中就隐私框就不再弹出,并且出现了报错,在打印之后发现getLocation的成功和失败均没有进行          (设置

    2024年04月16日
    浏览(41)
  • uni-app开发微信小程序,9月15日前需添加隐私协议弹窗解决方案

    弹窗 代码插件已集成,即插即用, 五分钟集成进项目,免费下载,欢迎大家交流  微信小程序用户隐私保护协议弹窗插件下载 8 月 10 日微信官方发布公告 关于小程序隐私保护指引设置的公告,从 2023 年 9 月 15 日起必须用户点击同意隐私保护政策并同步给微信之后,开发者才可以

    2024年02月09日
    浏览(57)
  • uniapp微信小程序用户隐私保护

    微信小程序官方公告《关于小程序隐私保护指引设置的公告》。不处理的话,会导致很多授权无法使用,比如 头像昵称、获取手机号、位置、访问相册、上传图片视频、访问剪切板内容 等等,具体详见《小程序用户隐私保护指引内容介绍》 。 1、在 微信公众平台的 【设置

    2024年02月10日
    浏览(54)
  • uniapp微信小程序自定义弹窗组件

    写一个能够复用的弹窗组件,内容包括: \\\"标题\\\",\\\"图片\\\",\\\"描述内容\\\",\\\"按钮\\\". 且按钮可能会有多中功能(比如: 点击按钮可能只是关闭弹窗,或者关闭弹窗并跳转) 1.创建弹窗组件 popup-view 1.小编这里考虑组件全局都有可能会用到,就在主包的 components 文件夹下创建popup-view组件 2.组件内

    2024年02月04日
    浏览(40)
  • uniapp微信小程序隐私保护指引设置

    隐私政策不做过多阐述具体看公告,公告看不明白的就看下方实现吧,毕竟完成工作为主→_→ 关于小程序隐私保护指引设置的公告 关于小程序隐私保护指引设置的再次公告 在微信公众平台配置隐私保护后,当用户使用小程序时检测是否授权了,让用户授权相关隐私权限,用

    2024年02月02日
    浏览(61)
  • uniapp 微信小程序添加隐私保护指引

    隐私弹窗: 1. 启用隐私相关功能在manifest.json文件中配置  __usePrivacyCheck__: true : 2. 创建组件: 2. 在需要授权的页面引入改组件 例: PS: 也可使用获取手机号和隐私政策藕合方式 ,这样在用户 拒绝隐私协议 后 ,再次点击授权手机号 可继续弹出授权弹窗,直至用户同意协议

    2024年02月10日
    浏览(65)
  • uniapp 微信小程序之隐私协议开发

    官网通知:https://developers.weixin.qq.com/miniprogram/dev/framework/user-privacy/PrivacyAuthorize.html 1、配置 __usePrivacyCheck__: true ;位置 manifest.json : 2、用户隐私保护指引中添加对应的权限,提交审核,位置:微信公众平台-设置-服务内容声明-用户隐私保护指引-更新 3、自定义弹框

    2024年02月05日
    浏览(48)
  • uniapp|微信小程序:隐私保护指引说明

    由于小程序的隐私提示不符合规范,最近收到了警告,如图: 查看详情后知道问题出在隐私提示的方式不够完善,通过查看官方文档后,开始进行整改。 官方文档的整改指引地址:点击查看案例解析及整改指引 为规范开发者的用户个人信息处理行为,保障用户合法权益,小

    2024年01月16日
    浏览(88)
  • uniapp、微信小程序:点击空白/蒙版关闭弹窗

    重点:(点击空白区域关闭弹窗,同理) @click.stop:用于阻止冒泡。 添加@click.stop的标签范围内,点击任何区域(包括@click的点击事件)不会关闭弹窗。标签范围外,会关闭弹窗。 @click.stop标签内的@click等事件:如果事件内有关闭弹窗的代码,(不影响)可关闭弹窗。 (下面

    2024年02月11日
    浏览(91)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包