UDN-企业互联网技术人气社区

板块导航

浏览  : 1105
回复  : 2

[原生js] 微信分享的标题、缩略图、连接及描述设置方法

[复制链接]
西北的风的头像 楼主
发表于 2017-1-17 16:03:44 | 显示全部楼层 |阅读模式
        微信分享的标题、缩略图、连接及描述该如何设置,这个问题确实难道不少朋友,下面有个示例,大家可以看看

        微信分享的标题、缩略图、连接及描述该如何设置,使用微信分享过程中会遇到这个情况,无解的朋友可以看看下面的代码
  1. <script>
  2. var imgUrl = 'http://topic.xcar.com.cn/201403/ad_q3/pic/banner.jpg';
  3. var lineLink = 'http://topic.xcar.com.cn/201403/ad_q3/index.php';
  4. var descContent = "http://topic.xcar.com.cn/201403/ad_q3/index.php";
  5. var shareTitle = '【奥迪Q3开启尊享礼遇季】报名试驾,赢取精美礼品';
  6. var appid = 'wxc9937e3a66af6dc8';

  7. function shareFriend() {
  8. WeixinJSBridge.invoke('sendAppMessage',{
  9. "appid": appid,
  10. "img_url": imgUrl,
  11. "img_width": "640",
  12. "img_height": "640",
  13. "link": lineLink,
  14. "desc": descContent,
  15. "title": shareTitle
  16. }, function(res) {
  17. _report('send_msg', res.err_msg);
  18. })
  19. }
  20. function shareTimeline() {
  21. WeixinJSBridge.invoke('shareTimeline',{
  22. "img_url": imgUrl,
  23. "img_width": "640",
  24. "img_height": "640",
  25. "link": lineLink,
  26. "desc": descContent,
  27. "title": shareTitle
  28. }, function(res) {
  29. _report('timeline', res.err_msg);
  30. });
  31. }
  32. function shareWeibo() {
  33. WeixinJSBridge.invoke('shareWeibo',{
  34. "content": descContent,
  35. "url": lineLink,
  36. }, function(res) {
  37. _report('weibo', res.err_msg);
  38. });
  39. }
  40. // 当微信内置浏览器完成内部初始化后会触发WeixinJSBridgeReady事件。
  41. document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {

  42. // 发送给好友
  43. WeixinJSBridge.on('menu:share:appmessage', function(argv){
  44. shareFriend();
  45. });

  46. // 分享到朋友圈
  47. WeixinJSBridge.on('menu:share:timeline', function(argv){
  48. shareTimeline();
  49. });

  50. // 分享到微博
  51. WeixinJSBridge.on('menu:share:weibo', function(argv){
  52. shareWeibo();
  53. });
  54. }, false);
  55. </script>
复制代码


发表于 2017-1-17 16:04:16 | 显示全部楼层
LZ敢整点更有创意的不?兄弟们等着围观捏~
使用道具 举报

回复

发表于 2017-1-17 16:04:17 | 显示全部楼层
总觉得哪里有点问题啊
使用道具 举报

回复

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关于我们
联系我们
  • 电话:010-86393388
  • 邮件:udn@yonyou.com
  • 地址:北京市海淀区北清路68号
移动客户端下载
关注我们
  • 微信公众号:yonyouudn
  • 扫描右侧二维码关注我们
  • 专注企业互联网的技术社区
版权所有:用友网络科技股份有限公司82041 京ICP备05007539号-11 京公网网备安1101080209224 Powered by Discuz!
快速回复 返回列表 返回顶部