vue3实现微信公众号一次性订阅消息+ios和Android的63002 config:invalid signature问题

微信开放文档https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html#23

微信 JS 接口签名校验工具
首先使用官方文档加入ip白名单，域名之类的做完之后的代码（可查看
微信公众号订阅通知（go+vue） https://blog.csdn.net/m0_37592532/article/details/116066277

微信订阅消息接入使用开放标签在 H5网页设置订阅通知组件 https://blog.csdn.net/changingshow/article/details/114944818）

 // vue3 标签内<div ref="wxsub"></div>// js// 微信订阅消息事件let wxsub = ref(null);const getInfo = async () => {// 获取appId,jsapi_ticket,nonceStr,openTagList,signature,timestamp,urlconst res = await getConfigData();var u = navigator.userAgent;var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1;// 如果安卓的话就使用动态url，ios使用接口返回的urlif (isAndroid) {res.result.url = location.href}wx.config({debug: false,...res.result,jsApiList: ["checkJsApi"],  // 必填项openTagList: ['wx-open-subscribe']});wx.ready(() => {nextTick(() => {// 如果多个订阅消息模板用,分隔wxsub.value.innerHTML = `<wx-open-subscribeid="subscribet"template="template_id,template_id"><template><style>.subscribe-btn {width: 72.5px;height: 23px;border: none;outline: none;background-color: #FDA400;border-radius: 5px; color: #FFF;font-size: 12px;}</style><button class="subscribe-btn">订阅通知</button></template></wx-open-subscribe>`;const subscribet = document.getElementById('subscribet');subscribet.addEventListener('success', function (e) {console.log('success', e.detail);})subscribet.addEventListener('error', function (e) {console.log('error', e.detail);})});})// 调用不成功wx.error(err => {alert(JSON.stringify(err));})}return {wxsub}

目前未解决：小米手机订阅通知无效，原因暂时不明（欢迎各位大佬指正）

参考链接1 求助，vue页面（history模式路由）使用js-sdk突然报invalid signature https://segmentfault.com/q/1010000002520634

参考链接2 微信公众平台, config:invalid signature一直爆这个错误，求教如何解决？
https://segmentfault.com/q/1010000002520634

参考链接3 关于html5-History模式在微信浏览器内的问题 https://github.com/vuejs/vue-router/issues/481

参考链接4 jssdk 在history模式下安卓不能调用图片上传接口和分享接口
https://segmentfault.com/a/1190000013894295

参考链接5 vue中使用微信公众号js-sdk踩坑记录（2） https://segmentfault.com/a/1190000012339148?_ea=3486674

vue3实现微信公众号一次性订阅消息+ios和Android的63002 config:invalid signature问题相关推荐

微信公众号一次性订阅消息
说明公众号或网页使用一次性订阅消息流程第一步:需要用户同意授权,获取一次给用户推送一条订阅模板消息的机会第二步:通过API推送订阅模板消息给到授权微信用户说明开发者可以通过一次性订阅消息授权 ...
公众号一次性订阅消息
洛塔服务号回复007获取代码. 功能说明之前发布通知,要用订阅通知替代一次性订阅消息,不知道是被骂的太惨还是技术原因,一次性订阅消息还是一直能用. 和模板消息不同的是,一次性订阅消息无需用户关注公众 ...
微信公众号H5订阅消息开发 uniapp订阅消息
简单说一下流程: 在页面带参数跳转到 https://mp.weixin.qq.com/mp/subscribemsg ,然后用户授权确认或者取消以后,会返回参数里面 redirect_url 的地址 ...
微信公众号、订阅号、服务号之间的关系和区别
感觉微信一直在和我们玩文字游戏,公众号.订阅号.服务号,傻傻分不清楚有木有?接下来就看看他们具体的联系与区别吧. 首先微信公众号是 2012年08月底上线,在2013年8月的时候划分为订阅号和服务号, ...
微信公众号群发图文消息
微信公众号群发图文消息说明:本demo是基于CoffeeWx框架进行编写的,主要是为了以后复习,如有在学习中有疑问,请参考https://gitee.com/skysong/coffeewx-adm ...
微信公众号推送消息前期准备
微信公众号推送消息使用手册 1.准备微信公众平台注册公众号.(https://mp.weixin.qq.com/) 公众号进行"微信认证" 开通"订阅通知& ...
微信小程序使用微信公众号的模板消息进行消息推送开发流程
微信小程序使用微信公众号的模板消息进行消息推送开发流程微信公众号服务号,微信公众号订阅号,微信公众号开发者平台,微信小程序这些的账号都是独立的不能共用微信开放平台开发者资质认证审核费用为300元 ...
微信公众号_订阅号+服务号开发工具包-翟东平-专题视频课程
微信公众号_订阅号+服务号开发工具包-15114人已学习课程介绍 "微信公众平台深度开发Java版 v2.0"系列课程共有6季,使用JAVA语言,系统讲解微信公众 ...
【设计模式】之观察者模式——简单的“微信公众号推送消息给相关用户”
目录一.简单介绍二.观察者模式涉及的4个角色三.观察者模式demo:简单的"微信公众号推送消息给相关用户" 一.简单介绍定义对象间"一对多"的依赖关系. ...

vue3实现微信公众号一次性订阅消息+ios和Android的63002 config:invalid signature问题

vue3实现微信公众号一次性订阅消息+ios和Android的63002 config:invalid signature问题相关推荐

最新文章

热门文章