使用js实现微信分享功能的实例代码
- 微信应用
- 2024-10-14 21:10:01
使用js实现微信分享功能的实例代码
这篇文章主要介绍了js实现微信分享朋友链接显示,对学习ASP.NET编程技术有所帮助,感兴趣的小伙伴们可以参考一下
这篇文章主要介绍了js实现微信分享朋友链接显示,对学习ASP.NET编程技术有所帮助,感兴趣的小伙伴们可以参考一下
这篇文章主要介绍了js实现微信分享朋友链接显示,对学习asp.net编程技术有所帮助,感兴趣的小伙伴们可以参考一下
通常自己做的一个页面想通过微信像朋友分享时,展示的标题和描述都是不是自己想要的,自己查了一些资料,原来是通过js来进行控制展示效果如下:
标题、描述、还有分享的图片都是有js来控制的。js代码如下
<script> var dataForWeixin = { appId: "", MsgImg: "Christmas/201012189457639.gif",//显示图片 TLImg: "Christmas/201012189457639.gif",//显示图片 url: "Christmas/6.html?stra=!u738B!u4F1F",//跳转地址 title: "将我的思念和祝福送给您,颐养源祝大家圣诞快乐",//标题内容 desc: "将我的思念和祝福送给您,颐养源祝大家圣诞快乐",//描述内容 fakeid: "", callback: function () { } }; (function () { var onBridgeReady = function () { WeixinJSBridge.on('menu:share:appmessage', function (argv) { WeixinJSBridge.invoke('sendAppMessage', { "appid": dataForWeixin.appId, "img_url": dataForWeixin.MsgImg, "img_width": "120", "img_height": "120", "link": dataForWeixin.url, "desc": dataForWeixin.desc, "title": dataForWeixin.title }, function (res) { (dataForWeixin.callback)(); }); }); WeixinJSBridge.on('menu:share:timeline', function (argv) { (dataForWeixin.callback)(); WeixinJSBridge.invoke('shareTimeline', { "img_url": dataForWeixin.TLImg, "img_width": "120", "img_height": "120", "link": dataForWeixin.url, "desc": dataForWeixin.desc, "title": dataForWeixin.title }, function (res) { }); }); WeixinJSBridge.on('menu:share:weibo', function (argv) { WeixinJSBridge.invoke('shareWeibo', { "content": dataForWeixin.title, "url": dataForWeixin.url }, function (res) { (dataForWeixin.callback)(); }); }); WeixinJSBridge.on('menu:share:facebook', function (argv) { (dataForWeixin.callback)(); WeixinJSBridge.invoke('shareFB', { "img_url": dataForWeixin.TLImg, "img_width": "120", "img_height": "120", "link": dataForWeixin.url, "desc": dataForWeixin.desc, "title": dataForWeixin.title }, function (res) { }); }); }; if (document.addEventListener) { document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false); } else if (document.attachEvent) { document.attachEvent('WeixinJSBridgeReady', onBridgeReady); document.attachEvent('onWeixinJSBridgeReady', onBridgeReady); } })();</script>使用js实现微信分享功能的实例代码由讯客互联微信应用栏目发布,感谢您对讯客互联的认可,以及对我们原创作品以及文章的青睐,非常欢迎各位朋友分享到个人网站或者朋友圈,但转载请说明文章出处“使用js实现微信分享功能的实例代码”