微信自定义分享

在微信打开web页面时，想分享给好友或者朋友圈，如何进行分享时的title、Icon的自定义？

第一步：绑定域名

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

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

第二步：引入js文件

在需要调用JS接口的页面引入如下JS文件，（支持https）：http://res.wx.qq.com/open/js/jweixin-1.4.0.js

第三步：通过config接口注入权限验证配置

所有需要使用JS-SDK的页面必须先注入配置信息，否则将无法调用（同一个url仅需调用一次，对于变化url的SPA的web app可在每次url变化时进行调用,目前Android微信客户端不支持pushState的H5新特性，所以使用pushState来实现web app的页面会导致签名失败，此问题会在Android6.2中修复）。

直接上我的代码

$.ajax({
	type: "get",
	url: server + "/api/share",    //这里是我调取后台接口获取签名等内容
	data : {
		url : _url
	},
	success: function(res) {
		console.log(res);
		wx.config({
			// debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
			appId: '你的公众号APPID', // 必填，公众号的唯一标识
			timestamp: res.timestamp, // 必填，生成签名的时间戳
			nonceStr: res.noncestr, // 必填，生成签名的随机串
			signature: res.signature, // 必填，签名
			jsApiList: ['checkJsApi', 'updateAppMessageShareData', 'updateTimelineShareData'] // 必填，需要使用的JS接口列表
		});
		wx.ready(function() { //需在用户可能点击分享按钮前就先调用
			wx.updateAppMessageShareData({
				title: '自定义好友分享标题', // 分享标题
				desc: '描述描述！！！！', // 分享描述
				link:  _url, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
				imgUrl: 'https://static.imsummer.cn/icon_night_chat@2x.png', // 分享图标
				success: function() {
					// 设置成功
				}
			})
			wx.updateTimelineShareData({
				title: '自定义朋友圈分享标题', // 分享标题
				link: _url, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
				imgUrl: 'https://static.imsummer.cn/icon_night_chat@2x.png', // 分享图标
			    success: function() {
					// 设置成功
				}
			})
		});
	}
});