营销型网站特点,商场设计图,做盒饭的网站,关于优化网站建设的方案1. 微信小程序又双叒叕更新了
2023.08.22更新#xff1a;
以下指南中涉及的 getPrivacySetting、onNeedPrivacyAuthorization、requirePrivacyAuthorize 等接口目前可以正常接入调试。调试说明#xff1a;
在 2023年9月15号之前#xff0c;在 app.json 中配置 __usePriva…1. 微信小程序又双叒叕更新了
2023.08.22更新
以下指南中涉及的 getPrivacySetting、onNeedPrivacyAuthorization、requirePrivacyAuthorize 等接口目前可以正常接入调试。调试说明
在 2023年9月15号之前在 app.json 中配置 __usePrivacyCheck__: true 后会启用隐私相关功能如果不配置或者配置为 false 则不会启用。在 2023年9月15号之后不论 app.json 中是否有配置 __usePrivacyCheck__隐私相关功能都会启用。
2. 实现思路
初始化进入小程序时先检测用户是否已经授权了隐私协议。如果没有授权就弹出用户授权隐私协议的弹窗用户点击确认授权即可正常使用小程序用户如果取消授权当用户点击需要授权的功能比如获取手机号的按钮开启蓝牙的按钮等待涉及用户隐私的功能就重新弹窗让用户确认授权后才能使用对应的功能。否则只能浏览页面无法使用小程序的功能。
3. 实现效果
用户初始化进入小程序时弹出授权窗口用户点击登录按钮时如果未授权也弹出此窗口 4. 代码实现
templateview classlogin-page
!-- 当用户点击授权同意隐私协议后才可以正常点击登录按钮获取手机号码--button open-typegetPhoneNumber getphonenumberauthPhone v-ifysxy.agreeu-icon namefingerprint color#2979ff size68/u-icon/button!-- 当用户未授权同意意思协议时打开授权隐私协议的弹窗否则无法登录系统--button v-else clickysxy.show trueu-icon namefingerprint color#2979ff size68/u-icon/buttonu-modal v-modelysxy.show :negative-top200 title用户隐私提示保护 :show-confirm-buttonfalse:mask-close-abletrueview classslot-content view classysbox感谢您使用本产品您使用本产品前应当仔细阅读并同意span clickopenYsXyDetail classysname{{ ysxy.name }}/span当您点击同意并开始使用产品服务时即表示你已理解并同意该条款内容该条款将对您产生法律约束力。如您拒绝将无法更好的体验产品。/viewdiv classauth-btncarddiv classbtn-unoku-button :hair-linefalse :custom-stylecustomStyleUnOk clickysxy.showfalse拒绝/u-button/divdiv classbtn-oku-button :hair-linefalse :custom-stylecustomStyleOk open-typeagreePrivacyAuthorizationclickysxy.showfalse;ysxy.agreetrue; 同意/u-button/div/div/view/u-modal/view
/template
script
import global from ../../common/utils/global;
export default {data() {return {ysxy:{show:false,name:《小程序隐私保护指引》,agree:false},customStyleOk: {marginTop: 20rpx, // 注意驼峰命名并且值必须用引号包括因为这是对象border: none,color: #157DFB},customStyleUnOk: {marginTop: 20rpx, // 注意驼峰命名并且值必须用引号包括因为这是对象border: none,color: gray},}},onLoad(option) {//#ifdef MP-WEIXINthis.initYsxy();//#endif},methods: {openYsXyDetail(){uni.openPrivacyContract({});},initYsxy(){this.ysxy.agree false;let _thisthis;if (uni.getPrivacySetting) {uni.getPrivacySetting({success: res {console.log(是否需要授权, res.needAuthorization, 隐私协议的名称为, res.privacyContractName)if (res.needAuthorization) {_this.ysxy.name res.privacyContractName_this.ysxy.show true;} else {//已经同意了_this.ysxy.agree true;}},fail: () {},complete: () {},})}},}
}
/script
style langscss scoped
.ysbox{margin: 40rpx;.ysname{color: #157DFB;}
}
.auth-btncard {.btn-unok {width: 50%;float: left;}.btn-ok {width: 50%;float: left;margin: 0;padding: 0;border: 0px solid transparent; //自定义边框outline: none; //消除默认点击蓝色边框效果u-button {margin: 0;padding: 0;border: 0px solid transparent; //自定义边框outline: none; //消除默认点击蓝色边框效果}}
}
/style
