300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > 微信分享链接标题和小图片-不通过公众号接口开发

微信分享链接标题和小图片-不通过公众号接口开发

时间:2022-07-11 01:29:45

相关推荐

微信分享链接标题和小图片-不通过公众号接口开发

方法一:不通过公众号接口开发

在boby 和head之间添加下面的代码即可,图片路径自行修改。

注意这个图片必须是大于300px300px的

<body><div style ='margin:0 auto;width:0px;height:0px;overflow:hidden; ' ><img src='/image/data/pic300.jpg' / ></div></body>

方法二:通过公众号接口开发

var imgUrl = '/images/share.jpg'; // 分享后展示的一张图片var lineLink = ''; // 点击分享后跳转的页面地址var descContent = "小灰博客,敬请访问!"; // 分享后的描述信息var shareTitle = '小灰博客'; // 分享后的标题var appid = ''; // 应用id,如果有可以填,没有就留空function shareFriend() {WeixinJSBridge.invoke('sendAppMessage',{"appid": appid,"img_url": imgUrl,"img_width": "200","img_height": "200","link": lineLink,"desc": descContent,"title": shareTitle}, function(res) {//_report('send_msg', res.err_msg); // 这是回调函数,必须注释掉})}function shareTimeline() {WeixinJSBridge.invoke('shareTimeline',{"img_url": imgUrl,"img_width": "200","img_height": "200","link": lineLink,"desc": descContent,"title": shareTitle}, function(res) {//_report('timeline', res.err_msg); // 这是回调函数,必须注释掉});}function shareWeibo() {WeixinJSBridge.invoke('shareWeibo',{"content": descContent,"url": lineLink,}, function(res) {//_report('weibo', res.err_msg);});}// 当微信内置浏览器完成内部初始化后会触发WeixinJSBridgeReady事件。document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {// 发送给好友WeixinJSBridge.on('menu:share:appmessage', function(argv){shareFriend();});// 分享到朋友圈WeixinJSBridge.on('menu:share:timeline', function(argv){shareTimeline();});// 分享到微博WeixinJSBridge.on('menu:share:weibo', function(argv){shareWeibo();});}, false);

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。