微信SDK授权获取定位踩坑--getLocation:invalid signature

微信SDK授权获取定位踩坑

最近要在小程序webview中获取定位信息,于是采用sdk的方式,在授权道路上彩果无数坑

一、踩到的坑

  • 1.wx.config 报错 invalid signature
  • 2.wx.config 报错 invalid url domain
  • 3.wx.getLocation ios正常调用返回,安卓报错 getLocation:invalid signature

二、解决方法

1.wx.config 报错 invalid signature

  • 因为我们系统中,小程序账号有绑定小程序的appid和secret,所以后端的同学在生成access_token的时候使用小程序的appid和secret。

  • ‼️要注意使用公众号的appid的secret

  • 时间戳要让后端同学给number类型

2.wx.config 报错 invalid url domain

  • 因为页面所在域名与使用的appid没有绑定,,需要在公众号后台配置一下
  • 配置方式
    设置开发 -> 公众号设置 -> 功能设置 -> js接口安全域名

3.wx.getLocation ios正常调用返回,安卓报错 getLocation:invalid signature

这是个大坑,拖了我三天,而且ios成功还在迷惑我

第一个问题

参考开发者文档,url要做 encodeURIComponent 处理后传给后端,,这里要注意 微信浏览器没有做url解析,encodeURIComponent之后后,与当前浏览器url不一直会导致 wx.config 的时候授权失败。
因为我跟后端同学商定使用post的请求,所以不考虑参数问题,,使用get请求的同学要注意 encodeURIComponent 的处理,同样后端要解析出来

第二个问题

我发现这个需要放到服务器上才能调试,,本地其服务授权会报错,因为url域名问题,,毕竟公众号的域名配置只允许5个。
所以改点东西就得发版,很是痛苦,浪费了很多时间

第三个问题

划重点,这是最严重的一个问题,没办法下手,只有getLocation有问题,其他api也都能使用

  • 问题
    • 因为我是ios环境开发,本以为提前完成了,使用同时的安卓机体验了一把,直接报错,getLocation鉴权失败
    • 经过排查发现我的参数中带了token,很长的一段,而且结尾有个 ’=‘,因为’='这个符号导致后端生成的签名有问题。进而导致getLocation报错,
    • 但是ios,和安卓wx.config能正常使用,我找了很久也没找到是什么原因。
    • 我也试过chooseimage等其他api,同样是没有问题,可以正常使用,唯独getLocation不行。
  • 解决方法
    • 在小程序页面跳转webview的时候单独给 token 做 encodeURIComponent,这样就可以保证微信浏览器url和后端生成签名的内容一致,并且保证没有特殊符号。
    • 到此ios和安卓全部跑通了

遇到类似问题先检查一下当前页面url的参数是否有特殊符号

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

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

相关文章

VNISEdit 制作安装包

1. 环境依赖 1.1. NSIS 下载 下载地址:https://nsis.sourceforge.io/Download 1.2. VNISEdit 下载 下载地址1:https://sourceforge.net/projects/hmne/ 下载 exe 安装。 下载地址2:https://hmne.sourceforge.net/ 可以下载 exe 安装。也…

基础算法---前缀和

文章目录 基本思想1.前缀和2.子矩阵的和3.长度最小的子数组4,除自身以外数组的乘积总结 基本思想 前缀和数组就是一个数组的前i项和 前缀和的用处:前缀和数组求出来之后我们就可以就可以求数组中的某个特定区间的和 就比如说求l到R的和,我…

linux休眠唤醒流程,及示例分析

休眠流程 应用层通过echo mem > /sys/power/state写入休眠状态,给一张大概流程图 这个操作对应在kernel/power/main.c的state这个attr的store操作 static ssize_t state_store(struct kobject *kobj, struct kobj_attribute *attr,const char *buf, size_t n) …

网站想实现HTTPS访问需要有哪些步骤?

网站要实现HTTPS访问,以确保数据传输安全和提升用户信任度,主要需按以下步骤操作: 1. 购买或申请SSL证书: - 根据网站类型和需求,选择合适的SSL证书:DV(域名验证)、OV(组…

Maxwell安装使用和简单案例

一、解压 cd /opt/software/ ​ tar -zxvf maxwell-1.29.2.tar.gz -C /opt/module/ ​ cd /opt/module/ 二、MySQL 环境准备 1、修改 mysql 的配置文件 修改 mysql 的配置文件,开启 MySQL Binlog 设置 vi /etc/my.cnf 添加以下内容 server_id1 log-binmysql-…

冈萨雷斯数字图像处理资源(课后习题答案+代码+图片)

冈萨雷斯数字图像处理相关资源整理,资源全部来源互联网,方便大家下载 冈萨雷斯数字图像处理相关资源整理 课后习题 冈萨雷斯数字图像处理源代码

etcd campaign

1. 引言 本文主要讲解使用etcd进行选举的流程,以及对应的缺陷和使用场景 2. etcd选举流程 流程如以代码所示,流程为: clientv3.New 创建client与etcd server建立连接 concurrency.NewSession 创建选举的session,一般会配置ses…

微信小程序一到六章总结

第一章总结 认识微信小程序 小程序简介 微信(WeChat) 是腾讯公司于2011年1月21 日推出的一款为智能终端提供即时通信服务的应用程序。 小程序、订阅号、服务号、企业微信(企业号)属于微信公众平台的四大生态体系,它们面向不同的用户群体&…

Harmony OS应用开发性能优化全面指南

优化应用性能对于应用开发至关重要。通过高性能编程、减少丢帧卡顿、提升应用启动和响应速度,可以有效提升用户体验。本文将介绍一些优化应用性能的方法,以及常用的性能调优工具。 ArkTS高性能编程 为了提升代码执行速度,进而提升应用整体性…

若依如何去掉“正在加载系统资源,请耐心等待”

最近有网友反馈这个加载动画很丑,问我如何去掉: 首先找到前端页面的index.html文件,去掉或注释掉如下代码:

使用Gitee进行社交登录的流程

使用Gitee进行社交登录 创建Gitee第三方应用流程: 鼠标移动到个人头像上,点击账号设置 点击账号设置,选择左边目录下数据管理的第三方应用 然后选择创建应用 根据要求填写 填写好了上面的要求之后,点击创建应用,这样&…

【Java】如何获取客户端IP地址

在项目中往往涉及到“获取客户端IP地址”,常见到下面这样子的代码: package com.utils;import cn.hutool.core.util.StrUtil; import lombok.extern.slf4j.Slf4j; import org.springframework.http.server.reactive.ServerHttpRequest; import java.net…

前端JS必用工具【js-tool-big-box】,获取浏览器参数、cookie、localStorage的存取

这一小节,我们针对js-tool-big-box工具做一些使用讲解,主要获取浏览器参数、cookie、localStorage的存取方面的。 这些方法差不多每次项目中要么用不到,要么就自己写一份,轮子造的很重复啊,而且localStorage有时候要求…

牛客网:环形链表的约瑟夫问题

🎁个人主页:我们的五年 🔍系列专栏:每日一练 🌷追光的人,终会万丈光芒 目录 🏝1.问题描述: 🏝2.实现代码: 🏝1.问题描述: 前言&am…

windows系统CUDA的详细安装教程

CUDA系列 文章目录 CUDA系列前言一、CUDA简介二、安装配置视频教程三、CUDA的下载及安装3.1 环境检查3.2 CUDA 安装包下载3.3 安装CUDA(略)3.4 验证CUDA是否安装成功 四、cuDNN的下载及安装4.1 cuDNN下载4.2 cuDNN配置 五、配置环境变量六、下载并配置zl…

springboot 集成 i18n实现国际化信息返回 实现中英文切换 实现网站支持多语言切换

还是直接上代码 目前实现了 中英文 返回 别的语言 都差不多 主要用spring boot 自带的 类实现的 不用引入任何 依赖 使用的就是下面的类 org.springframework.context.MessageSource 是 Spring Framework 中用于支持国际化(Internationalization,简称 i…

把 WordPress 变成 BaaS 服务:API 调用指南

有了前面两篇内容的铺垫,我们来聊聊 WordPress 作为 CMS / BaaS 服务使用时绕不开的问题,API 调用。 这篇内容同样的,会尽量少贴代码,简单的讲清楚一件事,降低阅读负担。 写在前面 首先,我们需要进行清晰…

使用autocannon和0x对网站进行性能分析(node)

npm i autocannon -g autocannon -c 100 -d 5 -p 10 http://localhost:3000/ 0x -o app.js 火焰图是根据程序的栈的状态对出现函数的采样数据统计而得,宽度代表函数运行一次所需的时长、高度代表栈的层数、颜色深度代表函数在采样中出现的频率,因此宽度…

手摸手教你把Ingress Nginx集成进Skywalking

背景 在微服务大行其道的今天,如何观测众多微服务、快速理清服务间的依赖、如何对服务之间的调用性能进行衡量,成了摆在大家面前的难题。对此,Skywalking应运而生,它是托管在 Apache 基金会下的开源项目,旨在帮助开发…

vue element-ui 表格横向滚动条在合计项下方

目前效果 需求效果 1.隐藏bodyWrapper滚动条,显示footerWrapper滚动条 css代码如下: div ::v-deep .el-table--scrollable-x .el-table__body-wrapper{overflow-x: hidden!important;z-index: 2!important;} div ::v-deep .el-table__footer-wrapper …
最新文章