javascript实现微信分享

更新时间：2014年12月23日 10:51:37 投稿：hebedich

这篇文章主要介绍了javascript实现微信分享，非常的实用，小伙伴们参考下吧

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

<%@ 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">
    
<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>
       
            <h1>呵呵呵呵</h1>
</body>
</html>

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

您可能感兴趣的文章:

javascript hashtable实现代码
javascript中没有像c#,java那样的哈希表(hashtable), 然而，javascript中的Array也只有一些类似于'哈希表'的非常简单功能。
2009-10-10
前端开发之CSS原理详解
这篇文章主要介绍了前端开发之CSS原理详解的相关资料,需要的朋友可以参考下
2017-03-03
JS弹出对话框返回值代码(asp.net后台)
JS弹出对话框返回值代码，需要的朋友可以参考下。
2010-12-12
纯js实现悬浮按钮组件
这篇文章主要为大家详细介绍了纯js实现悬浮按钮组件的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-12-12
再论Javascript的类继承
说到Javascript的类继承，就必然离不开原型链，但只通过原型链实现的继承有着不少缺陷。
2011-03-03
JS实现仿京东淘宝竖排二级导航
本文给大家分享一段使用原生Javascript实现的仿京东淘宝竖排二级导航的代码，非常的实用，有需要的小伙伴参考下
2014-12-12
js实时获取并显示当前时间的方法
这篇文章主要介绍了js实时获取并显示当前时间的方法,涉及javascript针对时间及页面元素的相关操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下
2015-07-07
uniapp封装小程序雷达图组件的完整代码
组件是一个单独且可复用的功能模块的封装,每个组件，包括如下几个部分：以组件名称为标记的开始标签和结束标签、组件内容、组件属性、组件属性值,这篇文章主要给大家介绍了关于uniapp封装小程序雷达图组件的相关资料,需要的朋友可以参考下
2021-07-07
bootstrap布局中input输入框右侧图标点击功能
这篇文章主要为大家详细介绍了bootstrap布局中input输入框右侧图标点击功能实现的相关代码，感兴趣的小伙伴们可以参考一下
2016-05-05
小程序二次贝塞尔曲线实现购物车商品曲线飞入效果
这篇文章主要介绍了小程序二次贝塞尔曲线实现购物车商品曲线飞入效果，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2019-01-01