微信二次分享

一 绑定域名:

  先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。

  PS: 例如域名为:http://ge.lp.com,则只需填ge.lp.com

二 引入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

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

  备注:支持使用 AMD/CMD 标准模块加载方法加载

三 设置分享数据(一般是后台传值)

var data = {****};
var shareData = { title: data.title,//分享出去的title desc: data.lists[1].userName + "在直播" + data.title + ",速来占位",//分享出去的描述 link: window.location.href,//分享出去的链接 imgUrl: "http://******/icon.png",//分享出去的icon type: '', // 分享类型,music、video或link,不填默认为link dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空 success: function(res) {//分享成功后的事件,例如下面的代码就会弹出success alert('success'); }, fail: function(res) {//分享失败后的事件,例如下面的代码就会弹出fail alert('fail'); }, cancel: function () { // 用户取消分享后执行的回调函数 } }

四 配置wx权限配置 (一般是后台传值) 

wx.config({
		debug: false,//是否开启debug,如果开启会弹出调用的api配置结果信息(如:msg: config:invalid url donmain,或者msg: config:ok)
		appId: res.data.appId,// 必填,公众号的唯一标识
		timestamp: res.data.timestamp,// 必填,生成签名的时间戳
		nonceStr: res.data.nonceStr,// 必填,生成签名的随机串
		signature: res.data.signature,// 必填,签名
		jsApiList: [ // 必填,需要使用的JS接口列表
			'onMenuShareAppMessage',//分享朋友
			'onMenuShareTimeline',//分享到朋友圈
			'onMenuShareWeibo'//分享到微博
		]
});

五  通过wx的ready()处理配置成功后的事件

wx.ready(function() {
	wx.onMenuShareAppMessage(shareData);//分享到朋友
	wx.onMenuShareTimeline(shareData);//分享到朋友圈
	wx.onMenuShareWeibo(shareData);//分享到微博
});

六 通过error接口处理失败验证

wx.error(function(res){//配置失败,会走error
	 alert(res);
});

PS: 打开路径不能是以IP开头的形式:http://***.***.***.***/share/index.html,必须是步骤一中填入的域名。

posted @ 2016-10-18 16:34  lhy031  阅读(692)  评论(1编辑  收藏  举报