微信分享自定义内容功能代码

原创 2016年08月30日 15:23:21

嗯,废话不多说,直接上代码。

这里我把有关微信分享的接口的代码单独放在了一个js文件中

wxshare.js文件:

function getshare(){
    // 微信配置
    wx.config({
        debug: false, // 关闭/开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
        appId: '', // 必填,公众号的唯一标识
        timestamp: , // 必填,生成签名的时间戳
        nonceStr: '', // 必填,生成签名的随机串
        signature: '',// 必填,签名
        jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage', 'onMenuShareQQ', 'onMenuShareWeibo', 'onMenuShareQZone'] // 必填,需要使用的JS接口列表,此处写了分享到朋友圈、朋友、QQ、腾讯微博、QQ空间的接口
    });

    // config信息验证后会执行ready方法,所有接口调用都必须在config接口获得结果之后,config是一个客户端的异步操作,所以如果需要在页面加载时就调用相关接口,则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口,则可以直接调用,不需要放在ready函数中。
    wx.ready(function(){

        // 获取“分享到朋友圈”按钮点击状态及自定义分享内容接口
        wx.onMenuShareTimeline({
            title: '', // 分享标题
            link: '', // 分享链接
            imgUrl: '', // 分享图标
            success: function () { 
                // 用户确认分享后执行的回调函数
            },
            cancel: function () { 
                // 用户取消分享后执行的回调函数
            }
        });

        // 获取“分享给朋友”按钮点击状态及自定义分享内容接口
        wx.onMenuShareAppMessage({
            title: '', // 分享标题
            desc: '', // 分享描述
            link: '', // 分享链接
            imgUrl: '', // 分享图标
            type: '', // 分享类型,music、video或link,不填默认为link
            dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空
            success: function () { 
                // 用户确认分享后执行的回调函数
            },
            cancel: function () { 
                // 用户取消分享后执行的回调函数
            }
        });

        // 获取“分享到QQ”按钮点击状态及自定义分享内容接口
        wx.onMenuShareQQ({
            title: '', // 分享标题
            desc: '', // 分享描述
            link: '', // 分享链接
            imgUrl: '', // 分享图标
            success: function () { 
               // 用户确认分享后执行的回调函数
            },
            cancel: function () { 
               // 用户取消分享后执行的回调函数
            }
        });

        // 获取“分享到腾讯微博”按钮点击状态及自定义分享内容接口
        wx.onMenuShareWeibo({
            title: '', // 分享标题
            desc: '', // 分享描述
            link: '', // 分享链接
            imgUrl: '', // 分享图标
            success: function () { 
               // 用户确认分享后执行的回调函数
            },
            cancel: function () { 
                // 用户取消分享后执行的回调函数
            }
        });

        // 获取“分享到QQ空间”按钮点击状态及自定义分享内容接口
        wx.onMenuShareQZone({
            title: '', // 分享标题
            desc: '', // 分享描述
            link: '', // 分享链接
            imgUrl: '', // 分享图标
            success: function () { 
               // 用户确认分享后执行的回调函数
            },
            cancel: function () { 
                // 用户取消分享后执行的回调函数
            }
        });
    }); 
}

在需要调用JS接口的html页面引入如下JS文件,(支持https):http://res.wx.qq.com/open/js/jweixin-1.0.0.js

请注意,如果你的页面启用了https,务必引入 https://res.wx.qq.com/open/js/jweixin-1.0.0.js ,否则将无法在iOS9.0以上系统中成功使用JSSDK

如需使用摇一摇周边功能,请引入 jweixin-1.1.0.js

版权声明:本文为博主原创文章,未经博主允许不得转载。

微信JS-SDK实现自定义分享功能,分享给朋友,分享到朋友圈

小编也经常在微信朋友圈分享一些好的文章或者让人哭或笑的段子,就在手机右上角的三个竖点一键分享就ok了,那么对于分享到朋友圈是怎么实现的呢?对于那种活动分享送流量是怎么定位分享者的呢?而想要将文章发送给...
  • xdd19910505
  • xdd19910505
  • 2016年03月22日 20:31
  • 24939

java-微信分享自定义内容功能(总结)

java写微信分享自定义内容功能遇到的一个bug    需求:用户通过关注公众号  打开邀请好友页面(前提必须先登录)  点击手机右上角竖形的图标 发送自定义内容 给朋友,qq好友,发送微信朋友圈,Q...
  • u014793522
  • u014793522
  • 2017年04月10日 18:27
  • 979

微信自定义分享--失效问题

微信自定义分享微信自定义分享到朋友圈/朋友失效问题微信自定义分享到朋友圈wx.onMenuShareTimeline({ title: '', // 分享标题 link: '', //...
  • github_38395241
  • github_38395241
  • 2017年04月22日 22:45
  • 1734

微信JS-SDK实现自定义分享功能,分享给朋友,分享到朋友圈,后台实现

上一篇文章讲了在页面对自定义分享的配置,接下来小编将继续娓娓道来后台对页面需要的参数是如何支持的。微信还真是让人欢喜让人忧。             前台页面需要的数据这酱紫的: wx.confi...
  • xdd19910505
  • xdd19910505
  • 2016年03月23日 10:16
  • 1427

微信开发 分享功能 php,自定义微信分享功能

内嵌在微信中的网页,右上角都会有一个默认的分享功能。如下图所示,第一个为自定义的效果,第二个为默认的效果。实现了自定义的分享链接是不是更让人有点击的欲望?下面讲解下开发的过程。 一:...
  • sh13523149003
  • sh13523149003
  • 2017年06月24日 17:21
  • 2283

微信分享朋友圈分享代码自定义标题、说明、图标和分享链接

微信分享朋友圈分享代码自定义标题、说明、图标和分享链接 最近在做手机网站在分享到微信时,通过微信内置浏览器访问页面分享后,希望可以自定义小图标(imgUrl)和分享链接(line...
  • cdnight
  • cdnight
  • 2014年10月21日 10:50
  • 75738

微信小程序开发—你期待的分享功能来了,微信小程序序新增5大功能

微信小程序在12月21日发布了新版本的开发工具,并在官网公布新增以下功能:1、分享可以分享小程序的任何一个页面给好友或群聊。https://mp.weixin.qq.com/debug/wxadoc/...
  • anda0109
  • anda0109
  • 2016年12月22日 11:39
  • 16555

Android 微信分享与QQ分享功能

微信分享与QQ分享功能现在都挺常见的,可以根据一些第三方社会化分功能快速实现,不过多多少少都不怎么纯净,最好都是自己看官方文档来实现就最好了~一、微信分享微信分享功能需要先在微信开放平台注册应用并获取...
  • new_one_object
  • new_one_object
  • 2016年10月04日 11:43
  • 5165

微信JS-SDK实现自定义分享功能,分享给朋友,分享到QQ,分享到微博

其实除了可以在微信上分享到朋友圈和发送给好友,微信的分享接口还提供了分享到QQ和分享到腾讯微博……小编又继续去微信公众平台学习了一下,其实都是一样的嘛!就是在页面的config接口注入权限验证配置好就...
  • xdd19910505
  • xdd19910505
  • 2016年03月23日 10:17
  • 4772

微信JSSDK分享功能详解

微信6.0之后JSSDK的调用,微信分享功能的实现,傻瓜教程
  • ty_hf
  • ty_hf
  • 2016年01月26日 14:19
  • 47398
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:微信分享自定义内容功能代码
举报原因:
原因补充:

(最多只允许输入30个字)