uniapp开发微信小程序时，如何跳转官方的用户服务协议

小跳不会Coding

已于 2024-09-18 11:03:13 修改

阅读量516

点赞数

CC 4.0 BY-SA版权

分类专栏： uniapp 文章标签： uni-app 微信小程序小程序

于 2024-09-18 10:48:36 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_48596030/article/details/142327383

uniapp 专栏收录该内容

90 篇文章 ¥99.90 ¥299.90

订阅专栏

超级会员免费看

第一种方式：

直接用wx.openPrivacyContract

<script>
export default {
   
   
  methods: {
   
   
    clickFun() {
   
   
     wx.openPrivacyContract({
   
   
	     succ

了解本专栏

订阅专栏解锁全文

超级会员免费看

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

小跳不会Coding

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

订阅专栏

uniapp(微信小程序) - 最新详细实现微信支付+模板消息通知，详解小程序内微信支付功能及模板消息通知联动，用户线上微信支付后进行积分变动、余额变动等消息模板通知（详细示例代码，一键复制开箱即用）

高级前端工程师

04-18

4780

uni-app，微信小程序，小程序内支付，微信支付，微信付款后发通知，模板消息，消息通知，uniapp微信小程序支付，Uniapp微信小程序发送模板消息通知，uniapp微信支付+消息通知，uniapp小程序支付后给用户发送模板消息通知，微信支付后通知用户积分变动详细示例代码，微信小程序中,怎么实现客户下单后,给商家的微信上发送一条通知，微信小程序下单或购买时微信提示信息或微信消息提醒怎么做，微信如何设置消息提醒功能订单支付成功消息通知，微信小程序怎么发送模板消息，小程序怎么结合微信支付和模板消息，uni-

UniApp版用户协议弹窗

m0_71714135的博客

09-01

1402

隐私保护指引

参与评论您还未登录，请先登录后发表或查看评论

uniapp小程序使用web-view实现在线浏览注册协议

JJ_Smilewang的博客

01-12

822

需求：注册账号时，需要用户可以在线浏览注册协议。

uniapp开发微信小程序用户隐私协议，用户隐私保护提示

m0_55074611的博客

10-26

3265

uniapp中开发微信小程序用户隐私协议，用户隐私保护组件，微信后台配置对应的用户隐私协议且需要通过审核其次在调试过程中微信开发者工具建议调整版本到3以上，2.23 版本以上才支持最后在调试时在manifest.json文件中加入“usePrivacyCheck” : true 和appid同级 1、封装组件 privacyAgreenPop 用户隐私协议弹框

使用uni-app开发微信小程序并实现页面间的跳转

03-29

2578

微信开发者工具。

uniapp开发小程序实现点击按钮跳转到企业微信客服聊天页面

code_res的博客

07-30

4246

3.在小程序管理后台的「功能-客服-微信客服」处，填写对应的企业ID，完成绑定。，进入「应用管理-应用-微信客服」，选择接入场景为「在微信内其他场景接入」。5.选择需要在小程序中接待用户咨询的客服帐号，找到对应的客服链接，复制。，进入「我的企业」，完成企业验证。（备注：暂仅支持绑定非个人小程序）2.在企业信息处复制企业ID。

uniapp新版微信小程序用户隐私协议授权

Icebreaker

09-08

1349

uniapp新版微信小程序用户隐私协议授权

uniapp开发微信小程序实现获取“我的位置”

搏博的专栏

12-24

1843

注意：获取位置测试请在真机下测试否则定位不准确，H5端获取定位信息，要求部署在 https 服务上，本地预览(localhost)仍然可以使用 http 协议,H5端国产安卓手机上，H5若无法定位，检査手机是否开通位置服务、GPS，ROM是否给该浏览器位置权限、浏览器是否对网页弹出请求给予定位的询问框。同时，确保在地图厂商那里配额足够，确保在地图厂商那里有周边服务的权限。（2）调用逆地址解析接口：将获取到的经纬度信息发送给腾讯地图的逆地址解析接口，并解析返回的JSON数据以提取出具体的地址信息。

uniapp微信隐私保护弹出框隐私协议弹出框

09-10

在使用uniapp开发微信小程序或H5应用时，为了符合微信的隐私政策，开发者需要为用户提供明确的隐私协议提示。本教程将详细介绍如何在uniapp中实现微信隐私保护弹出框以及隐私协议的展示。 uniapp是一个基于Vue.js的...

uniapp兼容微信小程序和支付宝小程序遇到的坑

RainHg的博客

07-26

6814

支付宝不支持v-show；v-html；支付宝导航栏差异；支付宝不兼容uni.createSelectorQuery().in中的in；支付宝客服相关；uniapp小程序超出限制；uniapp require 绝对路径引入文件报错“文件查找失败”；SyntaxError: Unexpected token } in JSON at position

微信小程序用户协议界面代码的详细见博客

07-27

微信小程序 用户协议界面四个文件，代码详细，直接添加到page中即可

微信小程序接入用户隐私协议提示教程

qq_44933075的博客

09-22

4328

1、做之前一定要检查开发工具的基础库2、在app.json里设置 “”: true 打开隐私权限3、发布小程序的时候一定要勾选4、上线后微信版本不能太低5、照片权限、位置权限、wx.login 等等都要点击隐私同意之后才会生效，所以一定要在合适的位置调 wx.getPrivacySetting 去查是否需要授权，及时的把隐私弹框弹出进行拦截。

uniapp微信小程序隐私协议/授权登录-通用组件

weixin_48805549的博客

10-24

2779

微信小程序官方公告《关于小程序隐私保护指引设置的公告》需要处理的隐私接口《插件用户隐私保护说明内容介绍》二、注意事项1.2023 年 9 月 15 号之前，默认不会启用隐私相关功能，所以检测不到需要弹窗的情况，可以在 manifest.json 中配置 "__usePrivacyCheck__": true 之后，接口才可以检测到是否需要弹窗。2.自动打开隐私保护指引界面需在「小程序管理后台」配置《小程序用户隐私保护指引》，官方《用户隐私保护指引填写说明》。

uniapp隐私协议的详情

maliao5的博客

08-19

2353

获取用户信息，电话，qq,位置，相册，摄像头等都要用户授权《协议》或《隐私政策》,如果用户拒绝，那么就获取不到用户的信息。

HTML5移动开发常用meta标签

Herbert的专栏

06-25

600

html

uniapp隐私政策和用户协议（在应用启动之前弹窗让用户知悉）

一粒程序米

09-02

9953

如果项目app用了别的插件，并且在启动app时使用到app的实例的或者app栈顶的活动，如果弹出了隐私政策，弹出的时候时获取不到实例的，只有在用户同意了协议，进入了app才可以获取到实例。

uniapp APP第一次下载进入首页前的用户服务协议和隐私政策的授权弹窗

最新发布

05-05

### 实现 UniApp 微信小程序获取手机号前判断用户是否同意隐私协议在 UniApp 中开发微信小程序时，为了确保合法合规地获取用户的手机号码，需先确认用户已阅读并同意隐私协议。以下是完整的解决方案： #### 1. **初始化应用全局变量** 在 `App.vue` 文件中定义全局数据存储对象 `globalData`，用于保存隐私协议状态以及相关参数。 ```javascript export default { globalData: { showPrivacy: false, // 是否显示隐私协议弹窗 privacyContractName: '', // 隐私协议名称 hasAgreedPrivacy: false // 用户是否已经同意隐私协议 }, onLaunch() { this.checkPrivacyAuthorization(); }, methods: { checkPrivacyAuthorization() { // #ifdef MP wx.getPrivacySetting({ success(res) { if (res.needAuthorization) { this.globalData.privacyContractName = res.privacyContractName; this.globalData.showPrivacy = true; // 显示隐私协议弹窗 this.globalData.hasAgreedPrivacy = false; // 默认未同意 } else { this.globalData.showPrivacy = false; // 不需要显示隐私协议弹窗 this.globalData.hasAgreedPrivacy = true; // 已经同意过隐私协议 } }.bind(this), fail(err) { console.error('获取隐私设置失败：', err); } }); // #endif } } } ``` 此处逻辑基于引用[^2]中的方法实现，通过调用 `wx.getPrivacySetting` 接口检测用户是否需要重新授权隐私协议。 --- #### 2. **展示隐私协议页面** 如果用户尚未同意隐私协议，则跳转至专门的隐私协议页面让用户完成操作。在隐私协议页面中提供两个按钮：“不同意” 和 “同意”。当点击“同意”按钮时触发以下逻辑： ```html <template> <view v-if="showPrivacy">  <text>{{privacyContractName}}</text> <button open-type="agreePrivacyAuthorization" @click="onAgree">同意</button> <button @click="onDisagree">不同意</button> </view> </template> <script> export default { data() { return { showPrivacy: getApp().globalData.showPrivacy, privacyContractName: getApp().globalData.privacyContractName }; }, methods: { onAgree() { getApp().globalData.hasAgreedPrivacy = true; // 设置为已同意 getApp().globalData.showPrivacy = false; // 关闭弹窗 }, onDisagree() { uni.showToast({ title: '您拒绝了隐私协议', icon: 'none' }); setTimeout(() => { uni.navigateBack(); // 返回上一页 }, 1000); } } }; </script> ``` 此部分利用了引用[^3]提到的功能，在 `<button>` 上绑定扩展事件 `open-type="agreePrivacyAuthorization"` 来通知微信平台用户已同意隐私协议。 --- #### 3. **获取手机号功能** 只有当用户同意隐私协议后才允许执行获取手机号的操作。具体流程如下： ```javascript methods: { getPhoneNumber(e) { const app = getApp(); if (!app.globalData.hasAgreedPrivacy) { uni.showToast({ title: '请先同意隐私协议', icon: 'none' }); return; } const encryptedData = e.detail.encryptedData; const iv = e.detail.iv; if (e.detail.errMsg === 'getPhoneNumber:ok') { // 调用后端解密接口处理 encryptedData 和 iv uni.login({ provider: 'weixin', success(async loginRes) => { try { const result = await uni.request({ url: '/api/decryptPhone', // 替换为实际接口地址 method: 'POST', data: { code: loginRes.code, encryptedData: encryptedData, iv: iv } }); console.log('手机号解析成功：', result.data.phoneNumber); // 执行后续业务逻辑... } catch (error) { console.error('手机号解析失败：', error); } } }); } else { uni.showToast({ title: '取消获取手机号', icon: 'none' }); } } } ``` 以上代码片段实现了对用户手机号的安全获取过程，并结合引用[^1]和[^4]的内容完成了必要的校验与交互设计。 --- ### 总结整个方案分为三个主要模块： - 初始化阶段检查用户是否需要再次授权隐私协议； - 提供清晰的界面引导用户完成隐私协议签署动作； - 在满足条件的前提下安全高效地提取用户手机号信息。

uniapp开发微信小程序时， 如何跳转官方的用户服务协议

第一种方式：

uniapp开发微信小程序时，如何跳转官方的用户服务协议