js实现通用的微信分享组件示例


Posted in Javascript onMarch 10, 2014

一、可定义的信息

1、分享时显示的LOGO;
2、分享LOGO的宽度;
3、分享LOGO的高度;
4、分享出去显示的标题(默认调用网页标题);
5、分享出去显示的描述(默认调用网页标题);
6、分享链接(默认为当前页面的URL)。
7、分享微信的APPID(一般为空)。

二、使用方法

1、引入微信分享组件js:

/*******************************
 * Author:Mr.Think
 * Description:微信分享通用代码
 * 使用方法:_WXShare('分享显示的LOGO','LOGO宽度','LOGO高度','分享标题','分享描述','分享链接','微信APPID(一般不用填)');
 *******************************/
function _WXShare(img,width,height,title,desc,url,appid){
    //初始化参数
    img=img||'http://a.zhixun.in/plug/img/ico-share.png';
    width=width||100;
    height=height||100;
    title=title||document.title;
    desc=desc||document.title;
    url=url||document.location.href;
    appid=appid||'';
    //微信内置方法
    function _ShareFriend() {
        WeixinJSBridge.invoke('sendAppMessage',{
              'appid': appid,
              'img_url': img,
              'img_width': width,
              'img_height': height,
              'link': url,
              'desc': desc,
              'title': title
              }, function(res){
                _report('send_msg', res.err_msg);
          })
    }
    function _ShareTL() {
        WeixinJSBridge.invoke('shareTimeline',{
              'img_url': img,
              'img_width': width,
              'img_height': height,
              'link': url,
              'desc': desc,
              'title': title
              }, function(res) {
              _report('timeline', res.err_msg);
              });
    }
    function _ShareWB() {
        WeixinJSBridge.invoke('shareWeibo',{
              'content': desc,
              'url': url,
              }, 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){
                _ShareTL();
                });
            // 分享到微博
            WeixinJSBridge.on('menu:share:weibo', function(argv){
                _ShareWB();
           });
    }, false);
}
Javascript 相关文章推荐
走出JavaScript初学困境—js初学
Dec 29 Javascript
Extjs学习笔记之六 面版
Jan 08 Javascript
javascript图像处理—仿射变换深度理解
Jan 16 Javascript
jQuery方法简洁实现隔行换色及toggleClass的使用
Mar 15 Javascript
jquery绑定事件不生效的解决方法
Feb 11 Javascript
JS数组的赋值介绍
Mar 10 Javascript
JS实现固定在右下角可展开收缩DIV层的方法
Feb 13 Javascript
解析利用javascript如何判断一个数为素数
Dec 08 Javascript
JS经典正则表达式笔试题汇总
Dec 15 Javascript
JS中Map和ForEach的区别
Feb 05 Javascript
微信小程序实现动态显示和隐藏某个控件功能示例
Dec 14 Javascript
JS三级联动代码格式实例详解
Dec 30 Javascript
jquery基础教程之数组使用详解
Mar 10 #Javascript
查询json的数据结构的8种方式简介
Mar 10 #Javascript
js 3秒后跳转页面的实现代码
Mar 10 #Javascript
php is_numberic函数造成的SQL注入漏洞
Mar 10 #Javascript
关于JavaScript对象的动态选择及遍历对象
Mar 10 #Javascript
使用js操作css实现js改变背景图片示例
Mar 10 #Javascript
红米手机抢购的js代码
Mar 10 #Javascript
You might like
php中json_encode中文编码问题分析
2011/09/13 PHP
php数组声明、遍历、数组全局变量使用小结
2013/06/05 PHP
PHP使用HTML5 FileApi实现Ajax上传文件功能示例
2019/07/01 PHP
this[] 指的是什么内容 讨论
2007/03/24 Javascript
一些技巧性实用js代码小结
2009/10/14 Javascript
javascript实现信息的显示和隐藏如注册页面
2013/12/03 Javascript
js 获取input点选按钮的值的方法
2014/04/14 Javascript
JavaScript代码编写中各种各样的坑和填坑方法
2014/06/06 Javascript
浅谈JavaScript中Date(日期对象),Math对象
2015/02/05 Javascript
限制只能输入数字的实现代码
2016/05/16 Javascript
Angularjs自定义指令实现三级联动 选择地理位置
2017/02/13 Javascript
webpack2.0搭建前端项目的教程详解
2017/04/05 Javascript
Vue-cli中为单独页面设置背景色的实现方法
2018/02/11 Javascript
angular-tree-component的使用详解
2018/07/30 Javascript
微信小程序地图绘制线段并且测量(实例代码)
2020/01/02 Javascript
Handtrack.js库实现实时监测手部运动(推荐)
2021/02/08 Javascript
Python字符串中查找子串小技巧
2015/04/10 Python
为Python程序添加图形化界面的教程
2015/04/29 Python
python+influxdb+shell编写区域网络状况表
2018/07/27 Python
python实现微信小程序自动回复
2018/09/10 Python
python 自动重连wifi windows的方法
2018/12/18 Python
Python:Numpy 求平均向量的实例
2019/06/29 Python
pytorch:实现简单的GAN示例(MNIST数据集)
2020/01/10 Python
如何使用PyCharm将代码上传到GitHub上(图文详解)
2020/04/27 Python
Python3实现建造者模式的示例代码
2020/06/28 Python
python实现图片,视频人脸识别(opencv版)
2020/11/18 Python
巴西在线鞋店:Shoestock
2017/10/28 全球购物
巴西独家产品和现场演示购物网站:Shoptime
2019/07/11 全球购物
经典优秀个人求职自荐信格式
2013/09/25 职场文书
领导党的群众路线教育实践活动个人对照检查材料
2014/09/23 职场文书
单位工作证明书格式
2014/10/04 职场文书
2014年政风行风工作总结
2014/11/22 职场文书
加强党性修养心得体会
2016/01/21 职场文书
Python基于Opencv识别两张相似图片
2021/04/25 Python
python中pycryto实现数据加密
2022/04/29 Python
Apache自带的ab压力测试工具的实现
2022/07/23 Servers