一篇搞明白微信的基本授权功能

news2024/10/6 22:34:13
一、介绍

        由于部分接口需要经过用户授权同意才能调用。我们把这些接口按使用范围分成多个 scope ,

用户选择对 scope 来进行授权,当授权给一个 scope 之后,其对应的所有接口都可以直接使用。

此类接口调用时:

  • 如果用户未接受或拒绝过此权限,会弹窗询问用户,用户点击同意后方可调用接口;
  • 如果用户已授权,可以直接调用接口;
  • 如果用户已拒绝授权,则不会出现弹窗,而是直接进入接口 fail 回调。
二、使用
        1.首先就是获取用户授权设置 wx.getSetting

通过此借口我们能够查看到,当前有哪些功能授权过了,能够直接使用,调用成功输出结果如下:

         2.下一步我们只需要判断结果中 authSetting 是否存在某 scope.功能即可,具体代码如下:

这里以相机为例:

wx.getSetting({
        success(res) {
            /* 授权配置不存在摄像头 */
            if (!res.authSetting['scope.camera']) {
                /* 如果不存在  先进行弹出框授权 */
                wx.authorize({
                    scope: 'scope.camera',
                    success() {
                        /* 授权成功直接调用相机拍照 */
                        that.chooseMedia()
                    }
                })
            } else {
                /* 已经授权完毕可以直接使用喽 */
                that.chooseMedia()
            }
        }
    })

 授权可以有两种方式:

        1.弹出框授权----用户体验较好,通过弹出框的形式,让用户进行授权,如图所示:

        2.设置页面授权----如果我们用的是第一种方式,用户拒绝授权,将不再进行弹出框,而是需要自行去设置页面进行同意授权,这种方式调用结果也是打开设置页面进行同意授权,现在打开设置页也是三种方式

        (1)  button 按钮的 open-type 属性

<button open-type="openSetting" bindopensetting="callback">打开设置页</button>

        (2) 引导用户点击行为触发    wx.openSetting 接口的调用,打开设置页面

wx.openSetting({
  success (res) {
    res.authSetting = {
       "scope.camera": true,
    }
  }
})

       (3) 用户也可以主动在小程序设置界面(「右上角」 - 「关于」 - 「右上角」 - 「设置」)中控制对该小程序的授权状态.

        3.最后一步就是授权成功可以使用该功能,进行下一步的业务操作
三、具体案例:

        主要使用弹出框授权

        1.相机授权,直接上代码:
------相机授权------
/* 点击拍照 */
photo() {
    const that = this
    /* 打开授权设置 */
    wx.getSetting({
        success(res) {
            /* 授权配置不存在摄像头 */
            if (!res.authSetting['scope.camera']) {
                /* 如果不存在  先进行弹出框授权 */
                wx.authorize({
                    scope: 'scope.camera',
                    success() {
                        /* 授权成功直接调用相机拍照/本地图库 */
                        that.chooseMedia()
                    }
                })
            } else {
                /* 已经授权完毕可以直接使用喽 */
                that.chooseMedia()
            }
        }
    })
},
/* 调用媒体工具 */
chooseMedia() {
    const that = this
    wx.chooseMedia({
        mediaType: ['image'], //媒体类型可以是视频或者照片等其他
        sourceType: ['album'], // 指定拍照或相册选择,可选值:camera、album,默认为album   album 指的是图库
        /* maxDuration: 60,  */ // 视频最大时长,单位为秒,默认值为60秒 
        camera: 'back', // 默认使用后置摄像头,可选值:front、back,默认值为back 
        /* sizeType 是否选择压缩图片*/
        success(res) {
            // 选择视频成功,返回选定视频的临时路径和文件名 
            console.log(res)
            const tempFilePath = res.tempFiles[0].tempFilePath
            // 在页面上显示选择的视频 或者 图片
            that.setData({
                imgUrl: tempFilePath,
            })
        }
    })
}
         2.录音授权(接口调整---现在使用 wx.getRecorderManager() 获取全局唯一的录音管理能够实现)
/* 打开麦克风 */
openRecord() {
    const that = this
    /* 打开授权设置 */
    wx.getSetting({
        success(res) {
            /* 授权配置不存在麦克风权限 */
            if (!res.authSetting['scope.record']) {
                /* 如果不存在  先进行弹出框授权 */
                wx.authorize({
                    scope: 'scope.record',
                    success() {
                        /* 授权成功直接调用麦克风 */
                         wx.startRecord({
                            success (res) {
                                //录音文件的临时路径
                                const tempFilePath = res.tempFilePath
                            }
                        })
                        //结束录音
                        setTimeout(function () {
                              wx.stopRecord()
                        }, 10000)
                    }
                })
            } else {
                /* 已经授权完毕可以直接使用 */
                wx.startRecord({
                   success (res) {
                       //录音文件的临时路径
                       const tempFilePath = res.tempFilePath
                   }
                })
            }
        }
    })
},
        3.地理位置授权已在定位功能中讲解,具体可查看

[小程序]定位功能实现-CSDN博客

        4.蓝牙授权(一般像共享单车这种需要连接开启蓝牙设备)
openbluetooth() {
        const that = this
        /* 打开授权设置 */
        wx.getSetting({
            success(res) {
                /* 授权配置不存在蓝牙权限 */
                if (!res.authSetting['scope.bluetooth']) {
                    /* 如果不存在  先进行弹出框授权 */
                    wx.authorize({
                        scope: 'scope.bluetooth',
                        success() {
                            /* 授权成功之后可以进行下一步的操作 */
                        }
                    })
                } else {
                    /* 已经授权完毕可以直接进行下一步 */
                }
            }
        })
    },

我们可以在后续的操作中调用以下 api,具体可查看.

设备 / 蓝牙-通用 / wx.openBluetoothAdapter (qq.com)

wx.openBluetoothAdapter()  //初始化蓝牙模块
wx.onBluetoothAdapterStateChange(function listener)  //监听蓝牙适配器状态变化事件
        5.添加到相册
openWritePhotosAlbum() {
        const that = this
        /* 打开授权设置 */
        wx.getSetting({
            success(res) {
                /* 授权配置不存在该权限 */
                if (!res.authSetting['scope.writePhotosAlbum']) {
                    /* 如果不存在  先进行弹出框授权 */
                    wx.authorize({
                        scope: 'scope.writePhotosAlbum',
                        success() {
                            /* 授权成功之后 调用保存相册到本地系统的接口 */
                            that.saveMedia()
                        }
                    })
                } else {
                    /* 已经授权完毕可以直接进行下一步 */
                    that.saveMedia()  //保存图片到本地系统
                }        
            }
        })
}

saveMedia(){
    //可以是临时文件路径也可以是永久文件路径 (本地路径)
    //保存图片到本地系统
    wx.saveImageToPhotosAlbum({
      filePath: '文件路径',
      success(res) { 
         console.log(res.errMsg) 
      }
    })
    //保存视频到本地系统
    wx.saveVideoToPhotosAlbum({
      filePath: '文件路径',
      success (res) {
        console.log(res.errMsg)
    }
})
}
        6.添加到联系人
openaddPhoneContact() {
        const that = this
        /* 打开授权设置 */
        wx.getSetting({
            success(res) {
                /* 授权配置不存在该权限 */
                if (!res.authSetting['scope.addPhoneContact']) {
                    /* 如果不存在  先进行弹出框授权 */
                    wx.authorize({
                        scope: 'scope.addPhoneContact',
                        success() {
                            /* 授权成功之后  */
                            //添加手机通讯录联系人。
                            //用户可以选择将该表单以「新增联系人」或「添加到已有联系人」的方    
                            式,写入手机系统通讯录
                            wx.addPhoneContact({
                                firstName: '名字',  //必填项
                                success(res){}
                                  
                            })
                        }
                    })
                } else {
                    /* 已经授权完毕可以直接进行下一步 */
                    //添加手机通讯录联系人。
                    //用户可以选择将该表单以「新增联系人」或「添加到已有联系人」的方式,写入手                
                    机系统通讯录
                    wx.addPhoneContact({
                       firstName: '名字',  //必填项
                       success(res){}       
                    })
                }        
            }
        })
}
        7.添加到日历(真实场景不常用,方法和 6一样)
        8.微信运动获取个人信息下一篇讲到
四、注意事项
        1.授权有效期

        一旦用户明确同意或拒绝过授权,其授权关系会记录在后台,直到用户主动删除小程序。

        2.使用时机

        在真正需要使用授权接口时,才向用户发起授权申请,并在授权申请中说明清楚要使用该功能的理由。

      

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

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

elasticsearch[二]-DSL查询语法:全文检索、精准查询(term/range)、地理坐标查询(矩阵、范围)、复合查询(相关性算法)、布尔查询

ES-DSL查询语法&#xff08;全文检索、精准查询、地理坐标查询&#xff09; 1.DSL查询文档 elasticsearch 的查询依然是基于 JSON 风格的 DSL 来实现的。 1.1.DSL 查询分类 Elasticsearch 提供了基于 JSON 的 DSL&#xff08;Domain Specific Language&#xff09;来定义查…

基于WebRTC技术的EasyRTC视频云服务系统在线视频客服解决方案

一、需求分析 随着互联网技术的发展&#xff0c;视频客服也成为服务行业的标配体验&#xff0c;基于WebRTC实时通信技术&#xff0c;客服人员与用户可以建立实时双向的视频交互与沟通。借助视频客服功能可以更加直观地了解用户的需求&#xff0c;提高沟通效率&#xff0c;并帮…

三种连接因特网的方式

拨号上网dial-up Internet Access 是用Modern接电话线&#xff0c;拔一个特定号码&#xff0c;才能接入到因特网&#xff0c;此时电话处于占线状态&#xff0c;网速56Kbps左右 基于PPPoE协议的ADSL(虚拟拨号) ADSL(非对称数字用户环路):是线路传输技术(硬件),是基于电话线上…

基于Java SSM框架实现摄影器材租赁系统项目【项目源码+论文说明】

基于java的SSM框架实现摄影器材租赁系统演示 摘要 21世纪的今天&#xff0c;随着社会的不断发展与进步&#xff0c;人们对于信息科学化的认识&#xff0c;已由低层次向高层次发展&#xff0c;由原来的感性认识向理性认识提高&#xff0c;管理工作的重要性已逐渐被人们所认识&a…

架构训练营,2024年怎么突围进大厂

2024年其实也是内耗和内卷比较严重的一年&#xff0c;可以说从互联网开始内卷的那天开始就不会停止&#xff0c;但是作为技术人&#xff0c;我们如何去和内卷做斗争了&#xff0c;其实最好的武器就是先和自己内卷&#xff0c;这个如何理解了&#xff0c;那就是要要和以前的自己…

matplotlib绘制动态瀑布图

绘制瀑布图思路&#xff1a;遍历指定文件目录下所有的csv文件&#xff0c;每读一个文件&#xff0c;取文件前20行数据进行保存&#xff0c;如果超过规定的行数300行&#xff0c;将最旧的数据删除&#xff0c;仅保留300行数据进行展示。 网上找的大部分绘制瀑布图的代码&#x…

如何挑选一家合格的污水处理服务商

在如今的社会&#xff0c;环境保护越来越受到人们的重视&#xff0c;而污水处理也是其中重要的一环。然而&#xff0c;如何选择一家合格的污水处理服务商成为了许多企业和个体需要面对的难题。今天&#xff0c;小编就为大家介绍一些有趣而实用的选择指南&#xff0c;帮助大家找…

CF1446C Xor Tree 题解 DP Trie树

Xor Tree 传送门 题面翻译 给定你一个非负整数序列 a a a&#xff0c;保证其中每个数两两不同。 对于每个 a i a _ i ai​&#xff0c;它会向 j ≠ i j \ne i ji 且 a i ⊕ a j a_i\oplus a_j ai​⊕aj​&#xff08; ⊕ \oplus ⊕ 代表异或&#xff09;最小的 a j a…

IntelliJ IDEA - 快速去除 mapper.xml 告警线和背景(三步走)

1、去掉 No data sources configure 警告 Settings&#xff08;Ctrl Alt S&#xff09; ⇒ Editor ⇒ Inspections ⇒ SQL ⇒ No data sources configure 2、去掉 SQL dialect is not configured 警告 Settings&#xff08;Ctrl Alt S&#xff09; ⇒ Editor ⇒ Inspecti…

C++力扣题目450--删除二叉搜索树中的节点

给定一个二叉搜索树的根节点 root 和一个值 key&#xff0c;删除二叉搜索树中的 key 对应的节点&#xff0c;并保证二叉搜索树的性质不变。返回二叉搜索树&#xff08;有可能被更新&#xff09;的根节点的引用。 一般来说&#xff0c;删除节点可分为两个步骤&#xff1a; 首先…

Ansible Filter滤波器的使用

一、【说在前面】 Ansible Filter一般被称为滤波器或者叫过滤器。 这个东西初次听到以为是什么科学计算的东西&#xff0c;但是想来ansible不太可能有什么滤波操作&#xff0c;所以这个东西本质是一个数值筛选器&#xff0c;内置函数&#xff0c;本质是一个为了做区别化的工具…

【杂谈】经验分享:宝塔快速部署与IDEA远程Debug

文章目录 前言&需求描述1. 宝塔部署后端项目1.1 项目准备1.2 服务器准备1.3 项目启动 2. IDEA 远程 debug2.1 IDEA 编辑启动项2.2 服务器带参启动2.3 debug 演示 3. 补充与总结3.1 补充3.2 总结 宝塔部署项目 与 IDEA 远程debug 实战 前言&需求描述 本文记录个人工作…

Vue中的v-model

聚沙成塔每天进步一点点 本文内容 ⭐ 专栏简介基本用法文本输入框复选框下拉框 原理解析文本输入框的原理复选框和下拉框的原理 ⭐ 写在最后 ⭐ 专栏简介 Vue学习之旅的奇妙世界 欢迎大家来到 Vue 技能树参考资料专栏&#xff01;创建这个专栏的初衷是为了帮助大家更好地应对 V…

动态规划篇-06:单词拆分

139、单词拆分 老样子&#xff0c;还是先尝试找出状态转移方程 状态转移方程 对问题进行分解&#xff0c;尝试从子问题入手解决。这也是前文提到过的 “分解问题” 的思想 对于输入的字符串 s&#xff0c;如果我能够从单词列表 wordDict 中找到一个单词匹配 s 的前缀 s[0..k]…

实现零的突破--国内首款兼容6Pin光耦栅极驱动器SLM34x系列SLM341

SLM34x系列SLM341是单通道兼容光耦的隔离式栅极驱动器产品&#xff0c;适用于驱动IGBT、MOSFET。其峰值驱动电流3.0A以及有不同的UVLO电压。与光耦栅极驱动器相比&#xff0c;其性能和可靠性都得到显著的提升&#xff0c;同时保持了对光耦栅极隔离驱动器管脚的兼容。性能提升包…

喜报|盘古信息入选多市中小企业数字化转型试点城市牵引单位/服务商名单

近期&#xff0c;为深入贯彻落实党中央、国务院关于支持中小企业创新发展、加快中小企业数字化转型系列决策部署&#xff0c;财政部、工业和信息化部近日联合印发通知&#xff0c;组织开展中小企业数字化转型城市试点工作&#xff0c;东莞市、武汉市、南昌市等多地经济和信息化…

国科大-自然语言处理复习

自然语言处理复习 实体关系联合抽取流水线式端到端方法 检索式问答系统流水线方式信息检索&#xff08;IR&#xff09;阶段阅读理解&#xff08;RC&#xff09;阶段基于证据强度的重排基于证据覆盖的重排结合不同类型的聚合 端到端方式Retriever-Reader的联合学习基于预训练的R…

科创板涨跌幅限制20%,上海怎么开参考表账户佣金费率最低?万一是哪家证券公司?

科创板是中国证券市场上的一类创新性企业板块&#xff0c;全称为科技创新板。科创板以支持科技创新和高新技术产业为目标&#xff0c;主要面向科技创新型企业和高新技术企业。科创板的设立旨在为创新型企业提供更加灵活、开放、市场化的融资和退出机制&#xff0c;以加快科技创…

【软件测试学习笔记1】测试基础

1.软件测试的定义 软件的定义&#xff1a;控制计算机硬件工作的工具 软件的基本组成&#xff1a;页面客户端&#xff0c;代码服务器&#xff0c;数据服务器 软件产生的过程&#xff1a;需求产生&#xff08;产品经理&#xff09;&#xff0c;需求文档&#xff0c;设计效果图…

怎样获取power shell 的全部可用命令?3/5(篇幅有点长,分成5份)

在power shell 窗口中&#xff0c;有一个获取全部可用命令的命令&#xff1a;get-command&#xff0c;获取到的命令有1640多个&#xff0c;够学习了吧&#xff1f;那么&#xff0c;power shell 命令有哪些类别呢&#xff1f; PowerShell命令可以分为以下几类&#xff1a; Cmd…