微信H5开发wx.config授权invalid signature

article/2025/8/20 6:50:22

微信H5(公众号)开发过程中,遇到了wx.config失败的情况,造成的原因在此记录一下,也为各位提个醒。

打开wx.config的debug选项,会在配置后弹框提示配置结果,如果提示errMsg:config ok,这是正确的,有同事以为errMsg就是错了,其实是不正确的。关键要看后面的提示。

一、一般来说“invalid signature”出现的情况比较多,会影响的因素也比较多,官网也给出了解决方案,参考官方

概述 | 微信开放文档

我将以自己的理解总结下:

  1. 需要在公众号的开发者账号下设置js接口安全域名,只填域名即可,不用带http://或https://。
  2. 生成signature的方式最好由后台提供接口,需要传递url参数。如果前端路由是hash模式,需要传递“#”之前的内容,如果是history模式,传递当前路径的全路径即可。encodeURIComponent(location.href.split('#')[0]) 就可满足。注意如果前端转码,则接口一定要解码。wx.config在进入系统后执行一次即可,无需每个页面都config。
  3. wx.config中个别属性要注意大小写,如nonceStr,timestamp等。
  4. 确保2中的url是动态获取的,官网也在【6】中提及,有同事配置时其他都正确,就是把config的url固定写死了,也会配置失败。
  5. 像操作菜单项的功能,一定要在测试环境中运行检查,不要在开发环境下,而且一定要把测试地址发到(随便的)公众号下,通过点击公众号下的地址测试才可能看到效果。
  6. 如果以上都没问题,尝试验证signature是否正确,看看接口的逻辑是不是写错了。

二、还有“permission denied”的情况,最好是检查一下config下jsApiList参数和官网提供api名称是否一致。

如果是invalid signature 后又提示的 permission denied,那属于没config成功,参考【一】中的思路检查即可。


http://chatgpt.dhexx.cn/article/6ZiEyd2e.shtml

相关文章

uniapp开发微信小程序/h5完整流程,含vant/uview(h5适配vw)

theme: smartblue highlight: dark 创建项目 创建后的项目 此处插入一个坑 亦可以使用uniapp vue-cli 创建项目 vue create -p dcloudio/uni-preset-vue my-project 使用vue3/vite 创建项目(如命令行创建失败,请直接访问 gitee 下载模板&#xff0…

微信H5页面前端开发,大多数人都会遇到的几个兼容性坑

最近给公司微信公众号,写了微信h5业务页面,总结分享一下前端开发过程中的几个兼容性坑,项目直接拿的公司页面,所以下文涉及图片都模糊处理了。 1、ios端兼容input光标高度 问题详情描述:input输入框光标,…

企业微信h5开发(即JS-SDK),一不小心,就会掉进坑,进入死胡同

最近在开发企业微信的业务,可以借此机会学习到企业微信的开发,这让我非常开心、激动。殊不知,企业微信的开发让我很头疼,遇到了非常多的坑。在这里我记录一下,希望大家不要像我一样掉进坑里面。 一、wx.agentConfig方法…

微信H5页面前端开发,大多数人都会遇到的几个兼容性坑(转载)

1、ios端兼容input光标高度 问题详情描述:input输入框光标,在安卓手机上显示没有问题,但是在苹果手机上 当点击输入的时候,光标的高度和父盒子的高度一样。例如下图,左图是正常所期待的输入框光标,右边是io…

微信H5开发(二)

这篇主要讲解微信H5 常用到的微信模块和微信文件的引入及微信公众号、微信商务平台、微信开放平台的相关配置。 第一次使用微信开发文档的时候,感觉文档里面写的内容不算太难,但在实际开发中会碰到很多预想不到的问题。 微信开放平台、微信商务平台 有…

H5微信网页开发总结(授权,分享,地图)

H5微信网页开发总结(网页授权,JS-SDK分享、地图) 目录: 网页授权分享地图 参考文档https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_webpage_authorization.html 一:网页授权 目的&#xff1…

微信H5开发(一)

H5开发,一般是指移动端的页面开发。移动端可分为app和普通浏览页面。从嵌入的环境来归类:可以分为app、微信H5及手机浏览器里面打开的页面。 以前粗略的涉略过h5开发的一些知识,感觉H5并不是很难。在这半年内,接手并完成了两个微…

app推广渠道数据统计Xintall

APP推广时需要统计不同渠道带来的用户量,这个怎么做到 我们在做一款app推广的时后,经常会遇到一个问题,比如你花了一大笔预算去给自家开发的App做广告推广,却无法得知不同的广告素材、不同的广告位、不同的推广平台,各…

还在为推广发愁?这里有一份活动推广渠道清单请查收

对于运营来说,用户量和收入是两个最关键的指标。我们希望更多的用户留在我们的产品中,新用户的留存更高,老用户也拥有较高的活跃度,用户量起来了,收入的提升也变的容易了许多。而用户分为新用户和老用户,本文列举了针对老用户推广渠道,以游戏行业为例,其他行业可以触类…

浅谈游戏系统

浅谈游戏系统 某日,Brandon突发奇想(脑子抽了)买了《异度之刃2》开始游玩,虽然画质不如原神,但他还是沉下心来连续游玩了10个小时。”这游戏战斗系统怎么样?“ 舍友随口一问瞬间让Brandon摸不着头脑&#x…

App全渠道推广统计方案

做过 App 运营岗位,肯定提过类似的需求: 自然新增渠道:自然新增的用户,想知道他们都是从哪下载了 App,以为初步分析下载原因,好在后续提供个性化推荐等服务。H5 推广渠道:开展活动需要分发大量…

浅析APP应用内及新媒体类推广渠道

之前我写了一篇关于APP用户数据分析的文章,提到过用户来源的问题。APP的下载注册用户来自线上线下各种渠道,可能是在某个常逛的网站上看到APP投放的广告产生了兴趣;也有可能是在朋友圈看到了朋友转的APP活动链接从而被吸引…… 这些都是通过…

app推广渠道数据统计

APP推广时需要统计不同渠道带来的用户量,这个怎么做到 我们在做一款app推广的时后,经常会遇到一个问题,比如你花了一大笔预算去给自家开发的App做广告推广,却无法得知不同的广告素材、不同的广告位、不同的推广平台,各…

抖音最常见的付费与免费推广渠道有哪些?3+6推广技巧干货!丨国仁网络

直播作为全新的互动传播方式,带来了互联网全新盛会的同时,也开启了企业新兴传播媒介——直播营销。直播营销为企业带来更全面的潜在客户,帮助企业更好营销。 然而,在互联网营销中,任何营销方式和工具模式,都需要推广,否则直播内容再好、主播再有颜值优势,其营销效果也会…

推广渠道如何分析?

【面试题】 有两个Excel表是A、B两个渠道推广导出的玩家用户明细数据,自选分析角度,产出数据分析报告。(某游戏公司面试题) 渠道A的玩家 渠道B的玩家 【参考答案】 1.分析思路 研究推广渠道A与B的的推广效果,以及渠道用…

渠道触点归因、推广来源追踪

消费者触点 消费者与企业的产品或服务、品牌、内容或信息发生接触的任意位置。触点作为用户获取来源叫渠道。 触点归因 研究如何获客贡献在参与的各个触点或渠道间进行分配的过程。 归因作用 客观评价触点或渠道的价值与贡献,尤其是发现那些被埋没的真相&#xf…

如何提升游戏吸引力——选对推广渠道就是成功的一半

2017全年,我国网络游戏营收约为2011亿元,而手游占据了55.8%的份额,全年营业收入约为1122.1亿元,同比增长38.5%。尽管移动游戏进入存量市场阶段,巨大的市场规模,仍吸引着手游开发商下场瓜分蛋糕。 然而,仅仅半年时间,国内手游市场的风向就一变再变。MOBA和“吃鸡”你方…

怎么做好游戏推广运营

游戏推广有两大类方法:一种是推,一种是引;前者可以快速见效,所以绝大多数进入游戏行业的人首选想到的是如何去找玩家,发链接,推游戏;但是,这种做法在先天上存在不足之处,…

教你做代理,你必须掌握的4种游戏代理平台推广小妙招

目前随着游戏市场的不断发展,游戏代理项目也随之呈爆发式增长,但有很多代理商因为初次接触游戏代理项目,所以在代理后并不知道如何去拓展拉新玩家的渠道,但如果只是依靠老玩家去不断氪金来获取盈利的话也是不现实的,所…

人脸识别相关及其内部原理

整理并翻译自吴恩达深度学习视频,卷及神经网络第四章4.1-4.5,有所详略。 人脸验证和人脸识别 Verification与Recognition的差异: 验证: 输入图像,名字/ID输出输入的图像是否和输入的名字/ID是同一个人 这是个1:1问…