位置: 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)

  • 小规模纳税人的企业所得税税率
  • 食堂用固定资产可以抵扣吗
  • 报销宽带费属于什么科目
  • 金蝶k3生产领料单怎么导入
  • 固定资产在现金流量表中的体现
  • 会计凭证填制要求有哪些
  • 保险公司赔款可以用子女的二类卡吗
  • 汇算清缴跨年发票
  • 员工劳动保险赔多少钱
  • 毁损材料的损失怎么算
  • 给企业供货都有哪些渠道
  • 交际应酬费用
  • 营改增后还有建筑业发票吗
  • 小规模时取得的专票在一般纳锐人之后可以抵扣吗
  • 扩大税收来源什么意思
  • 临时工工资作为人员成本如何做账
  • 往来账的作用
  • 视同销售行为销项税额该怎么核算
  • 企业股东变更需要哪些手续
  • 长期零申报有什么影响
  • 股东对外投资
  • 建筑业进项税额转出
  • 本年利润的借贷双方表示什么
  • 普通发票也属于增值税发票吗
  • 计提的存货跌价准备
  • 成本计算错误如何应对
  • 英特尔酷睿和至强的区别
  • 怎么查开出去的发票原票
  • 购入黄金产品怎么入账
  • 升级w10系统
  • linux安装常用命令
  • 控制器code是什么意思
  • 微信小程序实现支付功能
  • 旧房屋转卖的协议怎么写
  • 小规模纳税人免税会计分录
  • zend框架教程
  • 利息资本化怎么计算
  • magento后台无法登录解决办法的两种方法
  • 文本超出单元格
  • php实现多语言切换
  • 成本核算的五个要求
  • php面试题目100及最佳答案
  • 小规模公司卖车怎么开票
  • 邮寄的发票对方没收到怎么办
  • 企业所得税报表怎么更正
  • 以前年度应交税费调账
  • 各部门和单位按照国家有关规定收取或取得
  • 冲销以前年度费用会计分录
  • 财务报告与财务思维
  • 安装SQL2005的实训体会
  • 全资子公司注销的账务处理
  • SQL SERVER 2000通讯管道后复用劫持
  • 一般纳税人季报怎么填
  • 固定资产是指的什么
  • 善意取得增值税专用发票所得税
  • 营改增后所得税怎么计算
  • 固定资产改造更新后年限怎么算
  • 企业存货明细表和盘点表
  • 固定资产报废会计科目处理
  • 公司应该怎么记账
  • 内控制度包括哪几方面
  • 当月作废的采购发票已认证账务如何处理?
  • 飞机票保险发票是什么样子的
  • 留抵的进项税可以用多少年
  • sql server设置
  • winxp系统安装教程
  • 怎么自己安装windows7
  • 服务器centos7
  • org.cocos2d.straydiary
  • excel最小化后再次选择不弹出来
  • unity3d技术介绍
  • npm安装插件失败
  • android 自定义spinner
  • 置顶pyq会被自己屏蔽的人看到吗
  • unity 断点
  • 用python写个脚本
  • jq form提交
  • python基础教程入门
  • 云南税务查询系统
  • 法人没有实名认证,现在要变更,还需要实名认证吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设