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中的Document文档对象
Jan 16 Javascript
关于js中window.location.href,location.href,parent.location.href,top.location.href的用法与区别
Oct 18 Javascript
在jQuery中 关于json空对象筛选替换
Apr 15 Javascript
JS+CSS实现可拖拽的漂亮圆角特效弹出层完整实例
Feb 13 Javascript
JS实现的4种数字千位符格式化方法分享
Mar 02 Javascript
初识简单却不失优雅的Vue.js
Sep 12 Javascript
React Native基础入门之调试React Native应用的一小步
Jul 02 Javascript
解决vue v-for 遍历循环时key值报错的问题
Sep 06 Javascript
JS canvas绘制五子棋的棋盘
May 28 Javascript
微信小程序学习笔记之表单提交与PHP后台数据交互处理图文详解
Mar 28 Javascript
小程序实现投票进度条
Nov 20 Javascript
微信小程序swiper左右扩展各显示一半代码实例
Dec 05 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
Can't create/write to file 'C:\WINDOWS\TEMP\...MYSQL报错解决方法
2011/06/30 PHP
Zend的Registry机制的使用说明
2013/05/02 PHP
PHP分页详细讲解(有实例)
2013/10/30 PHP
php分页函数示例代码分享
2014/02/24 PHP
最新最全PHP生成制作验证码代码详解(推荐)
2016/06/12 PHP
THINKPHP3.2使用soap连接webservice的解决方法
2017/12/13 PHP
javascript数组组合成字符串的脚本
2021/01/06 Javascript
javascript 异步页面查询实现代码(asp.net)
2010/05/26 Javascript
javascript中运用闭包和自执行函数解决大量的全局变量问题
2010/12/30 Javascript
Javascript基础教程之函数对象和属性
2015/01/18 Javascript
JavaScript中使用Math.PI圆周率属性的方法
2015/06/14 Javascript
利用js查找数组中指定元素并返回该元素的所有索引示例
2017/03/29 Javascript
JS+canvas画一个圆锥实例代码
2017/12/13 Javascript
React中常见的动画实现的几种方式
2018/01/10 Javascript
浅谈React + Webpack 构建打包优化
2018/01/23 Javascript
nodeJS服务器的创建和重新启动的实现方法
2018/05/12 NodeJs
JavaScript实现省市联动效果
2019/11/22 Javascript
微信小程序 自定义弹窗实现过程(附代码)
2019/12/05 Javascript
javascript实现数字时钟效果
2021/02/06 Javascript
python实现通过pil模块对图片格式进行转换的方法
2015/03/24 Python
基于Python函数的作用域规则和闭包(详解)
2017/11/29 Python
python中import与from方法总结(推荐)
2019/03/21 Python
Django 解决新建表删除后无法重新创建等问题
2020/05/21 Python
解决django migrate报错ORA-02000: missing ALWAYS keyword
2020/07/02 Python
css3 flex实现div内容水平垂直居中的几种方法
2020/03/27 HTML / CSS
哥伦比亚加拿大官网:Columbia Sportswear Canada
2020/09/07 全球购物
给幼儿园老师的表扬信
2014/01/19 职场文书
酒店管理毕业生自我鉴定
2014/03/02 职场文书
竞选学习委员演讲稿
2014/04/28 职场文书
小学安全汇报材料
2014/08/14 职场文书
意外伤害赔偿协议书
2014/09/16 职场文书
公安个人四风问题对照检查及整改措施
2014/10/28 职场文书
2014年个人工作总结报告
2014/11/27 职场文书
建议书范文
2015/02/05 职场文书
小兵张嘎电影观后感
2015/06/03 职场文书
家电创业计划书
2019/08/05 职场文书