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

板块导航

浏览  : 814
回复  : 2

[原生js] JavaScript实现微信分享

[复制链接]
西北的风的头像 楼主
发表于 2017-1-17 16:11:31 | 显示全部楼层 |阅读模式
         这篇文章主要介绍了JavaScript实现微信分享,非常的实用,小伙伴们参考下吧

         代码很简单,我这里就不多废话了,直接奉上源码:

         复制代码 代码如下:
  1. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
  2. <%
  3. String path = request.getContextPath();
  4. String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
  5. %>
  6. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  7. <html>
  8.    <head>
  9.      <base href="<%=basePath%>">
  10.      <title>喝喝</title>
  11.      <meta http-equiv="pragma" content="no-cache">
  12.      <meta http-equiv="cache-control" content="no-cache">
  13.      <meta http-equiv="expires" content="0">   
  14.      <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
  15.      <meta http-equiv="description" content="This is my page">
  16.      <!--
  17.     <link rel="stylesheet" type="text/css" href="styles.css">
  18.      -->
  19. <script>
  20. var imgUrl = 'http://qqfood.tc.qq.com/meishio/16/4585bf7c-be04-420f-ac8a-2dba61a7561f/0';
  21. var lineLink = 'http://life.qq.com/weixin/r/lottery/13826036970196242008#wechat_redirect';
  22. var descContent = "万达狂欢节, 夺宝幸运星大抽奖活动开始啦!";
  23. var shareTitle = '万达狂欢节';
  24. var appid = 'wxc9937e3a66af6dc8';
  25. function shareFriend() {
  26.      WeixinJSBridge.invoke('sendAppMessage',{
  27.                              "appid": appid,
  28.                              "img_url": imgUrl,
  29.                              "img_width": "640",
  30.                              "img_height": "640",
  31.                              "link": lineLink,
  32.                              "desc": descContent,
  33.                              "title": shareTitle
  34.                              }, function(res) {
  35.                              _report('send_msg', res.err_msg);
  36.                              })
  37. }
  38. function shareTimeline() {
  39.      WeixinJSBridge.invoke('shareTimeline',{
  40.                              "img_url": imgUrl,
  41.                              "img_width": "640",
  42.                              "img_height": "640",
  43.                              "link": lineLink,
  44.                              "desc": descContent,
  45.                              "title": shareTitle
  46.                              }, function(res) {
  47.                              _report('timeline', res.err_msg);
  48.                              });
  49. }
  50. function shareWeibo() {
  51.      WeixinJSBridge.invoke('shareWeibo',{
  52.                              "content": descContent,
  53.                              "url": lineLink,
  54.                              }, function(res) {
  55.                              _report('weibo', res.err_msg);
  56.                              });
  57. }
  58. // 当微信内置浏览器完成内部初始化后会触发WeixinJSBridgeReady事件。
  59. document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
  60.          // 发送给好友
  61.         WeixinJSBridge.on('menu:share:appmessage', function(argv){
  62.              shareFriend();
  63.              });
  64.          // 分享到朋友圈
  65.         WeixinJSBridge.on('menu:share:timeline', function(argv){
  66.              shareTimeline();
  67.              });
  68.          // 分享到微博
  69.         WeixinJSBridge.on('menu:share:weibo', function(argv){
  70.              shareWeibo();
  71.              });
  72.          }, false);
  73. </script>

  74.   </head>
  75.    
  76.    <body>
  77.         <!-- <script>
  78.         var imgUrl = "http://tkfeng.hk.myjsp.wang/jianwuye/img/avatar1.jpg";
  79.           var lineLink = "http://tkfeng.hk.myjsp.wang/jianwuye/login.html";
  80.           var descContent = '测试别当真';
  81.           var shareTitle = '分享';
  82.          var appid = 'wx1259b351c201841d';
  83.          function shareFriend() {
  84.              WeixinJSBridge.invoke('sendAppMessage',{
  85.                  "appid": appid,
  86.                  "img_url": imgUrl,
  87.                  "img_width": "200",
  88.                  "img_height": "200",
  89.                  "link": lineLink,
  90.                  "desc": descContent,
  91.                  "title": shareTitle
  92.              }, function(res) {
  93.                  //_report('send_msg', res.err_msg);
  94.              });
  95.          }
  96.          function shareTimeline() {
  97.              WeixinJSBridge.invoke('shareTimeline',{
  98.                  "img_url": imgUrl,
  99.                  "img_width": "200",
  100.                  "img_height": "200",
  101.                  "link": lineLink,
  102.                  "desc": descContent,
  103.                  "title": shareTitle
  104.              }, function(res) {
  105.                     //_report('timeline', res.err_msg);
  106.              });
  107.          }
  108.          function shareWeibo() {
  109.              WeixinJSBridge.invoke('shareWeibo',{
  110.                  "content": descContent,
  111.                  "url": lineLink,
  112.              }, function(res) {
  113.                  //_report('weibo', res.err_msg);
  114.              });
  115.          }
  116.          // 当微信内置浏览器完成内部初始化后会触发WeixinJSBridgeReady事件。
  117.         document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
  118.              // 发送给好友
  119.             WeixinJSBridge.on('menu:share:appmessage', function(argv){
  120.                  shareFriend();
  121.              });
  122.              // 分享到朋友圈
  123.             WeixinJSBridge.on('menu:share:timeline', function(argv){
  124.                  shareTimeline();
  125.              });
  126.              // 分享到微博
  127.             WeixinJSBridge.on('menu:share:weibo', function(argv){
  128.                  shareWeibo();
  129.              });
  130.          }, false);
  131.          </script> -->
  132.              <h1>呵呵呵呵</h1>           
  133.    </body>
  134. </html>
复制代码

       是不是很好用呢小伙伴们。大家美化下用到自己的项目中去吧

相关帖子

发表于 2017-1-17 16:12:02 来自手机 | 显示全部楼层
路过 帮顶 嘿嘿
使用道具 举报

回复

发表于 2017-1-22 18:06:24 | 显示全部楼层
LZ是闲人,天天发帖,坚定完毕
使用道具 举报

回复

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

本版积分规则

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