wx.config的时候总是报错63002是什么原因,配置时总是 invalid signature

2023-11-19

真的是真的是,我都弄的崩溃了差点,卡了三天的问题,各种留言各种找人还是不行,为了不再让各位体验那种感觉,zkhh666我的wx

首先说,我用的hbuilderx的uni做的,使用了推荐的插件jweixin-module,

ps:**我的问题是url后面少了/,**因为会自动默认有/的,其他往下看,**我还遇到了url填当前页面不行,**但首页的就可以的为

很好的一个插件,首先是historyhash都可以的

我的后端用了集成的一个方法,说是经过检验,上百家企业用过的方法,所以一直不敢往他那边想问题,但还是怕他jsapi_ticket获取失败,一再让他检查是不是问题,因为看到一个帖子是这个问题,楼主都快急哭了(我已经急哭了)

在这里插入图片描述
飞机票链接跳转

再说一下我的问题:

1、使用了history
2、前后端分离,使用的测试公众号(看b站上都是一个人写,使用的也是自己公众号)所以没法照着写

3、我是由于url不正确导致的:(据说百分之八十都是)

4、对了有可能是encodeURI() 。需要编译一下(我是没用到)

alert(location.href.split(’#’)[0])我弹了一下,好家伙,url里面有个’/'没有加上,好了,直接上截图比较明显了

在这里插入图片描述

使用映射地址是可以的

在这里插入图片描述

好了再上代码,借鉴https://blog.csdn.net/weixin_39793790/article/details/108767478

jws.js文件

import request from './request.js'     //请求
// jwx.js
//#ifdef H5
const jweixin = require('jweixin-module')
//#endif
export function configWeiXin(callback) {
		//我弹了一下,真的管用 alert(location.href.split('#')[0])
		//因为我没结构出来,太激动了,以后再说
		  request.request('/wechat/getJsapiTicket',{url: 'http://b7h4km.natappfree.cc/',appId: 'wx873ee40d6bbd9b4e'},'GET')
		  .then(res=>{										
			  console.log(res,'调用原功能参数')
		  // 可能需要用到的能力 需要啥就写啥。多写也没有坏处
			  let apiList = [ 
			  	'onMenuShareAppMessage',
			  	'onMenuShareTimeline',
			  	'hideOptionMenu',
				'scanQRCode',
			  	'showOptionMenu',
			  	'chooseWXPay',
			  	'checkJsApi',
			  	'openLocation',
			  	'getLocation',
				'uploadImage',
				'updateAppMessageShareData',
			  ];
			  	console.log(jweixin,res.result.timestamp,res.result.nonceStr,res.result.signature,apiList,'222222')
			  let info = {
				  // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
			  	  debug: true, // 调试是true,发布的时候改为false
				  appId: res.result.appId, // 必填,公众号的唯一标识
				  timestamp: res.result.timestamp, // 必填,生成签名的时间戳
				  nonceStr: res.result.nonceStr, // 必填,生成签名的随机串
				  // signature: res.result.signature.toLowerCase(),// 必填,签名
				  signature: res.result.signature,// 必填,签名
			  	  jsApiList: apiList
			  };
			  
			  jweixin.config(info);
			  jweixin.error(err => {
			  	console.log('config fail:', err);
			  });
			  
			  jweixin.ready(res => {
			  	if (callback) callback(jweixin);
			  });
			
		  })

		.catch(err=>{
			console.log(err,'调用签名错误拉!')
		})
}

vue页面里面

import * as jwx from '../../utils/jws.js'
methods: {
			fn(val){
				console.log(wx.config)
				console.log(jwx.configWeiXin)
				switch(val){
					case '调用扫码':
					jwx.configWeiXin(jweixin => {
						jweixin.scanQRCode({
						  needResult: 0, // 默认为0,扫描结果由微信处理,1则直接返回扫描结果,
						  scanType: ["qrCode","barCode"], // 可以指定扫二维码还是一维码,默认二者都有
						  success: function (res) {
							  console.log(res)
							var result = res.resultStr; // 当needResult 为 1 时,扫码返回的结果
						  },
						  fail: function (err){
							  console.log(err)
						  }
						});
						
					})
					break
				}
			},
}

先贴一下排查方法吧,下面再说问题:

invalid signature签名错误建议按如下顺序检查:



   
(1)确认签名算法正确,可用 http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=jsapisign 页面工具进行校验。



   
(2)确认config中nonceStr(js中驼峰标准大写S, timestamp与用以签名中的对应noncestr, timestamp一致。



   
(3)确认url是页面完整的url(请在当前页面alert(location.href.split('#')[0])确认),包括'http(s)://'部分,以及'?'后面的GET参数部分,但不包括'#'hash后面的部分。



   
(4)确认 config 中的 appid 与用来获取 jsapi_ticket 的 appid 一致。



   
(5)确保一定缓存access_token和jsapi_ticket。



   
(6)确保你获取用来签名的url是动态获取的,动态页面可参见实例代码中php的实现方式。如果是html的静态页面在前端通过ajax将url传到后台签名,前端需要用js获取当前页面除去'#'hash部分的链接(可用location.href.split('#')[0]获取,而且需要encodeURIComponent),因为页面一旦分享,微信客户端会在你的链接末尾加入其它参数,如果不是动态获取当前链接,将导致分享后的页面签名失败。


本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

wx.config的时候总是报错63002是什么原因,配置时总是 invalid signature 的相关文章

随机推荐

  • android Instrumentation

    Android提供了一系列强大的测试工具 它针对Android的环境 扩展了业内标准的JUnit测试框架 尽管你可以使用JUnit测试Android工程 但Android工具允许你为应用程序的各个方面进行更为复杂的测试 包括单元层面及框架层
  • VUE中用原生JS实现触底加载数据

    VUE中用原生JS实现触底加载数据 在vue开发过程中使用第三方组件是不可避免的 但是第三方样式的css样式属实头痛 所以我选择原生JS的写法完成了触底加载 1 定义data page 1 页数 limit 10 每页数据条数 flag t
  • 单项选择题标准化考试系统

    单项选择题标准化考试系统 学校将大一上学期期末的c语言课程设计放进下学期开学 我选取的c课程设计题目是 单项选择题标准化考试系统 参考了csdn一些大佬的文章 终于做出来了 接下来 我将与大家一起浏览该系统 系统还有很多不足之处 欢迎提建议
  • 向顺序表插入新元素且不破坏其顺序性的高效率算法

    向顺序表L插入新元素x时可以由最后一个元素开始遍历 在遍历的同时进行移位赋值操作 如当遍历到的元素L elem i 比x大时 将L elem i 后移在下个元素的位置 而其所在位置则由x占有 当遍历到的元素L elem i 比x小时 则跳出
  • VS 2008配置Winpcap环境

    写在前面的话 这篇博客主要是写给小白看的 因为自己也是一个小白 之前从没有接触过网络嗅探器这些东西 如果说基础的话就是学习过计算机网络 对于计算机网络有一点点了解 再就是对于编程语言基础语法还算熟悉吧 这学期选修了网络攻击与防范这门课程 老
  • 视觉SLAM14讲笔记-第7讲-视觉里程计1

    图像特征点 特征点由关键点和描述子两部分组成 我们说的特征点具有旋转不变性 都是指的是特征点的描述子具有旋转不变性 而描述子指的是一个点周围的特征 一般由一个向量组成 描述一个点附近的特征 比如45度方向是亮的 135度方向是暗的等 比较著
  • 【WIN】【C++】查询文件信息(公司、版本、版权、描述、厂商等)

    使用C 提供的一个查询文件信息的接口 实现接口为 QueryValue fileInfo h class FileInfoUtils public static bool GetFileDescription const std wstri
  • mysql 免安装重装_mysql 卸载 重装 免安装版

    今天下午一下午都在安装mysql 首先说 卸载 1 如果控制面板里有mysql sever 先卸载 2 把安装的文件都删掉 3 regedit exe注册表中的三个地方的MySQl文件夹删掉 在cmd中输入regedit就找到注册表了 4
  • linux下C语言中的flock函数用法

    http blog csdn net lin fs article details 7804494 表头文件 include
  • 感知机(perceptron)代码实现

    书面内容参考 统计学习方法 李航 感知机 perceptron 是二分类的线性模型 旨在求出将训练数据进行线性划分的分离超平面 感知机模型 假设输入空间 特征空间 是x Rn 输出空间是输入x x表示实例的特征向量 对应于输入空间 特征空间
  • cp: cannot stat '/usr/local/bin/node': Too many levels of symbolic links

    升级nodejs 出现这个问题 ln failed to create symbolic link node File exists cp cannot stat usr local bin node Too many levels of
  • 低代码和专业开发云 开发平台 3.4.7 全新版本框架源码 旗舰版

    低代码开发云 高效全栈开发 跨端App开发 自由发布 灵活部署 提供开发 测试 部署 运维的一体化支持 真正低代码 高效率的DevOps开发运维一体化平台 低代码PaaS平台 企业云架构的关键层 真正提升企业应用的架构 开发 运维和治理 低
  • 初识Node.js-安装

    简介 node js其实就是js的运行环境 对于js的运行环境来说 1 前端一般指浏览器 比如谷歌浏览器提供了V8 js解析器 2 服务器段指的是Node js 1 区分LTS版本和Current版本的不同 https nodejs org
  • 报错EL1007E: Property or field ‘xxxxx’ cannot be found on null原因竟是这

    报错EL1007E Property or field xxxxx cannot be found on null 是什么原因 有时我们发现Springboot项目前端的 thymleaf 会报这样的错 EL1007E Property o
  • 设计模式 -- 工厂模式(Factory Pattern)

    简单工厂模式 Simple Factory Pattern 根据传入的参数决定实例化哪个对象 优点 不直接在客户端创建具体产品的实例 降低了耦合性 缺点 违反了开闭原则 对扩展开放 对修改关闭 不容易形成高内聚松耦合结构 每当我们增加一种产
  • 10个程序员可以接私活的平台和一些建议!

    来源 http mrw so 5isQLi 什么样的私活不能接 1 没有第三方担保的个人对个人的尽量不要接 双方都没保障 出了问题很大的可能撕破脸皮不了了之 2 一上来就直接说给我开发一个什么软件 不说具体需求 没有需求文档的都不靠谱 这样
  • zotero如何用markdown记笔记

    1 去下载 Releases adam p markdown here GitHub 拖拽到 2 ctrl alt M对笔记进行渲染
  • 【华为OD机试真题2023B卷 JAVA&JS】字符串加密

    华为OD2023 B卷 机试题库全覆盖 刷题指南点这里 字符串加密 时间限制 2秒 内存限制 65536K 语言限制 不限 题目描述 给你一串未加密的字符串str 通过对字符串的每一个字母进行改变来实现加密 加密方式是在每一个字母str i
  • Altium Designer覆铜后变为绿色是怎么回事?

    最近在做一个小板子 但是覆完铜后也把网络设置为GND 但是板子变绿色了 之前没有碰到过 也查过想过资料说是规则设置有问题 找了半天也没有发现规则相关问题 最后终于找到了解决方法 我把步骤写在下面 出现的问题如图所示 不知道你们有没有碰到这样
  • wx.config的时候总是报错63002是什么原因,配置时总是 invalid signature

    真的是真的是 我都弄的崩溃了差点 卡了三天的问题 各种留言各种找人还是不行 为了不再让各位体验那种感觉 zkhh666我的wx 首先说 我用的hbuilderx的uni做的 使用了推荐的插件jweixin module ps 我的问题是ur