javascript实现微信分享


Posted in Javascript onDecember 23, 2014

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

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<%

String path = request.getContextPath();

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

  <head>

    <base href="<%=basePath%>">

    <title>喝喝</title>

    <meta http-equiv="pragma" content="no-cache">

    <meta http-equiv="cache-control" content="no-cache">

    <meta http-equiv="expires" content="0">    

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

    <meta http-equiv="description" content="This is my page">

    <!--

    <link rel="stylesheet" type="text/css" href="styles.css">

    -->

<script>

var imgUrl = 'http://qqfood.tc.qq.com/meishio/16/4585bf7c-be04-420f-ac8a-2dba61a7561f/0';

var lineLink = 'http://life.qq.com/weixin/r/lottery/13826036970196242008#wechat_redirect';

var descContent = "万达狂欢节, 夺宝幸运星大抽奖活动开始啦!";

var shareTitle = '万达狂欢节';

var appid = 'wxc9937e3a66af6dc8';

function shareFriend() {

    WeixinJSBridge.invoke('sendAppMessage',{

                            "appid": appid,

                            "img_url": imgUrl,

                            "img_width": "640",

                            "img_height": "640",

                            "link": lineLink,

                            "desc": descContent,

                            "title": shareTitle

                            }, function(res) {

                            _report('send_msg', res.err_msg);

                            })

}

function shareTimeline() {

    WeixinJSBridge.invoke('shareTimeline',{

                            "img_url": imgUrl,

                            "img_width": "640",

                            "img_height": "640",

                            "link": lineLink,

                            "desc": descContent,

                            "title": shareTitle

                            }, function(res) {

                            _report('timeline', res.err_msg);

                            });

}

function shareWeibo() {

    WeixinJSBridge.invoke('shareWeibo',{

                            "content": descContent,

                            "url": lineLink,

                            }, function(res) {

                            _report('weibo', res.err_msg);

                            });

}

// 当微信内置浏览器完成内部初始化后会触发WeixinJSBridgeReady事件。

document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {

        // 发送给好友

        WeixinJSBridge.on('menu:share:appmessage', function(argv){

            shareFriend();

            });

        // 分享到朋友圈

        WeixinJSBridge.on('menu:share:timeline', function(argv){

            shareTimeline();

            });

        // 分享到微博

        WeixinJSBridge.on('menu:share:weibo', function(argv){

            shareWeibo();

            });

        }, false);

</script>
  </head>

  

  <body>

       <!-- <script>

       var imgUrl = "http://tkfeng.hk.myjsp.wang/jianwuye/img/avatar1.jpg";

         var lineLink = "http://tkfeng.hk.myjsp.wang/jianwuye/login.html";

         var descContent = '测试别当真';

         var shareTitle = '分享';

        var appid = 'wx1259b351c201841d';

        function shareFriend() {

            WeixinJSBridge.invoke('sendAppMessage',{

                "appid": appid,

                "img_url": imgUrl,

                "img_width": "200",

                "img_height": "200",

                "link": lineLink,

                "desc": descContent,

                "title": shareTitle

            }, function(res) {

                //_report('send_msg', res.err_msg);

            });

        }

        function shareTimeline() {

            WeixinJSBridge.invoke('shareTimeline',{

                "img_url": imgUrl,

                "img_width": "200",

                "img_height": "200",

                "link": lineLink,

                "desc": descContent,

                "title": shareTitle

            }, function(res) {

                   //_report('timeline', res.err_msg);

            });

        }

        function shareWeibo() {

            WeixinJSBridge.invoke('shareWeibo',{

                "content": descContent,

                "url": lineLink,

            }, function(res) {

                //_report('weibo', res.err_msg);

            });

        }

        // 当微信内置浏览器完成内部初始化后会触发WeixinJSBridgeReady事件。

        document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {

            // 发送给好友

            WeixinJSBridge.on('menu:share:appmessage', function(argv){

                shareFriend();

            });

            // 分享到朋友圈

            WeixinJSBridge.on('menu:share:timeline', function(argv){

                shareTimeline();

            });

            // 分享到微博

            WeixinJSBridge.on('menu:share:weibo', function(argv){

                shareWeibo();

            });

        }, false);

        </script> -->

            <h1>呵呵呵呵</h1>           

  </body>

</html>

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

Javascript 相关文章推荐
利用Ext Js生成动态树实例代码
Sep 08 Javascript
js 动态添加标签(新增一行,其实很简单,就是几个函数的应用)
Mar 26 Javascript
JavaScript 开发规范要求(图文并茂)
Jun 11 Javascript
JavaScript中__proto__与prototype的关系深入理解
Dec 04 Javascript
window.print打印指定div实例代码
Dec 13 Javascript
Vue.js组件tabs实现选项卡切换效果
Dec 01 Javascript
vue.js+Echarts开发图表放大缩小功能实例
Jun 09 Javascript
Vue 2.5 Level E 发布了: 新功能特性一览
Oct 24 Javascript
基于vue打包后字体和图片资源失效问题的解决方法
Mar 06 Javascript
React-redux实现小案例(todolist)的过程
Sep 29 Javascript
layui form表单提交后实现自动刷新
Oct 25 Javascript
ES2020让代码更优美的运算符 (?.) (??)
Jan 04 Javascript
JSON取值前判断
Dec 23 #Javascript
jQuery基础语法实例入门
Dec 23 #Javascript
jQuery回调函数的定义及用法实例
Dec 23 #Javascript
jQuery中odd选择器的定义和用法
Dec 23 #Javascript
浅析javascript 定时器
Dec 23 #Javascript
JavaScript中自定义事件用法分析
Dec 23 #Javascript
jQuery中even选择器的定义和用法
Dec 23 #Javascript
You might like
Javascript !!的作用
2008/12/04 Javascript
可以将word转成html的js代码
2010/04/11 Javascript
jquery异步请求实例代码
2011/06/21 Javascript
document.write()及其输出内容的样式、位置控制
2013/08/12 Javascript
js不能获取隐藏的div的宽度只能先显示后获取
2014/09/04 Javascript
EasyUi datagrid 实现表格分页
2015/02/10 Javascript
JavaScript弹出新窗口后向父窗口输出内容的方法
2015/04/06 Javascript
简述JavaScript的正则表达式中test()方法的使用
2015/06/16 Javascript
Bootstrap菜单按钮及导航实例解析
2016/09/09 Javascript
Bootstrap 设置datetimepicker在屏幕上面弹出设置方法
2017/03/21 Javascript
vue实现底部菜单功能
2018/07/24 Javascript
浅谈Vue.js路由管理器 Vue Router
2018/08/16 Javascript
bootstrap与pagehelper实现分页效果
2018/12/29 Javascript
解决JQuery的ajax函数执行失败alert函数弹框一闪而过问题
2019/04/10 jQuery
vue elementUI table 自定义表头和行合并的实例代码
2019/05/22 Javascript
JavaScript实现瀑布流布局的3种方式
2020/12/27 Javascript
[04:59]DOTA2-DPC中国联赛 正赛 Ehome vs iG 选手采访
2021/03/11 DOTA
python中字典dict常用操作方法实例总结
2015/04/04 Python
Pycharm技巧之代码跳转该如何回退
2017/07/16 Python
python实现读取大文件并逐行写入另外一个文件
2018/04/19 Python
如何使用python爬虫爬取要登陆的网站
2019/07/12 Python
为什么从Python 3.6开始字典有序并效率更高
2019/07/15 Python
详解使用django-mama-cas快速搭建CAS服务的实现
2019/10/30 Python
Python 实现网课实时监控自动签到、打卡功能
2020/03/12 Python
python读取mysql数据绘制条形图
2020/03/25 Python
python boto和boto3操作bucket的示例
2020/10/30 Python
Expedia印度尼西亚站:预订酒店、廉价航班和度假套餐
2018/01/31 全球购物
如何让Java程序执行效率更高
2014/06/25 面试题
工作室成员个人发展规划范文
2014/01/24 职场文书
自行车广告词大全
2014/03/21 职场文书
小学生保护环境倡议书
2014/05/15 职场文书
中学生教师节演讲稿
2014/09/03 职场文书
群众路线教育实践活动整改落实情况汇报
2014/10/28 职场文书
2015感人爱情寄语
2015/02/26 职场文书
matplotlib画混淆矩阵与正确率曲线的实例代码
2021/06/01 Python
Java面试题冲刺第十五天--设计模式
2021/08/07 面试题