前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >小程序拒绝获取位置信息后,引导用户再授权

小程序拒绝获取位置信息后,引导用户再授权

作者头像
hotqin888
发布2019-05-13 18:43:16
3.3K0
发布2019-05-13 18:43:16
举报
文章被收录于专栏:hotqin888的专栏

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://cloud.tencent.com/developer/article/1424567

网上这类文章挺多,可惜不符合我的需求。官方的文档也是非常地奇葩。就是当用户首次打开小程序,会请求用户授权获取地理位置,当用户拒绝授权获取位置后,在需要用户地理位置的时候(比如打卡),要提供一个按钮来触发用户授权,当用户点击按钮,来到授权设置页面,点击授权后,返回,这时候,授权按钮隐藏掉。

基本概念:用户第一次使用wx.getLocation,会自动弹出授权卡,拒绝一次后,下次再调用wx.getLocation就不会自动弹出授权框了。可以在fail里获得这个反馈情况,但是,你获得了反馈情况,还是不能弹出授权框,有些要求必须是通过点击按钮才行,比如getUserinfo,有些必须是用openSetting设置小程序权限才行,而openSetting不会显示全部的授权,只显示被你拒绝过的授权,所以,要提前尝试获取用户授权,如果用户同意,则全局变量给它赋值true,如果用户拒绝,则在需要的地方,想办法再引导用户授权,通过按钮,getUserinfo直接可以授权,而getLoaction就必须通过openSetting小程序权限设置页面才能继续授权。很绕了。

知识点一:

wx.getLocation(Object object)

调用前需要 用户授权 scope.userLocation

获取当前的地理位置、速度。当用户离开小程序后,此接口无法调用。

——意思就是说调用这个接口,第一次会自动弹出授权框,但它没说第二次不自动弹出,看下面:

知识点二:

授权

部分接口需要经过用户授权同意才能调用。我们把这些接口按使用范围分成多个 scope ,用户选择对 scope 来进行授权,当授权给一个 scope 之后,其对应的所有接口都可以直接使用。

部分接口需要获得用户授权同意后才能调用。此类接口调用时:——到底哪些啊??

  • 如果用户未接受或拒绝过此权限,会弹窗询问用户,用户点击同意后方可调用接口;
  • 如果用户已授权,可以直接调用接口;
  • 如果用户已拒绝授权,则不会出现弹窗,而是直接进入接口 fail 回调。请开发者兼容用户拒绝授权的场景。

获取用户授权设置

开发者可以使用 wx.getSetting 获取用户当前的授权状态。

打开设置界面

用户可以在小程序设置界面(「右上角」 - 「关于」 - 「右上角」 - 「设置」)中控制对该小程序的授权状态。——很少这样去用。

开发者可以调用 wx.openSetting 打开设置界面,引导用户开启授权。——肯定是这个比较人性。

提前发起授权请求

开发者可以使用 wx.authorize 在调用需授权 API 之前,提前向用户发起授权请求

知识点三:

wx.getSetting(Object object)

基础库 1.2.0 开始支持,低版本需做兼容处理

获取用户的当前设置。返回值中只会出现小程序已经向用户请求过的权限

wx.openSetting(Object object)

基础库 1.1.0 开始支持,低版本需做兼容处理

调起客户端小程序设置界面,返回用户设置的操作结果。设置界面只会出现小程序已经向用户请求过的权限

注意:2.3.0 版本开始,用户发生点击行为后,才可以跳转打开设置页,管理授权信息。详情

代码语言:javascript
复制
<button wx:if="{{!hasLocation}}" open-type="openSetting" bindopensetting="callback">打开设置页</button>
代码语言:javascript
复制
  callback: function (res) {
    console.log(res)
    console.log(res.detail.authSetting['scope.userLocation'])
    // detail:
    //  authSetting:
    //   scope.userInfo:false
    //   scope.userLocation:false
    if (res.detail.authSetting['scope.userLocation']){
      this.setData({
        hasLocation:true
      })
    }
  }

打开小程序设置页(wx.openSetting)接口调整官

微信团队_2018-09-12_41255浏览

开发者可以通过 wx.openSetting 接口来打开小程序设置界面并返回用户的设置结果。在原来的 wx.openSetting 接口中,我们允许开发者直接调用此接口,但目前我们发现有不少开发者滥用此接口,使用户在无任何操作时,不断地强行跳转至设置页,导致用户无法正常使用甚至无法退出小程序。

为保证用户获得更顺畅的小程序使用体验,避免此类滥用情况,我们对该接口进行了调整。

调整后“打开小程序设置页”将支持以下两种实现方式:

  • 方法1:使用 button 组件来使用此功能,示例代码如下: <button open-type="openSetting" bindopensetting="callback">打开设置页</button>
  • 方法2:由点击行为触发wx.openSetting接口的调用,示例代码如下: <button bindtap="openSetting">打开设置页</button>  openSetting() {  wx.openSetting()} 方法2已在最新版开发者工具中支持(基础库切到2.2.4及以上),开发者可以尽早适配。
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019年04月28日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 知识点一:
  • wx.getLocation(Object object)
  • 知识点二:
    • 授权
      • 获取用户授权设置
      • 打开设置界面
      • 提前发起授权请求
  • 知识点三:
  • wx.getSetting(Object object)
  • wx.openSetting(Object object)
相关产品与服务
云开发 CloudBase
云开发(Tencent CloudBase,TCB)是腾讯云提供的云原生一体化开发环境和工具平台,为200万+企业和开发者提供高可用、自动弹性扩缩的后端云服务,可用于云端一体化开发多种端应用(小程序、公众号、Web 应用等),避免了应用开发过程中繁琐的服务器搭建及运维,开发者可以专注于业务逻辑的实现,开发门槛更低,效率更高。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档