uni-app 应对微信小程序最新隐私协议接口要求的处理方法
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助
一,问题起因
最新在开发小程序的时候,调用微信小程序来获取用户信息的时候经常报错一个问题
1 | fail api scope is not declared in the privacy agreement,api |
更具公告,是微信更新对应的隐私协议
二,解决方案
下面是我总结的解决步骤
1.前往微信小程序公众平台配置设置,完善并提交信息(注意:更新好隐私协议,要通过审核的,接口才能正常访问)
2.在components新增组件PrivacyPop
vue2版本
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 | <template> <view class = "privacy" v- if = "showPrivacy" > <view class = "content" > <view class = "title" >隐私保护指引</view> <view class = "des" > 在使用当前小程序服务之前,请仔细阅读<text class = "link" @tap= "openPrivacyContract" >{{ privacyContractName }}</text>。如你同意{{ privacyContractName }},请点击“同意”开始使用。 </view> <view class = "btns" > <button class = "item reject" @tap= "exitMiniProgram" >拒绝</button> <button id= "agree-btn" class = "item agree" open-type= "agreePrivacyAuthorization" @agreeprivacyauthorization= "handleAgreePrivacyAuthorization" >同意</button> </view> </view> </view> </template> <script> export default { data() { return { privacyContractName: '《XXX隐私保护引导》' , showPrivacy: false } }, methods: { checkPrivacySetting(){ uni.getPrivacySetting({ success: res => { console.log( "getPrivacySetting" ,res) this .showPrivacy = true // 返回结果为: res = { needAuthorization: true/false, privacyContractName: '《xxx隐私保护指引》' } // if (res.needAuthorization) { // 需要弹出隐私协议 // this.showPrivacy = false // } else { // this.showPrivacy = true // 用户已经同意过隐私协议,所以不需要再弹出隐私协议,也能调用已声明过的隐私接口 // wx.getUserProfile() // wx.chooseMedia() // wx.getClipboardData() // wx.startRecord() // } }, fail: () => {}, complete: () => {} }) }, // 打开隐私协议 openPrivacyContract() { uni.openPrivacyContract({ fail: () => { uni.showToast({ title: '遇到错误' , icon: 'error' }) } }) }, // 拒绝隐私协议 exitMiniProgram() { console.log( "拒绝隐私协议" ) const that = this ; // 直接退出小程序 // wx.exitMiniProgram() uni.showModal({ // 如果拒绝,我们将无法获取您的信息, 包括手机号、位置信息、相册等该小程序十分重要的功能,您确定要拒绝吗? content: '您确定要拒绝吗?' , success: res => { if (res.confirm) { that.showPrivacy = false ; uni.exitMiniProgram({ success: () => { console.log( '退出小程序成功' ); } }); } } }); }, // 同意隐私协议 handleAgreePrivacyAuthorization() { wx.requirePrivacyAuthorize({ success: () => { // 用户同意授权 // 继续小程序逻辑 this .showPrivacy = false }, fail: () => {}, // 用户拒绝授权 complete: () => {} }) } } } </script> <style scoped> .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; } .content { width: 632rpx; padding: 48rpx; box-sizing: border-box; background: #fff; border-radius: 16rpx; } .content .title { text-align: center; color: #333; font-weight: bold; font-size: 32rpx; } .content .des { font-size: 26rpx; color: #666; margin-top: 40rpx; text-align: justify; line-height: 1.6; } .content .des .link { color: #07c160; text-decoration: underline; } .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; } </style> |
vue3版本
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 | <template> <view class = "privacy" v- if = "showPrivacy" > <view class = "content" > <view class = "title" >隐私保护指引</view> <view class = "des" > 在使用当前小程序服务之前,请仔细阅读<text class = "link" @tap= "openPrivacyContract" >{{ privacyContractName }}</text>。如你同意{{ privacyContractName }},请点击“同意”开始使用。 </view> <view class = "btns" > <button class = "item reject" @tap= "exitMiniProgram" >拒绝</button> <button id= "agree-btn" class = "item agree" open-type= "agreePrivacyAuthorization" @agreeprivacyauthorization= "handleAgreePrivacyAuthorization" >同意</button> </view> </view> </view> </template> <script lang= "ts" setup> import { ref } from "vue" ; const privacyContractName = ref ( '《用户隐私保护引导》' ); const showPrivacy = ref ( false ); const checkPrivacySetting = () => { uni.getPrivacySetting({ success: (res) => { showPrivacy.value = true } }) } // 打开隐私协议 const openPrivacyContract = () => { uni.openPrivacyContract({ fail: () => { uni.showToast({ title: '遇到错误' , icon: 'error' }) } }) } // 拒绝隐私协议 const exitMiniProgram = () => { console.log( "拒绝隐私协议" ) uni.showModal({ // 如果拒绝,我们将无法获取您的信息, 包括手机号、位置信息、相册等该小程序十分重要的功能,您确定要拒绝吗? content: '您确定要拒绝吗?' , success: res => { if (res.confirm) { showPrivacy.value = false ; uni.exitMiniProgram({ success: () => { console.log( '退出小程序成功' ); } }); } } }); } // 同意隐私协议 const handleAgreePrivacyAuthorization = () => { wx.requirePrivacyAuthorize({ success: () => { // 用户同意授权 // 继续小程序逻辑 showPrivacy.value = false }, fail: () => { }, // 用户拒绝授权 complete: () => { } }) } </script> <style scoped> .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; } .content { width: 632rpx; padding: 48rpx; box-sizing: border-box; background: #fff; border-radius: 16rpx; } .content .title { text-align: center; color: #333; font-weight: bold; font-size: 32rpx; } .content .des { font-size: 26rpx; color: #666; margin-top: 40rpx; text-align: justify; line-height: 1.6; } .content .des .link { color: #07c160; text-decoration: underline; } .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; } </style> |
3.在要使用的页面中引入
vue2版本
1 2 3 4 5 6 7 8 | import PrivacyPop from '../../components/PrivacyPop/PrivacyPop.vue' ; components:{ PrivacyPop }, async onLoad() { this .$refs.PrivacyPopck.checkPrivacySetting(); }, |
vue3版本(建议点击事件触发)
1 2 3 4 5 6 7 8 9 10 11 | import PrivacyPop from '@/components/PrivacyPop.vue' ; import { ref } from "vue" ; const PrivacyObj = ref ({ }) const ClickFun = ()=>{ if (PrivacyObj.value){ PrivacyObj.value.checkPrivacySetting(); } } |
如果对您有所帮助,欢迎您点个关注,我会定时更新技术文档,大家一起讨论学习,一起进步。
分类:
uni-app学习笔记
, 小程序开发记录
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 实操Deepseek接入个人知识库
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· 【.NET】调用本地 Deepseek 模型
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库
· 上周热点回顾(2.17-2.23)
2022-10-31 uni-app如何实现USB插入后自动弹出对应软件