关于微新分享PC微信端成功，手机微信失败

打开微信调试功能

发现会弹出

首先肯定是根据百度来寻找帮助，发现一篇总结了出现这种情况的各种原因以及解决方法的文章：https://www.yudouyudou.com/jiaochengheji/wangzhanjianshe/1237.html

根据步骤一个个测试，发现并没有解决问题。于是寻找了另一篇文章https://blog.csdn.net/gong0585/article/details/54616077。发现可能是生成signnatrue的参数url错误，于是根据文章中的内容来重新获取，获取Url的方式可参见下面的代码。如果是html的静态页面在前端通过ajax将url传到后台签名，前端需要用js获取当前页面除去'#'hash部分的链接（可用location.href.split('#')[0]获取,而且需要encodeURIComponent），因为页面一旦分享，微信客户端会在你的链接末尾加入其它参数，如果不是动态获取当前链接，将导致分享后的页面签名失败。

下面就是分享的URL格式

var url=location.href.split('#')[0];
url = encodeURIComponent(url);

后台获取处理生成signnatrue后，这时又出现了另一个问题

原因：未绑定微信公众平台上的JS接口安全域名或者填写错误

方法：先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”，可以按照提示进行填写，最多填写三个。

　　备注：登录后可在“开发者中心”查看对应的接口权限，只有获取了权限才能保证后面的工作继续进行。

填写的内容应该与上文说的url上的二级域名相对应，如xxx.xxx.com

然后就微信配置中的签名就可以通过了，弹窗出来【config：ok】，此时分享给他人就能够成功了。

为了解决这个问题，花了两天，故做一下记录。在此感谢各路大神提供的解决方案

关于微新分享PC微信端成功，手机微信失败相关推荐

h5微信页面在手机微信端和微信web开发者工具中都能正常显示，但是在pc端微信浏览器上打不开（显示空白）...
h5微信页面在手机微信和微信开发者工具中都能正常显示,但是在pc端微信浏览器上打不开或者数据加载不出来. 原因:pc端微信浏览器不支持ES6语法,我的代码中使用了一些ES6的特性解决:将ES6转换为 ...
h5微信页面在手机微信端和微信web开发者工具中都能正常显示，但是在pc端微信浏览器上打不开（显示空白）
记录一个最近在微信端页面开发时出现的问题:页面在手机微信端和微信web开发者工具中都能正常显示,但是在pc端微信浏览器上打不开(显示空白). 原因:pc端微信浏览器不支持es6,而我的代码使用了 le ...
【微信支付】微信端的手机网页支付开发流程
-----------------------------------------------------------------------------------------------1.微信 ...
Android手机怎么找回微信好友,安卓手机微信好友删了怎么找回恢复误删好友
安卓手机微信好友删了怎么找回?微信误删的好友怎么恢复回来呢?有人说我删了很久了,现在后混了想要把删除的好友再加回来,怎样操作才能成功恢复回来呢?根据数据恢复原理表明,就算是专业的数据恢复软件,也不可能 ...
iPhones刷机怎么备份微信记录 iPhone手机微信记录怎么备份
如今,手机是日常生活中不可或缺的一件物品了.而每个人的手机中基本上都有一款叫微信的社交软件,微信也成为了必不可少的一款社交软件.在使用微信的过程中会产生非常多重要的聊天记录.而在碰到换手机和刷机的情况 ...
微信支付成功但是微信分享却失败了
场景:项目进入到结束阶段了,进行测试,发现微信分享失败了但是微信支付却是可以的.然而微信只有在打包的情况下才可以正常跑通,但是打包了又没办法获取到错误日志. 分析:为解决上面的问题,我决定接一个错误分 ...
荒野行动pc端安卓手机微信投喂小游戏
步骤一:在微信内打开链接http://debugx5.qq.com 步骤二:根据图片配置好后,关闭这个页面(右下脚vconsole忽略,刚打开时,或许是没有的) 步骤三:微信进入喂驴小游戏.右下脚会出 ...
微信支付成功后回调失败
最近在做android微信支付功能,经过长久的调试,终于把能够正常支付了,但是支付成功后,点击完成,居然直接就finish掉,没有任何返回参数,这还怎么玩! 再次仔细看demo,demo有一个WXPa ...
微信开放平台开发第三方授权登陆（二）：PC网页端
微信开放平台开发系列文章: 微信开放平台开发第三方授权登陆(一):开发前期准备微信开放平台开发第三方授权登陆(二):PC网页端微信开放平台开发第三方授权登陆(三):Android客户端微信开放平 ...

关于微新分享PC微信端成功，手机微信失败

关于微新分享PC微信端成功，手机微信失败相关推荐

最新文章

热门文章