如何自定义修改微信链接、QQ链接的标题描述图片
前端时间很多人私信我,问我怎么修改。这里就直接把方法给出来,有什么不懂的可以来问一下我V:jh831x 。或者直接找我帮你制作,简单,方便,快捷
这里我把方法分享出来、
具体步骤:
1、准备一个备案的域名和空间,绑定域名到该空间去。
2、登录微信公众平台,进入“公众号设置”的功能设置里面填写js接口安全域名,这个要填写的是你微信浏览器要打开的域名地址,不能添加IP地址。
3、引入js文件,在需要调用js接口的页面接入JS文件。
http://res.wx.qq.com/open/js/jweixin-1.2.0.js
4、通过config接口注入权限并验证配置(这一步算是整个步骤中最关键的一步,必须正确的配置信息才可以进行调用JS-SDK。)
wx.config({
debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
appId: ‘’, // 必填,公众号的唯一标识
timestamp: , // 必填,生成签名的时间戳
nonceStr: ‘’, // 必填,生成签名的随机串
signature: ‘’,// 必填,签名,见附录1
jsApiList: [] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2
});
详细接入代码
-
(currentLink.indexOf("?") > -1 ? ("&u=" + “KaTeX parse error: Expected 'EOF', got '&' at position 10: {u!}" + "&̲t=" + "{t!}” + “&o=” + “KaTeX parse error: Expected 'EOF', got '&' at position 10: {o!}" + "&̲s=" + "{s!}”) : ("?u=" + “KaTeX parse error: Expected 'EOF', got '&' at position 10: {u!}" + "&̲t=" + "{t!}” + “&o=” + “KaTeX parse error: Expected 'EOF', got '&' at position 10: {o!}" + "&̲s=" + "{s!}”));
shareLink = shareLink + (shareLink.indexOf("?") > -1 ? ("&city=" + “深圳”) : ("?city=" + “深圳”));
var shareImgUrl = “${IMGPATH!}/images/banner2.png”;
var shareGid = “”;wx.ready(function () {
//分享给朋友
wx.onMenuShareAppMessage({
title: shareTitle,
desc: shareDesc,
link: shareLink,
imgUrl: shareImgUrl,
success: function (res) {
shared(shareLink, “friend”, shareGid);
},
fail: function (res) {
alert(JSON.stringify(res));
}
});
//分享到朋友圈
wx.onMenuShareTimeline({
title: shareTitle,
desc: shareDesc,
link: shareLink,
imgUrl: shareImgUrl,
success: function (res) {
shared(shareLink, “Timeline”, shareGid);
},
fail: function (res) {
alert(JSON.stringify(res));
}
});
//分享到QQ
wx.onMenuShareQQ({
title: shareTitle,
desc: shareDesc,
link: shareLink,
imgUrl: shareImgUrl,
success: function (res) {
shared(shareLink, “QQ”, shareGid);
},
fail: function (res) {
alert(JSON.stringify(res));
}
});
//分享到腾讯QQ
wx.onMenuShareWeibo({
title: shareTitle,
desc: shareDesc,
link: shareLink,
imgUrl: shareImgUrl,
success: function (res) {
shared(shareLink, “Weibo”, shareGid);
},
fail: function (res) {
alert(JSON.stringify(res));
}
});
//分享到QZone
wx.onMenuShareQZone({
title: shareTitle,
desc: shareDesc,
link: shareLink,
imgUrl: shareImgUrl,
success: function (res) {
shared(shareLink, “QZone”, shareGid);
},
fail: function (res) {
alert(JSON.stringify(res));
}
});
});
function shared(url, type, gid){
var rUrl = basePath + “/share/add?type=” + type + “&url=” + encodeURI(url);
if(!!gid) {
rUrl += “&gid=” + gid;
}
$.ajax({
type: “GET”,
url: rUrl,
dataType: “json”,
success: function(rs){
//alert(“分享成功”);
}
});
}
" ue_custom_node=“true”>
实现后的效果
本文地址:https://blog.csdn.net/walajiao/article/details/107611897