最新链接分享给微信好友和微信朋友圈带图标和摘要的方法

本文详细介绍了如何使用微信jssdk在分享到微信好友和朋友圈时添加图标和摘要。涉及前端代码、后端签名生成以及填坑技巧,包括检查IP白名单、验证AppID和AppSecret、设置JS接口安全域名等关键步骤,同时提供了清理微信浏览器缓存和使用微信开发者工具调试的方法。
摘要由CSDN通过智能技术生成

首先这一定需要使用微信jssdk,但是在你使用了微信jssdk之后,依旧分享的链接不带图标和摘要,那就看看我踩的坑吧。

前端代码

我这里引入了jQuery(不用jQuery的写法的话可以不引入),然后这里就是必须引入最新的微信jssdk:https://res2.wx.qq.com/open/js/jweixin-1.6.0.js
最新的微信jssdk已经舍弃了之前的分享接口,最新的分享接口是:updateAppMessageShareDataupdateTimelineShareData
前端代码如下:

<script src="https://res2.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
var url = location.href;
$.ajax({
   
	type: "get",
	url: "https://你的网址/wxjssdk.php?url=" + url,
	dataType: "json",
	success: function(res) {
   
		if (res.code === 200) {
   
			wx.config({
   
				debug: false,
				appId: res.data.appId,
				timestamp: res.data.timestamp,
				nonceStr: res.data.nonceStr,
				signature: res.data.signature,
				jsApiList: [
					'updateAppMessageShareData',
					'updateTimelineShareData'
				]
			});
			wx.ready(function() {
   
				wx.updateAppMessageShareData({
   
					title: res.data.title,
					desc: res.data.desc,
					link: res.data.link,
					imgUrl: res.data.imgUrl,
					success: function() {
   
						console.log('分享成功');
					}
				});
				wx.updateTimelineShareData({
   
					title: res.data.title,
					link: res.data.link,
					imgUrl: res.data.imgUrl,
					success: function() {
   
						console.log('分享成功');
					}
				})
			});
		}
	}
})
</script>
后端代码

前端需要ajax请求后端进行签名和获取token,请求的后端https://你的网址/wxjssdk.php文件代码如下:

<?php
/**
 * 微信JsSDK
 * Class JsSDK
 */
class JsSDK {
   
    private $appId;
    private $appSecret;
    
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值