欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-06-15 23:40:03
前端时间很多人私信我,问我怎么修改。这里就直接把方法给出来,有什么不懂的可以来问一下我V:jh831x 。或者直接找我帮你制作,简单,方便,快捷这里我把方法分享出来、具体步骤:1、准备一个备案的域名和空间,绑定域名到该空间去。2、登录微信公众平台,进入“公众号设置”的功能设置里面填写js接口安全域名,这个要填写的是你微信浏览器要打开的域名地址,不能添加IP地址。3、引入js文件,在需要调用js接口的页面接入JS文件。http://res.wx.qq.com/open/js/jweixin-1....

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

实现后的效果

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

本文地址:https://blog.csdn.net/walajiao/article/details/107611897