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 相关文章推荐
JQuery入门——移除绑定事件unbind方法概述及应用
Feb 05 Javascript
js对象转json数组的简单实现案例
Feb 28 Javascript
浅谈被jQuery抛弃的函数及替代函数
May 03 Javascript
JavaScript中constructor()方法的使用简介
Jun 05 Javascript
原生JS实现美图瀑布流布局赏析
Sep 07 Javascript
JS实现可编辑的后台管理菜单功能【附demo源码下载】
Sep 13 Javascript
JS+html5制作简单音乐播放器
Sep 13 Javascript
vue-cli扩展多模块打包的示例代码
Apr 09 Javascript
详解Node.js读写中文内容文件操作
Oct 10 Javascript
js实现继承的方法及优缺点总结
May 08 Javascript
JavaScript函数Call、Apply原理实例解析
Feb 17 Javascript
vue选项卡切换的实现案例
Apr 11 Vue.js
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个人网站架设连环讲(四)
2006/10/09 PHP
PHP并发查询MySQL的实例代码
2017/08/09 PHP
PHP获取ttf格式文件字体名的方法示例
2019/03/06 PHP
ThinkPHP3.2.3框架实现执行原生SQL语句的方法示例
2019/04/03 PHP
php实现快速对二维数组某一列进行组装的方法小结
2019/12/04 PHP
PHP设计模式(七)组合模式Composite实例详解【结构型】
2020/05/02 PHP
javascript数字数组去重复项的实现代码
2010/12/30 Javascript
jQuery UI AutoComplete 使用说明
2011/06/20 Javascript
js 判断脚本加载完毕的代码
2011/07/13 Javascript
jQuery setTimeout()函数使用方法
2013/04/07 Javascript
javascript时间函数大全
2014/06/30 Javascript
浅谈javascript属性onresize
2015/04/20 Javascript
js css实现垂直方向自适应的三角提示菜单
2016/06/26 Javascript
让浏览器崩溃的12行JS代码(DoS攻击分析及防御)
2016/10/10 Javascript
原生js实现旋转木马轮播图效果
2017/02/27 Javascript
bootstrap+jQuery 实现下拉菜单中复选框全选和全不选效果
2017/06/12 jQuery
自制简易打赏功能的实例
2017/09/02 Javascript
vue-cli脚手架build目录下utils.js工具配置文件详解
2018/09/14 Javascript
初步介绍Python中的pydoc模块和distutils模块
2015/04/13 Python
在Python中操作字符串之startswith()方法的使用
2015/05/20 Python
flask框架使用orm连接数据库的方法示例
2018/07/16 Python
基于Python获取城市近7天天气预报
2019/11/26 Python
Python利用逻辑回归分类实现模板
2020/02/15 Python
简单了解django处理跨域请求最佳解决方案
2020/03/25 Python
基于python实现数组格式参数加密计算
2020/04/21 Python
Python对excel的基本操作方法
2021/02/18 Python
加拿大拼图大师:Puzzle Master
2020/12/28 全球购物
销售员自我评价怎么写
2013/09/19 职场文书
管理学专业个人求职信范文
2013/12/13 职场文书
项目管理计划书
2014/01/09 职场文书
门诊手术室工作制度
2014/01/30 职场文书
更夫岗位责任制
2014/02/11 职场文书
人力资源管理毕业生自荐信
2014/06/26 职场文书
2015大学迎新晚会主持词
2015/07/16 职场文书
2019年度开业庆典祝福语大全!
2019/07/05 职场文书
Mysql中的触发器定义及语法介绍
2022/06/25 MySQL