微信分享wx.config配置时遇到invalid signature错误的解决办法

每次解决完问题，都想回到过去糊自己一巴掌。。。
官方文档：https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#62
1 若JSSDK已配置仍遇到invalid signature错误，一定参考“附录5-常见错误及解决方法”部分有检查步骤可参考，一定要先看再开发！！浪费了多少大好时光，流下悔恨的泪水。。
2 具体需要：
1）设置ip白名单
需要有开发权限管理员权限开发>基本配置>白名单>查看 IP白名单多个IP用回车分隔。
2）设置域名白名单

公众号设置—功能设置—js接口安全域名
第3点的txt文件要放到域名下，保证随时可以访问。https://www.xxxx666.com/report/MP_verify_wlPRmQ9ecc76yJF5.txt在浏览器可以访问。

3）1 logo图标需要放到服务器上，随时可以访问。 2 分享的链接必须是location.href.split('#')[0]，否则报错invalid signature
vue组件中：

import wxShare from "../wechat/wechat";
setShare() {let url=location.href.split('#')[0];//2020年let imgurl="https://www.xxxx666.com/img/report/logo.png"const shareInfo = {title: `“奉上您的2020总结`,desc: `支撑平台2020年终报告活动开始啦~`,link: url,img: imgurl}this.wechatShare(shareInfo)},//带个人信息的setSharePer(user) {let urlif(location.href.indexOf('user')>=0){url=location.href.split('#')[0];}else{url="https://www.zhengqiyezhi666.com/report/#/?user="+user}let imgurl="https://www.xxxx666.com/img/report/logo.png"let shareInfo = {title: `快来看看我的年度报告吧—`,desc: `支撑平台2020年终报告活动开始啦~`,link: url,img: imgurl}this.wechatShare(shareInfo)},

引用的wechart.js

//weixin-js-sdk应用
//weixin-js-sdk应用
import axios from 'axios'
import {requestSign} from '@/api/api'
const wx = require('weixin-js-sdk')
export default {methods: {wechatShare(info) {const that = this// 判断苹果手机let _url = ''if (window.__wxjs_is_wkwebview === true) {_url = window.location.href.split('#')[0] || window.location.href} else {_url = window.location.href}let param={url:info.link}
//这里是封装的axios，换成任意请求皆可requestSign(param).then(res=>{wx.config({debug: false,appId: res.appid, // 必填，公众号的唯一标识timestamp: res.timestamp, // 必填，生成签名的时间戳nonceStr: res.noncestr, // 必填，生成签名的随机串signature: res.shasign, // 必填，签名，见附录1jsApiList: ['previewImage','hideAllNonBaseMenuItem','showMenuItems','onMenuShareTimeline','onMenuShareAppMessage','chooseWXPay','updateTimelineShareData'] // 必填，需要使用的 JS 接口列表，所有JS接口列表见附录2})})wx.ready(() => {const share_title = info.titleconst share_desc = info.descconst share_link = info.linkconst share_img = info.imgwx.showOptionMenu()wx.onMenuShareTimeline({title: share_title, // 分享标题link: share_link, // 分享链接imgUrl: share_img, // 分享图标})wx.onMenuShareAppMessage({title: share_title, // 分享标题desc: share_desc, // 分享描述link: share_link, // 分享链接imgUrl: share_img, // 分享图标})wx.updateTimelineShareData({title: share_title, // 分享标题desc: share_desc, // 分享描述link: share_link, // 分享链接imgUrl: share_img, // 分享图标})})wx.error((res) => {let b=JSON.stringify(res)alert(b)})},}
}

微信分享wx.config配置时遇到invalid signature错误的解决办法相关推荐

微信分享踩坑：config:invalid signature错误的解决方法
微信分享踩坑:config:invalid signature错误的解决方法一般出现这个错误多半是签名获取失败,而我根据我获取到的签名跟签名算法校验里面得到的签名是一样的,于是查找大量文档,核实可能 ...
微信公众号基本配置时出现：“参数错误，请重新填写“ 解决方法
微信公众号基本配置时出现:"参数错误,请重新填写" 原因最近在开发微信公众号的后台,因为之前都是使用的测试号所以没有出现过标题的错误,但是昨天更改为服务号以后再配置服务器基本信息 ...
微信JSSDK分享接口中wx.config 出现invalid signature问题的解决办法
先看下面的JSP代码: String rand = StringUtil.getUUID(); //随机字符串 //String timestamp = Long.toString(new ...
微信二次分享链接，出现config:invalid signature错误的解决方法
当开发微信时需要做特定的页面做分享时,根据官方提供的jssdk.php文件创建的签名数据包调试时,大家碰到的最多的错误而且解决最麻烦的大概就是signature错误了, 分享时提示错误"{& ...
微信分享链接出现config:invalid signature错误的解决方法
当开发微信时需要做特定的页面做分享时,根据官方提供的jssdk.php文件创建的签名数据包调试时,大家碰到的最多的错误而且解决最麻烦的大概就是signature错误了,如下图: 分享时提示错误&quo ...
拯救者Y9000P 安装Ubuntu18.04 、Ros Melodic等相关配置过程中出现的错误及解决办法
电脑配置:拯救者Y9000P 2022 i9 3060 目录一.安装Ubuntu18.04 1.安装UltralSO时无法写入镜像文件,显示磁盘/映像空间太小 2.由于2022拯救者Y9000PBI ...
使用 SAP Fiori Tools 部署 SAP UI5 应用到 ABAP 服务器时遇到的各种错误和解决办法
错误1 (node:28340) UnhandledPromiseRejectionWarning: TypeError: Cannot read property 'customMiddleware ...
spark环境安装及配置详细（附带相关错误及解决办法）
安装spark之前需要成功安装scala 解压安装包更改名字修改环境变量使环境变量生效修改配置文件进入spark目录进入conf 查看文件更改文件名称将spark-env.sh.tem ...
IDEA设置注释配置时获取不到参数的解决办法
网上找了很多,都说param参数配置为 groovyScript("def result=''; def params=\"${_1}\".replaceAll('[\\ ...
【VM Ware】虚拟机安装XP系统时，出现546错误的解决办法
引言: 现在的windows操作系统对旧版本的软件兼容性非常差,很多老软件无法在win10下运行,因此我们需要建立虚拟机来运行老版软件.可是我们通过虚拟机安装XP系统时,有时候会出现546错误.经过本 ...

微信分享wx.config配置时遇到invalid signature错误的解决办法

微信分享wx.config配置时遇到invalid signature错误的解决办法相关推荐

最新文章

热门文章