首页 > 微信应用  > 

使用js实现微信分享功能的实例代码

使用js实现微信分享功能的实例代码
这篇文章主要介绍了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(&#39;menu:share:appmessage&#39;, function (argv) { WeixinJSBridge.invoke(&#39;sendAppMessage&#39;, { "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(&#39;menu:share:timeline&#39;, function (argv) { (dataForWeixin.callback)(); WeixinJSBridge.invoke(&#39;shareTimeline&#39;, { "img_url": dataForWeixin.TLImg, "img_width": "120", "img_height": "120", "link": dataForWeixin.url, "desc": dataForWeixin.desc, "title": dataForWeixin.title }, function (res) { }); }); WeixinJSBridge.on(&#39;menu:share:weibo&#39;, function (argv) { WeixinJSBridge.invoke(&#39;shareWeibo&#39;, { "content": dataForWeixin.title, "url": dataForWeixin.url }, function (res) { (dataForWeixin.callback)(); }); }); WeixinJSBridge.on(&#39;menu:share:facebook&#39;, function (argv) { (dataForWeixin.callback)(); WeixinJSBridge.invoke(&#39;shareFB&#39;, { "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(&#39;WeixinJSBridgeReady&#39;, onBridgeReady, false); } else if (document.attachEvent) { document.attachEvent(&#39;WeixinJSBridgeReady&#39;, onBridgeReady); document.attachEvent(&#39;onWeixinJSBridgeReady&#39;, onBridgeReady); } })();</script>

使用js实现微信分享功能的实例代码由讯客互联微信应用栏目发布,感谢您对讯客互联的认可,以及对我们原创作品以及文章的青睐,非常欢迎各位朋友分享到个人网站或者朋友圈,但转载请说明文章出处“使用js实现微信分享功能的实例代码