关于微信分享链接自定义出现fail,link must be in js secure domain list

前言:
后端代码就不用说了,能正常获取到数据。。。
用微信pc端分享能成功,但是真机却不行

官方文档

后期会加上整个代码或者是会加上参考的链接。

遇到 的问题其实可能会存在三个原因

一:

域名配置问题,这也是前提,域名的备案,以及添加到微信公众号的“JS接口安全域名”里面去,将上面的文件下载下来放到服务器上面去。

二:

在这里插入图片描述
jssdk现在最新(2021.4.29)的是1.6.0版本,有些接口说要废弃,为了避免偶然有天不成功然后又浪费时间排查问题,还是最开始就使用最新的接口,也就是updateAppMessageShareDataupdateTimelineShareData这两个接口。但是会出现分享不是定义的文字和图片。需要在上面加上老接口。

jsApiList: [
	"updateAppMessageShareData", //好友
	"updateTimelineShareData", //空间&朋友圈
	"onMenuShareAppMessage",
	"onMenuShareTimeline"
	]

当然若是在ready里面使用了onMenuShareAppMessage接口就会优先使用该接口,没有就是使用updateAppMessageShareData接口。

三:

这个问题就是我排查最久的原因了。也是我遇到的。
最开始,在调试的时候,pc端分享出去成功了,但是却发现访问不了,用的是local.href获取地址放到link里面去。然后复制链接发现地址是http://http://www…,找到一篇博客上面就说在link上面不能加http://,后面会添加上去,随后我就各种遇到这个

fail,link must be in js secure domain list

根据各种情况下,排除了所有的可能性之后,剩下的再难以接受也是事实。。。最后偶然的脑壳就试了一下将==http://==加上去就成功了。

为了将上线所以就直接使用了固定的网址,等哪天想起来的时候再动态获取地址。

wx.ready(function() {

		wx.updateAppMessageShareData({
			title: '城市高楼里“996”生活的疲惫', // 分享标题
			desc: '“996”“886”五一我要666', // 分享描述
			link: 'http://www.*****/index.html',
			imgUrl: 'http://www.******/img/wx.png', // 分享图标
			success: function() {
				//	      JSON.stringify(res)	// 设置成功
				//			alert("分享成功")
			}
		});
	});	

PS:加不加http://微信端分享出去都能正常分享。但是真机不加直接显示(调试模式下)fail,link must be in js secure domain list

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

用这个获取地址

PS:可能后期会修改文章,如有错误的地方请指教。

坚持学习,书写谁都修复不了的bug

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐