微信分享

微信分享

1,绑定域名

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

备注:登录后可在“开发者中心”查看对应的接口权限。

2,引入JS文件

在需要调用JS接口的页面引入如下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

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

3,微信分享放在头文件

<script type="text/javascript" src="__PUBLIC__/Home/js/jweixin-1.0.0.js"></script>

<script type="text/javascript">
wx.config({
	debug: false,// 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
    appId: "{$signPackage.appId}",// 必填,公众号的唯一标识
    timestamp: '{$signPackage.timestamp}',// 必填,生成签名的时间戳
    nonceStr: '{$signPackage.nonceStr}', // 必填,生成签名的随机串
    signature: '{$signPackage.signature}',// 必填,签名,见附录1
   jsApiList: [
			'checkJsApi',
			'onMenuShareTimeline',
			'onMenuShareAppMessage',
			'onMenuShareQQ',
			'onMenuShareWeibo'
      ]
  }); // 必填,需要使用的JS接口列表
  /*
 * 注意:
 * 1. 所有的JS接口只能在公众号绑定的域名下调用,公众号开发者需要先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。
 * 2. 如果发现在 Android 不能分享自定义内容,请到官网下载最新的包覆盖安装,Android 自定义分享接口需升级至 6.0.2.58 版本及以上。
 * 3. 完整 JS-SDK 文档地址:http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html
 *
 * 如有问题请通过以下渠道反馈:
 * 邮箱地址:weixin-open@qq.com
 * 邮件主题:【微信JS-SDK反馈】具体问题
 * 邮件内容说明:用简明的语言描述问题所在,并交代清楚遇到该问题的场景,可附上截屏图片,微信团队会尽快处理你的反馈。
 */
 //通过ready接口处理成功验证
 wx.ready(function() {
	// 1 判断当前版本是否支持指定 JS 接口,支持批量判断
	    wx.checkJsApi({
	      jsApiList: [
	        'getNetworkType',
	        'previewImage',
	         'onMenuShareTimeline',
	        'onMenuShareAppMessage',
	        'onMenuShareQQ',
	        'onMenuShareWeibo'
	      ],
	      success: function (res) {
	        //alert(JSON.stringify(res));
	      }
	    });
	
	    var shareData = {
	    		title: '{$title}',
				// 分享标题
				desc: '{$desc|strip_tags}',
				// 分享描述
				link: '{$erurl_share}',
				// 分享链接
				imgUrl: '{$imgUrl}',
				// 分享图标
				type: '',
				// 分享类型,music、video或link,不填默认为link
				dataUrl: '',
				// 如果type是music或video,则要提供数据链接,默认为空
				success: function() {
					//alert('分享成功');
				},
				cancel: function() {
					//alert('取消分享');
					// 用户取消分享后执行的回调函数
				}
	    	  };
	    wx.onMenuShareAppMessage(shareData);
	    wx.onMenuShareTimeline(shareData);
	    wx.onMenuShareQQ(shareData);
	    wx.onMenuShareWeibo(shareData);
	});
 wx.error(function (res) { //通过error接口处理失败验证
	  alert(res.errMsg);
	}); 
</script>



回复列表


回复操作