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 图片上传预览-兼容标准
Jun 01 Javascript
简单的Jquery遮罩层代码实例
Nov 14 Javascript
jquery.post用法之type设置问题
Feb 24 Javascript
javascript制作的cookie封装及使用指南
Jan 02 Javascript
javascript显示倒计时控制按钮的简单实现
Jun 07 Javascript
微信小程序实现图片上传、删除和预览功能的方法
Dec 18 Javascript
axios post提交formdata的实例
Mar 16 Javascript
vue init webpack myproject构建项目 ip不能访问的解决方法
Mar 20 Javascript
layui+jquery支持IE8的表格分页方法
Sep 28 jQuery
在vue+element ui框架里实现lodash的debounce防抖
Nov 13 Javascript
在vue中使用eslint,配合vscode的操作
Nov 09 Javascript
详解Vue中$props、$attrs和$listeners的使用方法
Feb 18 Vue.js
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
TMDPHP 模板引擎使用教程
2012/03/13 PHP
yii操作session实例简介
2014/07/31 PHP
PHP实现抓取HTTPS内容
2014/12/01 PHP
在Thinkphp中使用ajax实现无刷新分页的方法
2016/10/25 PHP
Ajax+Json 级联菜单实现代码
2009/10/27 Javascript
JavaScript获取页面上某个元素的代码
2011/03/13 Javascript
input 输入框获得/失去焦点时隐藏/显示文字(jquery版)
2013/04/02 Javascript
JQuery EasyUI 日期控件如何控制日期选择区间
2014/05/05 Javascript
jQuery根据ID获取input、checkbox、radio、select的示例
2014/08/11 Javascript
jquery隔行换色效果实现方法
2015/01/15 Javascript
jQuery判断元素上是否绑定了指定事件的方法
2015/03/17 Javascript
分享12个实用的jQuery代码片段
2016/03/09 Javascript
java中String类型变量的赋值问题介绍
2016/03/23 Javascript
JavaScript定义全局对象的方法示例
2017/01/12 Javascript
ES6中Proxy与Reflect实现重载(overload)的方法
2017/03/30 Javascript
详谈jQuery.load()和Jsp的include的区别
2017/04/12 jQuery
JavaScript实现三级联动菜单实例代码
2017/06/26 Javascript
Popup弹出框添加数据实现方法
2017/10/27 Javascript
JavaScript实现JSON合并操作示例【递归深度合并】
2018/09/07 Javascript
vue interceptor 使用教程实例详解
2018/09/13 Javascript
微信小程序日历效果
2018/12/29 Javascript
vue-cli3跨域配置的简单方法
2019/09/06 Javascript
JS计算斐波拉切代码实例
2019/09/12 Javascript
微信小程序连接服务器展示MQTT数据信息的实现
2020/07/14 Javascript
[00:15]天涯墨客终极技能展示
2018/08/25 DOTA
[02:36]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Magma 选手采访
2021/03/11 DOTA
什么是python的必选参数
2020/06/21 Python
CSS3 倾斜的网页图片库实例教程
2009/11/14 HTML / CSS
TALLY WEiJL法国网上商店:服装、时装及配饰
2019/08/31 全球购物
StringBuilder和String的区别
2015/05/18 面试题
党员公开承诺书内容
2014/05/20 职场文书
拓展策划方案
2014/06/03 职场文书
毕业实习单位意见
2015/06/04 职场文书
围城读书笔记
2015/06/26 职场文书
win11无线投屏在哪设置? win11无线投屏功能的使用方法
2022/04/08 数码科技
Android实现图片九宫格
2022/06/28 Java/Android