微信小程序 ---- 定位授权

原创 已于 2022-08-08 11:27:24 修改 · 2.6k 阅读 · 12 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#微信小程序 #小程序

于 2022-08-08 11:16:26 首次发布
本文介绍了如何在微信小程序中实现定位授权的功能，包括初次授权的处理和用户拒绝后的重新授权引导。通过配置app.json文件设置权限描述，并在代码中调用getSetting和openSetting方法来检查和请求用户授权。当用户授权后，使用getLocation接口获取位置信息，并展示在页面上。用户点击地址标签可重新获取定位。

微信小程序 - 定位授权

官方API

0. 效果展示

初次授权：
在这里插入图片描述

拒绝后再次进入：
在这里插入图片描述
在这里插入图片描述

1. 全局配置

app.json文件配置

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

2. 代码展示

组件内使用

  onLoad(options) {
   
   
    this.getSetting()
  }
  // 校验是否授权定位
  getSetting() {
   
   
    wx
最低0.47元/天 解锁文章
微信小程序开发：实现地理位置定位功能
吃不胖.
10-24 4463
通过定位功能，我们可以更加方便地获取用户当前所在的位置信息，为用户提供更好的服务。如果用户同意授权，小程序就会在本地缓存中存储用户的位置信息，并在后续使用中直接从本地缓存中读取用户的位置信息。获取用户授权 小程序需要使用用户的位置信息，我们需要先获取用户的授权。如果用户同意授权，小程序就可以获取用户的位置信息。获取用户位置信息 获取用户授权之后，我们就可以通过wx.getLocation方法获取用户的位置信息了。在地图上显示用户位置 获取用户位置信息之后，我们可以将该位置在地图上进行标记，方便用户查看。
14.微信小程序之地理定位功能
weixin_41993336的博客
05-28 1万+
小程序地理定位是指通过小程序开发平台提供的。
【微信小程序】位置之重新授权
不想做菜鸟的小螃蟹
02-03 8869
目前开发的小程序需要应用到一个获取经纬度的功能，授权的部分有点繁琐，记录一下。 1.使用 wx.getLocation() 可以获取用户的位置信息，第一次会弹出微信原生的modal提问用户是否授权，之后不会再次弹出。第一次我的解决方案是，每次要定位之前getSetting，查看用户是否已授权。如果未授权执行openSetting引导用户开启授权。代码如下： studentCheckIn: f
微信小程序获取地理位置及经纬度授权代码实例
10-16
主要介绍了微信小程序获取地理位置及经纬度授权代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
微信小程序获取地理位置授权
weixin_30839881的博客
09-17 2997
微信小程序获取地理位置授权，首先需要在app.json中添加配置： "permission": { "scope.userLocation": { "desc": "请确认授权" } } 获取经纬度：如果手机未开启位置信息，那么授权成功后在wx.getLocation()方法中也会一直失败，所以需要在fail方法中提示用户开启手机位置信...
微信小程序中的位置授权，位置授权完整流程
热门推荐
weixin_43180359的博客
12-11 1万+
在微信小程序开发中，很多时候要用到定位信息，特别是某些基于位置提供服务的小程序，没有定位就无法提供相应功能。再实际业务中，主要要考虑下面两点： 1、在小程序中，如果用户首次拒绝了位置授权，那么再通过wx.getLocation获取位置信息时，是会直接走fail回调的。此时如果还想弹出授权，需要通过wx.openSetting调用设置位置授权功能。 2、当手机没有开启GPS定位服务时，这时候也应该给用户友好的提示，如果继续使用需要打开手机GPS定位功能。 下面代码是基于uniapp写的，如果使用小程序原生开发
微信小程序--获取用户地理位置名称(无须用户授权)的方法
10-17
微信小程序在获取地理位置信息时默认需要用户授权，但在某些情况下，开发者可能需要获取地理位置名称而不需要用户的明确授权。本文将详细介绍实现此功能的方法，并结合代码示例进行说明。 首先，开发者需要在腾讯...
176-微信小程序-悦跑圈.zip
06-11
8. **权限管理**：微信小程序需要处理用户的授权问题，例如获取地理位置、访问健康数据等，需要引导用户进行相应的权限设置。 9. **社交互动**：悦跑圈作为一个社交型应用，很可能包含了好友系统、排行榜、分享功能...
微信小程序-微信小程序－滴滴拉屎
08-06
通过以上分析，"微信小程序-微信小程序－滴滴拉屎"这个项目可能涵盖了微信小程序开发的多个技术点，包括但不限于组件化开发、数据绑定、网络请求、地图服务以及用户授权等。开发者在学习和实践中，不仅可以了解微信...
微信小程序-开发的小说阅读器源代码
05-09
微信小程序是一种轻量级的应用开发平台，主要针对移动端，由腾讯公司推出，旨在提供便捷的、无需下载安装即可使用的应用服务。在这个项目中，我们讨论的是一个基于微信小程序开发的小说阅读器源代码，它实现了小说...
微信小程序地理位置授权
qq_32371351的博客
09-28 1303
微信小程序授权地理位置
微信小程序 -- 授权地理位置
拿回忆下酒
12-18 2035
获取地理位置需求，应该说是一个不太常用，但是非常常见的一个功能。 所以今天以小程序为例，一起学习一下，看看都有哪些方面需要注意。 授权地理位置配置manifest.jsonmanifest.json视图manifest.json源码授权请求authorize获取经纬度 getLocation引入地图，逆向解析注册账号（免费）创建新秘钥开发者秘钥申请key 设置下载小程序SDK引入SDK，最终代码 配置manifest.json 在微信小程序配置中，必须勾选位置接口，并且写明描述 manifest.json视
小程序定位授权
weixin_43681208的博客
06-21 563
小程序定位授权
小程序地理位置授权——监听按键授权或者拒绝授权（es5语法，es6语法）
leechoy
10-15 477
es5语法 wx.getLocation({ type: 'wgs84', success(res){ const latitude = res.latitude const longitude = res.longitude const speed = res.speed const accuracy = res.accuracy console.log('授权成功');
小程序定位授权方法
Sapling
09-02 1641
btn () { const that = this wx.getLocation({ success (res) { console.log(res) // 调用业务逻辑 }, fail () { wx.getSetting({ success (res) { if (!res.aut
玩转微信小程序的位置授权
qq_33404154的博客
02-26 658
玩转微信小程序的位置授权 背景 日渐增多的小程序需求，必然会存在形色各异的授权问题。今天就来跟大家一起学习一下如何玩转小程序的位置授权 位置授权问题分类 并非必须允许授权：在第一次用户决策完成后都允许用户继续操作（并非完全依赖位置信息） 必须允许授权：只有授权才能使用（依赖位置信息的wx小程序） 分类剖析 1.针对需求分类1的情况，在这里就不多说，直接调用wx.getLocation就可以 2...
微信小程序地理位置权限申请及使用教程
nelly521的博客
06-15 6996
在下面就可以进行地理位置权限申请了，其中wx.getFuzzyLocation接口是比较好申请的。配置manifest.json后还需要配置page.json。首先在manifest.json文件中配置小程序的位置信息,中注册一个小程序账号，微信开发者平台官网如下。登录微信开发者平台后，在左侧选项栏点击。编译器:Hbuilder。
微信小程序之获取用户位置权限
zxl1990_ok的博客
04-29 1万+
微信小程序获取用户当前位置有三个方式： 1.wx.getLocation 注意： 先要在app.json里配置permission： 不然就会出现以下提示（本地测试环境）： 配置如下： "permission": { "scope.userLocation": { "desc": "为了给您提供更好的服务，请授权您的地理位置信息" } }, wxml: <button class="btn" type="primary" bindtap="h.
微信小程序-15005
最新发布
10-08
<think>我们注意到用户当前的问题是关于微信小程序错误代码-15005的解决方案。虽然提供的引用内容是关于微信小程序中rich-text组件、uniapp使用v-html以及scroll-view内元素fixed定位的问题，但这些引用与错误代码-15005并无直接关联。因此，我们需要根据错误代码-15005本身来寻找解决方案。 根据微信小程序的常见错误代码，错误代码-15005通常与支付相关。经过查阅微信官方文档和社区常见问题，我们了解到错误代码-15005的具体含义是“商户未配置支付目录”。 微信小程序支付需要配置支付目录，如果发起支付的路径不在配置的支付目录中，就会出现这个错误。 解决方案如下： 1. **登录微信支付商户平台**：使用商户号登录商户平台（https://pay.weixin.qq.com）。 2. **配置支付目录**： - 在商户平台中，找到“产品中心”->“开发配置”。 - 在“支付配置”区域，找到“JSAPI支付”或“小程序支付”的配置。 - 在“支付授权目录”中，添加需要发起支付的页面路径。注意：路径需要精确到最后一个斜杠，且需要是实际发起支付请求的页面所在目录。 - 例如，如果发起支付的页面路径是`pages/pay/pay`，那么支付目录应配置为`https://你的域名/pages/pay/`（注意最后要有斜杠）。 3. **配置规则**： - 最多可以配置5个支付目录。 - 支付的请求路径必须与配置的目录完全匹配（包括最后的斜杠）。 - 配置的支付目录需要是实际发起支付请求的页面的上一级目录（即去掉页面名称，保留到目录级别）。 4. **等待生效**：配置完成后，可能需要等待几分钟生效。 5. **检查小程序后台配置**：同时，确保在小程序后台的“微信支付”设置中正确关联了商户号。 另外，注意以下几点： - 支付目录的协议必须是HTTPS。 - 支付目录不能携带端口号（默认443端口）。 - 支付目录不能包含参数（如`?`后面的部分）。 如果按照以上步骤配置后仍然出现该错误，可以尝试清除缓存重新进入小程序，或者检查支付请求的路径是否确实在配置的目录下。 由于引用内容与当前问题无关，因此在回答中我们将不引用这些内容。 根据上述分析，我们给出以下回答： </think>### 微信小程序错误代码-15005解决方案 错误代码-15005是微信支付相关的常见错误，通常由以下原因导致： 1. **支付目录未配置** 微信支付要求在小程序后台和商户平台配置对应的支付目录。若发起支付的页面路径不在配置目录中，会触发-15005错误[^1]。 **解决方法**： - 登录[微信商户平台](https://pay.weixin.qq.com) - 进入「产品中心 > 开发配置 > JSAPI支付」 - 在「支付授权目录」中添加当前支付页面的完整路径（需精确到目录层级），例如： `https://yourdomain.com/payment/` 2. **域名协议不匹配** 支付目录必须使用HTTPS协议，且不能带端口号[^2]。 **检查点**： - 确认配置的支付目录以`https://`开头 - 去除URL中的端口号（如`:8080`） 3. **路径格式错误** 支付目录需满足以下格式要求[^3]： - 结尾必须带斜杠 `/` - 不支持带参数的URL（如`?id=1`） - 最多配置5个支付目录 **正确示例**： `https://www.example.com/pay/` 4. **缓存未更新** 配置修改后需等待10-15分钟生效，建议： - 清除微信缓存：微信设置 → 通用 → 存储空间 → 清理缓存 - 重启微信开发者工具 ▌验证步骤： 1. 在小程序代码中打印支付页面的完整路径： ```js console.log('当前页面路径:', getCurrentPages()[0].route) ``` 2. 确保该路径包含在商户平台配置的支付目录中 3. 检查小程序后台「开发管理 → 开发设置 → 服务器域名」是否已配置`request`合法域名 > ⚠️ **注意**：测试环境需同时配置「开发者工具 → 详情 → 本地设置 → 不校验合法域名」选项
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值