建站学院

当前位置:

利用js实现微信分享实例代码

浏览量:1650次

这篇文章主要介绍了js实现微信分享朋友链接显示,对学习asp.net编程技术有所帮助,感兴趣的小伙伴们可以参考一下

通常自己做的一个页面想通过微信像朋友分享时,展示的标题和描述都是不是自己想要的,自己查了一些资料,原来是通过js来进行控制
展示效果如下:

利用js实现微信分享实例代码

利用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>

[声明]本网转载网络媒体稿件是为了传播更多的信息,此类稿件不代表本网观点,本网不承担此类稿件侵权行为的连带责任。故此,如果您发现本网站的内容侵犯了您的版权,请您的相关内容发至此邮箱【915688610@qq.com】,我们在确认后,会立即删除,保证您的版权。