当前位置： 移动技术网 > IT编程>开发语言>JavaScript > 如何自定义修改微信链接、QQ链接的标题描述图片

如何自定义修改微信链接、QQ链接的标题描述图片

2020年07月29日  | 移动技术网IT编程  | 我要评论

前端时间很多人私信我，问我怎么修改。这里就直接把方法给出来，有什么不懂的可以来问一下我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

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网