微信小程序 - 定位授权

  • 0. 效果展示
  • 1. 全局配置
  • 2. 代码展示

官方API

0. 效果展示

初次授权:

拒绝后再次进入:

1. 全局配置

app.json文件配置

  "permission": {"scope.userLocation": {"desc": "你的位置信息将用于小程序位置接口的效果展示"}},"requiredPrivateInfos": ["getLocation"]

2. 代码展示

组件内使用

  onLoad(options) {this.getSetting()}// 校验是否授权定位getSetting() {wx.getSetting({success: (res) => {let authSetting = res.authSettingif (authSetting['scope.userLocation'] || authSetting['scope.userLocation'] == undefined) {// 已授权 || 尚未进行操作this.getLocation()} else {// 曾拒绝授权,需主动前往进行授权wx.showModal({title: '您未开启地理位置授权',content: '是否前往授权?',success: res => {if (res.confirm) {wx.openSetting()}}})}}})},// 获取位置信息getLocation() {wx.getLocation({altitude: 'altitude',highAccuracyExpireTime: 0,isHighAccuracy: true,type: 'type',success: (result) => {const {latitude,longitude} = result// 通过接口置换定位信息进行展示app.http.request('/get-location', {latitude,longitude}).then(res => {this.setData({address: res.data})})},fail: (err) => {wx.showToast({icon: 'error',title: '太频繁啦~',})},})},

页面内展示:

    <!-- 展示定位地址,点击可再次进行定位获取 --><view class="address_tag flex flex_center" catchtap="getSetting"><text>{{address}}</text></view>

微信小程序 ---- 定位授权相关推荐

  1. 微信小程序定位权限封装

    微信小程序定位权限封装 getUserOrSystemPermissions.js //如需动态获取权限,修改res.authSetting['scope.userLocation']与scope: ...

  2. 微信小程序自定义授权弹框

    微信小程序自定义授权弹框 最近微信获取用户信息的接口有调整,就是这货:wx.getUserInfo(OBJECT),文档描述如下: 此接口有调整,使用该接口将不再出现授权弹窗,请使用 <butt ...

  3. uni-app微信小程序登录授权

    uni-app微信小程序登录授权 首先是需要用到一个授权按钮来触发获取用户信息授权: 关键在于 open-type 为 getUserInfo , 然后有个@getuserinfo的事件,把获取授权接 ...

  4. 微信中html5获取手机号,微信小程序用户授权获取手机号(getPhoneNumber)

    前言 小程序有一个获取用户很便捷的api,就是通过getPhoneNumber获取用户的已经绑定微信的手机号码.有一点要大家注意,现在微信和注重用户体验,有些方法都是需要用户主动去触发才能调用的,比如 ...

  5. 微信小程序之授权登录

    微信小程序之授权登录 之前微信授权登录时是直接可以通过getUserInfo接口 弹出授权弹窗.由于微信官方修改了 getUserInfo 接口,所以现在无法实现一进入微信小程序就弹出授权窗口,只能通 ...

  6. 微信登录 后台 java_Java 后端 (Spring boot)+微信小程序的授权登录

    微信小程序的授权登录 第一.Java后端代码如下 登录的接口的参数是微信小程序前端必须要传的参数微信小程序登录.授权的用户基本信息 wx.getUserInfo 特别注意 appid 和secret. ...

  7. 微信小程序登录授权与授权手机号

    文章目录 前言 微信小程序登录授权与授权手机号 一.登录授权 1. 发送 res.code 到后台换取 openId, sessionKey 二.授权手机号 官方规定 因为需要用户主动触发才能发起获取 ...

  8. RuoYi-Vue微信小程序登录授权

    目前的框架中token是使用jwt生成,存储到redis控制token时效,而认证是使用UsernamePasswordAuthenticationToken实现的 微信小程序登录授权 需求分析 解决 ...

  9. 微信小程序之授权登录(附完整源码)

    个人博客上已经同步更新了文章,有目录索引,阅读起来比较方便,欢迎大家移步个人博客上读阅~ 个人博客地址:http://zwd596257180.gitee.io/blog/2019/04/15/wec ...

最新文章

  1. ACMNO.23 C语言-素数判定 写一个判断素数的函数,在主函数输入一个整数,输出是否是素数的消息。 输入 一个数 输出 如果是素数输出prime 如果不是输出not prime
  2. python编程难吗-都说python很简单 真的很好学么?
  3. 解决启动flanneld失败的方法
  4. eclipse build workspace太慢或者 js出错问题解决
  5. 获取网址中参数的方式
  6. 新书《编写可测试的JavaScript代码 》出版,感谢支持
  7. Nginx的主要函数调用关系分析
  8. 好未来:今年12月31日停止内地义务教育阶段学科类培训
  9. 【kindeditor】kindeditor的使用
  10. linear-gradient常用实现效果
  11. 适合练手的10个前端实战项目(附视频+源码)
  12. 2020美赛M奖感想
  13. 以WBS模板和PBS自动生成WBS计划任务
  14. C# 之 LINQ(一)
  15. python-图片转pdf
  16. TypeError: Image data of dtype object cannot be converted to float
  17. coding码市的运用
  18. 一款好看的个人工作室主页源码
  19. style = “color:####“包含的颜色名称对照表
  20. 软工视频到底在讲什么?

热门文章

  1. 一招解决​iPhone12莫名发热、耗电快、待机掉电问题
  2. 一种新的支付技术---自定义双向动态密码介绍
  3. C++ 武将排序简写
  4. 科学减肥(这样吃才有效)
  5. 一直显示于服务器连接丢失,连接丢失。保存已被禁用,直到您重新连接。 原因与解决方法...
  6. Python 实现数据归一化处理
  7. 云计算与服务器高校教材,高校云计算的发展与建设
  8. ipad上html文件转pdf,两种方法快速实现iPad版Pages转换PDF
  9. 我眼中的 JavaScript 函数式编程
  10. Spring_SqEL