引入微信的 JSSDK文件是比必不可少的,但是最好在全局引用。
生成签名:
// 配置的用户信息 wx.config({ debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 appId: $scope.mod_jssdkInfo.appId, // 必填,公众号的唯一标识 timestamp: $scope.mod_jssdkInfo.timestamp, // 必填,生成签名的时间戳 nonceStr: $scope.mod_jssdkInfo.nonceStr, // 必填,生成签名的随机串 signature: $scope.mod_jssdkInfo.signature,// 必填,签名,见附录1 jsApiList: ["onMenuShareTimeline","onMenuShareAppMessage","onMenuShareQQ", "onMenuShareQZone"] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2 });
就可以了你的ready方法
// reday 方法 wx.ready(function(){ // 分享至朋友圈 wx.onMenuShareTimeline({ title: '公象共享平台', // 分享标题 link: $scope.publicUrl + '/user/index', // 分享链接 imgUrl: $scope.publicUrl + '/images/icon/wxshared.jpg', // 分享图标 success: function () { // 用户确认分享后执行的回调函数 console.log("分享至朋友圈成功!"); }, cancel: function () { // 用户取消分享后执行的回调函数 console.log("取消分享至朋友圈!"); } }); // 分享给微信好友 wx.onMenuShareAppMessage({ title: '公象共享平台', // 分享标题 desc: '优酷腾讯爱奇艺 你想要的会员账号都在这里....', // 分享描述 link: $scope.publicUrl + '/user/index', // 分享链接 imgUrl: $scope.publicUrl + '/images/icon/wxshared.jpg', // 分享图标 type: '', // 分享类型,music、video或link,不填默认为link dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空 success: function () { // 用户确认分享后执行的回调函数 console.log("分享至好友成功!") }, cancel: function () { // 用户取消分享后执行的回调函数 console.log("取消分享至好友!") } }); // 分享至扣扣好友 wx.onMenuShareQQ({ title: '公象共享平台', // 分享标题 desc: '追剧再不担心看广告,共享会员账号等你来', // 分享描述 link: $scope.publicUrl + '/user/index', // 分享链接 imgUrl: $scope.publicUrl + '/images/icon/wxshared.jpg', // 分享图标 success: function () { // 用户确认分享后执行的回调函数 console.log("分享至QQ好友"); }, cancel: function () { // 用户取消分享后执行的回调函数 console.log("取消分享至QQ好友"); } }); // 分享至扣扣空间 wx.onMenuShareWeibo({ title: '公象共享平台', // 分享标题 desc: '这是一个安全稳定的会员卡、会员权益在线共享平台', // 分享描述 link: $scope.publicUrl + '/user/index', // 分享链接 imgUrl: $scope.publicUrl + '/images/icon/wxshared.jpg', // 分享图标 success: function () { // 用户确认分享后执行的回调函数 console.log("分享至QQ空间成功!") }, cancel: function () { // 用户取消分享后执行的回调函数 console.log("取消分享至QQ空间") } }); });
简单的分享功能