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 相关文章推荐
javascript操作cookie的文章(设置,删除cookies)
Apr 01 Javascript
基于Jquery的文字滚动跑马灯插件(一个页面多个滚动区)
Jul 26 Javascript
jquery下jstree简单应用 - v1.0
Apr 14 Javascript
浏览器打开层自动缓慢展开收缩实例代码
Jul 04 Javascript
js Select下拉列表框进行多选、移除、交换内容的具体实现方法
Aug 13 Javascript
js动态切换图片的方法
Jan 20 Javascript
基于Flowplayer打造一款免费的WEB视频播放器附源码
Sep 06 Javascript
js从数组中删除指定值(不是指定位置)的元素实现代码
Sep 13 Javascript
jQuery 常见小例汇总
Dec 14 Javascript
在小程序中使用canvas的方法示例
Sep 17 Javascript
解决axios会发送两次请求,有个OPTIONS请求的问题
Oct 25 Javascript
详解vue 组件
Jun 11 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
php的curl实现get和post的代码
2008/08/23 PHP
基于PHP读取csv文件内容的详解
2013/06/18 PHP
[原创]ThinkPHP中SHOW_RUN_TIME不能正常显示运行时间的解决方法
2015/10/10 PHP
PHP实现单文件、多个单文件、多文件上传函数的封装示例
2019/09/02 PHP
Javascript中的变量使用说明
2010/05/18 Javascript
JavaScript 联动的无限级封装类,数据采用非Ajax方式,随意添加联动
2010/06/29 Javascript
js网页中的(运行代码)功能实现思路
2013/02/04 Javascript
用html+css+js实现的一个简单的图片切换特效
2014/05/28 Javascript
javascript中sort()的用法实例分析
2015/01/30 Javascript
JS实现支持Ajax验证的表单插件
2016/03/24 Javascript
vue与bootstrap实现时间选择器的示例代码
2017/08/26 Javascript
C#实现将一个字符转换为整数
2017/12/12 Javascript
vue router嵌套路由在history模式下刷新无法渲染页面问题的解决方法
2018/01/25 Javascript
Angular6 正则表达式允许输入部分中文字符
2018/09/10 Javascript
详解vue或uni-app的跨域问题解决方案
2020/02/21 Javascript
[13:38]2015国际邀请赛中国战队出征仪式
2015/05/29 DOTA
[03:00]2018完美盛典_最佳英雄奖
2018/12/17 DOTA
[57:22]完美世界DOTA2联赛PWL S2 FTD vs PXG 第二场 11.27
2020/12/01 DOTA
python中pass语句用法实例分析
2015/04/30 Python
在Python中操作列表之list.extend()方法的使用
2015/05/20 Python
深入解析Python中的变量和赋值运算符
2015/10/12 Python
玩转python爬虫之正则表达式
2016/02/17 Python
让python 3支持mysqldb的解决方法
2017/02/14 Python
django admin 自定义替换change页面模板的方法
2019/08/23 Python
matplotlib之pyplot模块坐标轴标签设置使用(xlabel()、ylabel())
2021/02/22 Python
CSS3实例分享--超炫checkbox复选框和radio单选框
2014/09/01 HTML / CSS
科尔士百货公司官网:Kohl’s
2016/07/11 全球购物
新加坡最受追捧的体验平台:Hapz
2018/01/01 全球购物
澳大利亚最大的网上油画销售画廊:Direct Art Australia
2018/04/15 全球购物
英国绿色商店:Natural Collection
2019/05/03 全球购物
如何设定的weblogic的热启动模式(开发模式)与产品发布模式
2012/09/08 面试题
枚举与#define宏的区别
2014/04/30 面试题
水务局局长岗位职责
2013/11/28 职场文书
关于远足的感想
2015/08/10 职场文书
女人创业励志语录,句句蕴含能量,激发你的潜能
2019/08/20 职场文书
uniapp引入支付宝原生扫码插件步骤详解
2022/07/23 Javascript