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 相关文章推荐
js中继承的几种用法总结(apply,call,prototype)
Dec 26 Javascript
jQuery实现在列表的首行添加数据
May 19 Javascript
Seajs 简易文档 提供简单、极致的模块化开发体验
Apr 13 Javascript
JavaScript函数柯里化详解
Apr 29 Javascript
JavaScript 函数的执行过程
May 09 Javascript
JS使用cookie设置样式的方法
Jun 30 Javascript
关于TypeScript中import JSON的正确姿势详解
Jul 25 Javascript
JS+canvas绘制的动态机械表动画效果
Sep 12 Javascript
基于js中document.cookie全面解析
Sep 14 Javascript
详解 vue better-scroll滚动插件排坑
Feb 08 Javascript
原生js封装的ajax方法示例
Aug 02 Javascript
基于vue和react的spa进行按需加载的实现方法
Sep 29 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如何解决网站大流量与高并发的问题
2011/06/25 PHP
PHP字符串函数系列之nl2br(),在字符串中的每个新行 (\n) 之前插入 HTML 换行符br
2011/11/10 PHP
PHP中call_user_func_array()函数的用法演示
2012/02/05 PHP
php实现根据字符串生成对应数组的方法
2014/09/22 PHP
php静态文件生成类实例分析
2015/01/03 PHP
PHP中的表达式简述
2016/05/29 PHP
php 解决扫描二维码下载跳转问题
2017/01/13 PHP
PHP面向对象五大原则之依赖倒置原则(DIP)详解
2018/04/08 PHP
php实现微信企业转账功能
2018/10/02 PHP
Javascript实现图片轮播效果(一)让图片跳动起来
2016/02/17 Javascript
KnockoutJS 3.X API 第四章之数据控制流foreach绑定
2016/10/10 Javascript
最通俗易懂的javascript变量提升详解
2017/08/05 Javascript
Mac中安装nvm的教程分享
2017/12/11 Javascript
Javascript如何递归遍历本地文件夹
2020/08/06 Javascript
原生js实现购物车
2020/09/23 Javascript
Django Highcharts制作图表
2016/08/27 Python
Python 绘图库 Matplotlib 入门教程
2018/04/19 Python
Python使用googletrans报错的解决方法
2018/09/25 Python
浅析Python 引号、注释、字符串
2019/07/25 Python
python实现批量文件重命名
2019/10/31 Python
解决python和pycharm安装gmpy2 出现ERROR的问题
2020/08/28 Python
CSS3 渐变(Gradients)之CSS3 径向渐变
2016/07/08 HTML / CSS
英国知名的皮手套品牌:Dents
2016/11/13 全球购物
JACK & JONES英国官方网站:欧洲领先的男装生产商
2017/09/27 全球购物
Luxplus荷兰:以会员价购买美容产品等,独家优惠
2019/08/30 全球购物
教你怎样写好自我评价
2013/10/05 职场文书
高中自我鉴定范文
2013/11/03 职场文书
数控技术专科生自我评价
2014/01/08 职场文书
教师岗位聘任书范文
2014/03/29 职场文书
廉政教育的心得体会
2014/09/01 职场文书
公司开除员工通知
2015/04/22 职场文书
秋收起义观后感
2015/06/11 职场文书
52条SQL语句教你性能优化
2021/05/25 MySQL
使用pycharm运行flask应用程序的详细教程
2021/06/07 Python
Win11 S Mode版本泄露 正式上线后叫做Windows 11 SE
2021/11/21 数码科技
nginx设置资源请求目录的方式详解
2022/05/30 Servers