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 相关文章推荐
基于JQuery实现相同内容合并单元格的代码
Jan 12 Javascript
jquery插件制作简单示例说明
Feb 03 Javascript
js中prototype用法详细介绍
Nov 14 Javascript
js数值和和字符串进行转换时可以对不同进制进行操作
Mar 05 Javascript
JS制作手机端自适应缩放显示
Jun 11 Javascript
Bootstrap模态对话框的简单使用
Apr 29 Javascript
jQuery实现微信长按识别二维码功能
Aug 26 Javascript
使用smartupload组件实现jsp+jdbc上传下载文件实例解析
Jan 05 Javascript
Vue 换肤的示例实践
Jan 23 Javascript
vue富文本框(插入文本、图片、视频)的使用及问题小结
Aug 17 Javascript
Vue实现底部侧边工具栏的实例代码
Sep 03 Javascript
Java 生成随机字符的示例代码
Jan 13 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
Yii学习总结之安装配置
2015/02/22 PHP
使用composer命令加载vendor中的第三方类库 的方法
2019/07/09 PHP
Javascript下判断是否为闰年的Datetime包
2010/10/26 Javascript
转换字符串为json对象的方法详解
2013/11/29 Javascript
jQuery圆形统计图开发实例
2015/01/04 Javascript
通过正则表达式获取url中参数的简单实现
2016/06/07 Javascript
JavaScript6 let 新语法优势介绍
2016/07/15 Javascript
JS判断来路是否是百度等搜索索引进行弹窗或自动跳转的实现代码
2016/10/09 Javascript
利用VUE框架,实现列表分页功能示例代码
2017/01/12 Javascript
使用原生的javascript来实现轮播图
2017/02/24 Javascript
jQuery中的deferred使用方法
2017/03/27 jQuery
微信小程序三级联动地址选择器的实例代码
2017/07/12 Javascript
jQuery完成表单验证的实例代码(纯代码)
2017/09/30 jQuery
Vue的H5页面唤起支付宝支付功能
2019/04/18 Javascript
vue的滚动条插件实现代码
2019/09/07 Javascript
Vue实现push数组并删除的例子
2019/11/01 Javascript
[01:02:48]2018DOTA2亚洲邀请赛 4.1 小组赛 A组 LGD vs OG
2018/04/02 DOTA
Python实现partial改变方法默认参数
2014/08/18 Python
Python爬取读者并制作成PDF
2015/03/10 Python
举例讲解Python面相对象编程中对象的属性与类的方法
2016/01/19 Python
解决python Markdown模块乱码的问题
2019/02/14 Python
浅析Python 实现一个自动化翻译和替换的工具
2019/04/14 Python
Python JSON编解码方式原理详解
2020/01/20 Python
详解基于Jupyter notebooks采用sklearn库实现多元回归方程编程
2020/03/25 Python
python如何建立全零数组
2020/07/19 Python
Python在线和离线安装第三方库的方法
2020/10/31 Python
python中round函数保留两位小数的方法
2020/12/04 Python
美国最大的宠物药店:1-800-PetMeds
2016/10/02 全球购物
RUIFIER官网:英国奢侈高级珠宝品牌
2020/06/12 全球购物
九月份红领巾广播稿
2014/01/22 职场文书
运输服务质量承诺书
2014/03/27 职场文书
警校毕业生自我评价
2014/04/06 职场文书
董事长秘书工作职责
2014/06/10 职场文书
2015年体育教师个人工作总结
2015/05/12 职场文书
天河观后感
2015/06/11 职场文书
《黄山奇石》教学反思
2016/02/18 职场文书