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

一、介绍

        由于部分接口需要经过用户授权同意才能调用。我们把这些接口按使用范围分成多个 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.使用时机

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

      

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

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

2.IHRM人力资源 - 登录

一、登录页结构与表单开发 我们要实现的登录界面 目前的登录界面 1.1 登录页结构 复制下面的代码到views/login/index.vue页面下 <template><div class"login-container"><div class"logo"/><div class"form"><h1&…

使用 Jamf Pro 和 Okta 工作流程实现自动化苹果设备管理

Jamf的销售工程师Vincent Bonnin与Okta的产品经理Emily Wendell一起介绍了JNUC 2021的操作方法会议。它们涵盖了Okta工作流程&#xff08;Okta Workflow&#xff09;&#xff0c;并在其中集成了Jamf Pro&#xff0c;构建了一些工作流程&#xff0c;并提供了几个用例。 Okta 工作…

MySQL加锁规则

项目编写涉及到数据持久化一般选择使用MySQL。由于时间原因&#xff0c;数据库使用我选择了无脑三板斧&#xff1a;1. 建立了索引加速查询、2. 关闭自动提交事务、3. 在需要确保原子性的数据库操作之间手动创建和提交事务。 这么一看&#xff0c;仿佛即使是实际开发也与你此前…

什么是充放电振子理论?

CHAT回复&#xff1a;充放电振子模型&#xff08;Charging-Reversal Oscillator Model&#xff09;是一种解释ENSO现象的理论模型&#xff0c;这个模型把ENSO现象比喻成一个“热力学振荡系统”。 在这个模型中&#xff0c;ENSO现象由三个组成部分&#xff1a;充电&#xff08;C…

利用CHAT写实验结论

问CHAT&#xff1a;通过观察放置在玻璃表面上的单个水滴&#xff0c;人们可以观察到水滴充当成像系统。探究这样一个透镜的放大倍数和分辨率。 CHAT回复&#xff1a;实验报告标题&#xff1a;利用玻璃表面的单一水滴观察成像系统的放大倍数和分辨率&#xff1a; 一、 实验目的…

你不得不知道的常用 Git 命令

最近在学习的时候发现 git 命令没有自己想象中那么简单&#xff0c;特此做一期 《 常用 Git 命令 》&#xff0c;不仅是给掘友分享&#xff0c;也能巩固自己学到的知识。 在此向大家推荐一个学习 git 指令的小游戏 Learn Git Branching&#xff0c;以通关的方式进行学习&#…

鸿蒙Harmony--状态管理器-@Observed装饰器和@ObjectLink装饰器详解

经历的越多&#xff0c;越喜欢简单的生活&#xff0c;干净的东西&#xff0c;清楚的感觉&#xff0c;有结果的事&#xff0c;和说到做到的人。把圈子变小&#xff0c;把语放缓&#xff0c;把心放宽&#xff0c;用心做好手边的事儿&#xff0c;该有的总会有的! 目录 一&#xff…

【壹基金儿童服务站瑞金站】寿司DIY亲子活动火热进行

1月13日下午&#xff0c;“大灰狼来啦....”在小朋友们一声声欢快律动的游戏里在象湖新城小区拉开了一场“寿司DIY”亲子主题活动序幕&#xff0c;活动由壹基金儿童服务站瑞金站&#xff08;瑞金赋能公益&#xff09;和爱心商家安心妈妈飞鹤奶粉联合主办。 热身游戏结束后&…

链接全域直播产业经济,天府锋巢直播产业基地10层正式起航

100㎡-400㎡多种类型的办公户型可选 精装全包 拎包入驻 【天府锋巢直播基地】 由德商产投与无锋科技联袂打造 坐落于天府新区核心区域科学城板块 包含电商直播、娱乐直播、跨境直播 多种直播业态的全域直播基地 基地【10层】于12月初全面竣工 招&#xff5c;商 &#xff5c;火&…

Jan, 一个开源 ChatGPT 替代品

Jan 是一个开源 ChatGPT 替代品&#xff0c;可以在您的计算机上 100% 离线运行。 Jan 可以在任何硬件上运行。从 PC 到多 GPU 集群&#xff0c;Jan 支持通用架构&#xff1a; Nvidia GPU&#xff08;快速&#xff09;Apple M 系列&#xff08;快速&#xff09;苹果英特尔Linu…

LLM之RAG实战(十五)| RAG的自动源引文验证技术

​ 在过去的一年里&#xff0c;检索增强生成&#xff08;RAG&#xff09;已经成为一种基于LLM的流行架构&#xff0c;旨在解决在基于知识的LLM最常见的挑战之一&#xff0c;可怕的幻觉。 一、RAG如何解决幻觉&#xff1f; RAG Pipeline包括两个关键组件&#xff1a;&…

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

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

Linux(Centos7)安装 jenkins(jdk11+jenkins2.375),并配置JDK,Maven,Git,GitLab

安装步骤 1. JDK11安装2. Maven安装3. git安装4. Jenkins2.375安装4.1 设置中文显示4.2 端口,用户权限修改4.3 插件下载4.4 全局工具配置4.4.1 Maven配置4.4.2 JDK配置4.4.3 Git配置 4.5 系统配置4.5.1 Gitee配置 4.6 构建测试 1. JDK11安装 #下载 yum -y install fontconfig …

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

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

高可用架构去中心化重要?

1 背景 在互联网高可用架构设计中&#xff0c;应该避免将所有的控制权都集中到一个中心服务&#xff0c;即便这个中心服务是多副本模式。 对某个中心服务&#xff08;组件&#xff09;的过渡强依赖&#xff0c;那等同于把命脉掌握在依赖方手里&#xff0c;依赖方的任何问题都可…

开启C++之旅(上):探索命名空间与函数特性(缺省参数和函数重载)

之前浅显的讲解了数据结构的部分内容&#xff1a;数据结构专栏 那么今天我们迎来了新的起点&#xff1a;C的探索之旅 文章目录 1.命名空间1.1引入命名冲突1.2命名空间1.2.1命名空间的定义1.2.2命名空间的使用 2.c的输入与输出3.缺省参数3.1概念3.2缺省参数分类 4.函数重载4.1概…

【深基9.例4】求第 k 小的数#洛谷(MLE)

题目描述 输入 n n n&#xff08; 1 ≤ n < 5000000 1 \le n < 5000000 1≤n<5000000 且 n n n 为奇数&#xff09;个数字 a i a_i ai​&#xff08; 1 ≤ a i < 10 9 1 \le a_i < {10}^9 1≤ai​<109&#xff09;&#xff0c;输出这些数字的第 k k k 小…

吉祥物如何解锁虚拟主持人身份,赋能品牌营销?

在互联网突破时空的整体语境下&#xff0c;一个吉祥物可以解锁虚拟主持人身份&#xff0c;结合动作捕捉技术&#xff0c;活跃于品牌线上线下营销活动场景&#xff0c;让吉祥物虚拟主持人凭借其“萌”、的特征&#xff0c;带给用户亲近感&#xff0c;快速拉近品牌与用户的距离&a…

基于Web的航空航天数字博物馆推荐系统

介绍 项目背景&#xff1a; 航空航天数字博物馆推荐系统是一个基于Web开发的应用&#xff0c;旨在为用户提供一个全面的航空航天领域的数字博物馆体验。通过展品展示、分类筛选和个性化推荐等功能&#xff0c;用户可以更好地了解航空航天知识和文化&#xff0c;并丰富参观体验…

关于git删除仓库中原本应该忽略的文件的研究

开门见山&#xff0c;先抛出一个结论&#xff1a; 任何被提交到远程仓库中的数据&#xff0c;都不能被彻底删除&#xff0c;只要提交上去了&#xff0c;就会永远留存。 任何被提交到远程仓库中的数据&#xff0c;都不能被彻底删除&#xff0c;只要提交上去了&#xff0c;就会…