位置: IT常识 - 正文

微信公众号 H5 JS-SDK wx.config 报错 invalid url domain 及 invalid signature 错误原因及解决方式(微信公众号 h5 保存openid)

编辑:rootadmin
微信公众号 H5 JS-SDK wx.config 报错 invalid url domain 及 invalid signature 错误原因及解决方式

推荐整理分享微信公众号 H5 JS-SDK wx.config 报错 invalid url domain 及 invalid signature 错误原因及解决方式(微信公众号 h5 保存openid),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:微信公众号h5js直接下载文件,微信公众号 h5 分享,微信公众号 h5触发分享,微信公众号 h5页面缓存,微信公众号h5js直接下载文件,微信公众号 h5下载,微信公众号 h5页面缓存,微信公众号h5js直接下载文件,内容如对您有帮助,希望把文章链接给更多的朋友!

在项目进行JSSDK使用的过程中,出现了很多问题,其中报错invalid url domain 以及 invalid signature最多,也最头疼,部分坑在文档里也并没有写清楚,这里就简单说下这两个报错的原因和解决方式

一、 invalid url domain

当报错invalid url domain时 其实离成功不远了,错误原因也很直白,就是url并没有在公众号设置里正确绑定,需要重点检查几个东西

1. appid 是否是公众号appid(查看在 微信公众平台-> 登陆公众号后台 -> 基本配置-> 开发者ID(AppID))

2. 域名绑定是否正确(查看在 微信公众平台-> 登陆公众号后台 -> 公众号设置-> 功能设置 -> JS接口安全域名)

注意:在域名绑定时,请确定绑定域名与你H5进行wx.config发起域名一致,http与https一致

二、 invalid signature微信公众号 H5 JS-SDK wx.config 报错 invalid url domain 及 invalid signature 错误原因及解决方式(微信公众号 h5 保存openid)

invalid signature是开发是碰到最多也是真的有大坑的一个报错,基本的错误在文档里都有写清楚,按照官方文档(https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#62) 配置基本能够完成,我这里说一个文档里并没有描述,但是却很容易或者让人很疑惑的坑。

在这个报错的信息里会伴随一个realAuthUrl,我们在开发的时候发现这个报错的realAuthUrl在ios以及安卓里表现不一样,而且在ios中是否刷新也会表现不一样,在查阅了很多文章后终于大概明白了坑点,主要表现如下:

1. ios端微信浏览器进入H5页面时,realAuthUrl是从微信跳进H5的第一个url,也就是说如果在微信公众号点击XXX.com/aa/bb 跳进了H5, 那么H5的realAuthUrl 就是 XXX.com/aa/bb ,也就是我们需要使用去进行signature签名的url, 无论我们在哪个其它路径发起wx.config,都只能传 XXX.com/aa/bb ,这一点就和官方文档写的让我们动态location.href.split(‘#’)[0] 获取地址有冲突了,因为动态获取的路径不一定是初始化进入H5的路径XXX.com/aa/bb 但是有两个例外的情况:

(1)比如我们从 XXX.com/aa/bb 进入H5,但是停留在了 XXX.com/aa/bb/cc 路径下,此时如果我们点击浏览器右上方的操作按钮进行刷新操作, 此时的realAuthUrl又会变成 XXX.com/aa/bb/cc 而不是我们初始进入页面的url

(2)如果我们从 XXX.com/aa/bb 进入H5,然后跳转至 XXX.com/aa/bb/cc 跳转的方式是通过window.location.href跳转而不是框架路由跳转,此时真正的realAuthUrl也会变成 XXX.com/aa/bb/cc

2. 安卓微信浏览器进入H5页面,你在哪个路径发起了wx.config,那么realAuthUrl就是你发起请求的路径,这一点和ios完全不一样,比如是从 XXX.com/aa/bb 进入的H5,但是你真正进行wx.config的路径是 XXX.com/aa/bb/cc/dd?z=xxx 那么 realAuthUrl 就是 XXX.com/aa/bb/cc/dd?z=xxx ,这就和官方文档一致,我们通过动态js获取路径url总能匹配正确的realAuthUrl

原因分析: IOS端微信浏览器,在我们进入H5后,如果使用框架路由跳转,如navigate,link等跳转,不会真正的修改我们SPA项目的url,所以在wx.config的时候他认定的realAuthUrl是进入H5的第一个url或者进行window.location.href跳转后的url 安卓端微信浏览器,进入H5后无论是框架路由跳转还是其它跳转方式,都会真正的修改SPA项目的url

解决方式:

1.在进入H5后保存进入H5的第一个url,在发起wx.config的时候如果是ios端则使用保存的第一个url,如果是安卓的则动态获取,但是请注意ios的使用保存的第一个url的时候一定要确保过程中没有window.location.href跳转,如果有那么要修改对应保存的url

2.如果我们只在特定的页面需要进行接入JSSDK进行wx.config,我们可以在进入这个页面路径的时候使用window.location.href的方式跳转,这样就保证无论是ios还是安卓端我们的realAuthUrl都是当前发起wx.config的url,直接按照官方文档方式使用

本文链接地址:https://www.jiuchutong.com/zhishi/280067.html 转载请保留说明!

上一篇:ddhelper32.exe进程安全吗.是病毒吗 ddhelper32是什么进程(tdxcef.exe进程)

下一篇:OpenEuler安装保姆级教程 | 附可视化界面(openeuler安装gnome)

  • 团购网站8种可行的免费推广方式(团购网站groupon)

    团购网站8种可行的免费推广方式(团购网站groupon)

  • vivo y53s什么处理器(vivo y53st1)

    vivo y53s什么处理器(vivo y53st1)

  • 钉钉如何使用投屏码进行投屏(钉钉如何使用投影仪)

    钉钉如何使用投屏码进行投屏(钉钉如何使用投影仪)

  • 红米k40pro+有光学防抖吗(红米k40pro+有光学变焦吗)

    红米k40pro+有光学防抖吗(红米k40pro+有光学变焦吗)

  • 拼多多拼小圈在哪里找(拼多多拼小圈在哪里关闭)

    拼多多拼小圈在哪里找(拼多多拼小圈在哪里关闭)

  • 抖音可以搜索电话号码吗(抖音可以搜索电视剧吗)

    抖音可以搜索电话号码吗(抖音可以搜索电视剧吗)

  • 华为手机浮屏怎么设置(华为手机浮屏怎么开启关闭)

    华为手机浮屏怎么设置(华为手机浮屏怎么开启关闭)

  • 小米sim卡频繁掉线(小米手机卡掉了怎么办)

    小米sim卡频繁掉线(小米手机卡掉了怎么办)

  • ahsprotector能删吗(assetszip能不能删除)

    ahsprotector能删吗(assetszip能不能删除)

  • 华为mate30pro拍月亮怎么设置(华为mate30pro拍月亮参数设置)

    华为mate30pro拍月亮怎么设置(华为mate30pro拍月亮参数设置)

  • 充电宝鼓包(充电宝鼓包了还能用吗)

    充电宝鼓包(充电宝鼓包了还能用吗)

  • 苹果手机微信可以设置夜间模式吗(苹果手机微信可以加密吗怎么设置)

    苹果手机微信可以设置夜间模式吗(苹果手机微信可以加密吗怎么设置)

  • 手机4g旁边的hd是啥意思(手机4g边上hd怎么消除)

    手机4g旁边的hd是啥意思(手机4g边上hd怎么消除)

  • 美团商家能看到用户信息吗(美团商家能看到下单客户的地址吗)

    美团商家能看到用户信息吗(美团商家能看到下单客户的地址吗)

  • 镜头分为哪几种(拍摄镜头分为哪几种)

    镜头分为哪几种(拍摄镜头分为哪几种)

  • win10自带清理工具吗(w10自带的清理工具)

    win10自带清理工具吗(w10自带的清理工具)

  • vogaloo与vogal10区别(vogaloo是是什么型号)

    vogaloo与vogal10区别(vogaloo是是什么型号)

  • Reno Ace怎么设置熄屏时钟(ace2.0怎么设置)

    Reno Ace怎么设置熄屏时钟(ace2.0怎么设置)

  • 淘宝直播后台怎么听不了

    淘宝直播后台怎么听不了

  • 好玩吧账号可以注销吗(好玩吧能改名再次开放吗)

    好玩吧账号可以注销吗(好玩吧能改名再次开放吗)

  • 苹果飞行模式旁边的是什么(苹果飞行模式旁边是什么标志)

    苹果飞行模式旁边的是什么(苹果飞行模式旁边是什么标志)

  • Redmi K20 Pro像素密度是多少(红米k20pro手机像素)

    Redmi K20 Pro像素密度是多少(红米k20pro手机像素)

  • iphone自动调节亮度在哪里(iphone自动调节亮度在哪里设置)

    iphone自动调节亮度在哪里(iphone自动调节亮度在哪里设置)

  • 吉隆坡石油双塔,马来西亚 (© tampatra/Getty Images)(吉隆坡石油双塔有多高)

    吉隆坡石油双塔,马来西亚 (© tampatra/Getty Images)(吉隆坡石油双塔有多高)

  • 山西省税务申报网站
  • 生产设备保险费会计分录
  • 费用计入管理费用与销售费用的区别
  • 装修费用税法规定
  • 自产自用应税消费品的消费税,其纳税环节
  • 转正后个税增加
  • 过路费是来回收费还是单向
  • 注册公司服务费是多少
  • 一般纳税人如何抵扣进项税
  • 增值税专用发票抵扣联
  • 投资资产包括哪些会计科目
  • 投资子公司的现金流量
  • 包装材料报废后如何做会计核算?
  • 预转固的好处
  • 稻谷增值税税率多少
  • 从贸易公司购买来的货物可以退税吗
  • 吸收合并公司后的债务处理
  • 为什么Win7电脑开机时会卡在
  • 收到购买商品发票怎么做账
  • win10如何设置右键
  • 物流公司支付运费怎么做账
  • 什么车不用交保险
  • linux获取网络接口及ip命令
  • deepin 20 wifi
  • thinkphp 路由
  • php中session什么意思
  • 集团公司对子公司如何进行资金管理
  • 委托贷款会计处理流程
  • PHP:imagecolormatch()的用法_GD库图像处理函数
  • 三级菜单python
  • 资本公积转增注册资本的条件
  • 土地转让注意事项有哪些
  • 个人所得税现金流量表属于哪一项
  • 环境检测费计入什么科目
  • 为什么我的命令提示符里显示user
  • uniapp和mpvue比较
  • mail命令详解
  • js数组方法filter
  • 企业的生产成本包括哪些
  • 非限定性收入属于什么科目?
  • 织梦怎么改网站主页
  • 股票分红个人所得税
  • 瀑布流样式
  • 个人开具工程款发票
  • 影响存货管理的因素有哪些
  • php图片格式转换
  • 民办非企业收到政府拨款分录
  • 应交税费的核算范围
  • 结转的制造费用
  • 企业清算未分配利润怎么交税
  • 金税三期个税卸载流程
  • 已经发出的商品替换零部件进成本还是费用
  • 租房免租是什么意思
  • 盈余公积的例子
  • 工程服务预交税怎么算
  • 零售商品收入
  • 月末应付职工薪酬为负数怎么办
  • 免税收入包括哪些项目
  • 零申报必须会计吗?自己可以操作吗
  • sql数据分类
  • win7系统桌面图标不见了右键无反应
  • linux操作系统的发行版本有哪些
  • w8系统怎么删除软件
  • Win10预览版拆弹
  • xp administrator隐藏如何找回解决方案
  • php.exe是什么
  • 怎么用python画图具体步骤
  • opengl编程实例
  • 计算机图形学和计算机视觉的区别
  • js确认框s弹出框确定和取消
  • 分享一下相亲时碰见过哪些奇葩事
  • matlab中sort函数的作用
  • unity mesh bounds
  • 完美世界打斗
  • 企业所得税核定征收和查账征收的区别
  • 汉口市中心
  • 湖南地税局客服电话号码
  • e贷支付扣款管理是什么意思
  • 服务礼仪包括哪三点
  • 小企业会计准则会计科目表
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设