通过config接口注入权限验证配置(详见上一篇博客)
所有需要使用JS-SDK的页面必须先注入配置信息,否则将无法调用(同一个url仅需调用一次,对于变化url的SPA的web app可在每次url变化时进行调用,目前Android微信客户端不支持pushState的H5新特性,所以使用pushState来实现web app的页面会导致签名失败,此问题会在Android6.2中修复)。注意:分享接口必须写在wx.ready函数里
可以通过微信直接调用分享接口
wx.ready(function(){
// config信息验证后会执行ready方法,所有接口调用都必须在config接口获得结果之后,config是一个客户端的异步操作,所以如果需要在页面加载时就调用相关接口,则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口,则可以直接调用,不需要放在ready函数中。
//分享到朋友圈
wx.onMenuShareTimeline({
title: '分享到朋友圈', // 分享标题
link: 'http://ast.tunnel.qydev.com/pages/index2.jsp', // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: 'http://ast.tunnel.qydev.com/resources/images/login/logo0810.jpg', // 分享图标
success: function () {
// 用户确认分享后执行的回调函数
alert("已分享");
},
cancel: function () {
// 用户取消分享后执行的回调函数
alert("已取消");
}
});
//分享给朋友
wx.onMenuShareAppMessage({
title: '分享给朋友', // 分享标题
desc: '最好的,不一定是最合适的;最合适的,才是真正最好的。', // 分享描述
link: 'http://ast.tunnel.qydev.com/pages/index2.jsp', // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: 'http://ast.tunnel.qydev.com/resources/images/login/logo0810.jpg', // 分享图标
type: '', // 分享类型,music、video或link,不填默认为link
dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空
success: function () {
// 用户确认分享后执行的回调函数
alert("已分享");
},
cancel: function () {
// 用户取消分享后执行的回调函数
alert("已取消");
}
});
//分享到QQ
wx.onMenuShareQQ({
title: '分享到QQ', // 分享标题
desc: '最好的,不一定是最合适的;最合适的,才是真正最好的。', // 分享描述
link: 'http://ast.tunnel.qydev.com/pages/index2.jsp', // 分享链接
imgUrl: 'http://ast.tunnel.qydev.com/resources/hplus/lib/img/profile_0810.jpg', // 分享图标
success: function () {
// 用户确认分享后执行的回调函数
alert("已分享");
},
cancel: function () {
// 用户取消分享后执行的回调函数
alert("已取消");
}
});
//分享到QQ空间
wx.onMenuShareQZone({
title: '分享到QQ空间', // 分享标题
desc: '最好的,不一定是最合适的;最合适的,才是真正最好的。', // 分享描述
link: 'http://ast.tunnel.qydev.com/pages/index2.jsp', // 分享链接
imgUrl: 'http://ast.tunnel.qydev.com/resources/hplus/lib/img/profile_0810.jpg', // 分享图标
success: function () {
// 用户确认分享后执行的回调函数
alert("已分享");
},
cancel: function () {
// 用户取消分享后执行的回调函数
alert("已取消");
}
});
});