diff --git a/src/api/wxShare.js b/src/api/wxShare.js new file mode 100644 index 0000000..546378a --- /dev/null +++ b/src/api/wxShare.js @@ -0,0 +1,8 @@ + +export default { + // -- 获取分享信息 -- + getShare: { + method: 'GET', + url: '/mall/web/share/config', + } +} \ No newline at end of file diff --git a/src/main.js b/src/main.js index a98f44d..d06b627 100644 --- a/src/main.js +++ b/src/main.js @@ -27,49 +27,6 @@ Vue.use(AlertPlugin) Vue.use(VueAwesomeSwiper) -//Vue.prototype.wxShare = function(link) { -// var wxconfigApi = 'http://1hjz.3ncto.com.cn/mall/web/share/config'; -// axios.get(wxconfigApi).then(function(response) { -// var response = response -// console.log('123',response) -// var jsApiSignConfig = response.data.data.jsApiSignConfig -// console.log(response) -// wx.config({ -// debug: true, // 开启调试模式,开发时可以开启 -// appId: jsApiSignConfig.appId, // 必填,公众号的唯一标识 由接口返回 -// timestamp: jsApiSignConfig.timestamp, // 必填,生成签名的时间戳 由接口返回 -// nonceStr: jsApiSignConfig.nonceStr, // 必填,生成签名的随机串 由接口返回 -// signature: jsApiSignConfig.signature, // 必填,签名 由接口返回 -// jsApiList: response.data.data.jsApiList -// }) -// -// wx.ready(() => { -// wx.onMenuShareAppMessage({ // 分享给朋友 -// title: response.data.data.shareConfig.title, // 分享标题 -// desc: response.data.data.shareConfig.desc, // 分享描述 -// link: response.data.data.shareConfig.url, // 分享链接 默认以当前链接 -// imgUrl: response.data.data.shareConfig.img, // 分享图标 -// }) -// }) -// -// -// }) -// .catch(function(error) { -// console.log(error); -// }); -// -// // wx.ready(() => { -// // var imgUrl = 'http://www.yihaojiazheng.cn/mall/web/share/config' -// // wx.onMenuShareAppMessage({ // 分享给朋友 -// // title: title, // 分享标题 -// // desc: desc, // 分享描述 -// // link: link, // 分享链接 默认以当前链接 -// // imgUrl: imgUrl, // 分享图标 -// // }) -// // }) -// -//} - var vue = new Vue({ el: '#app', router, diff --git a/src/models/wxShare.js b/src/models/wxShare.js index daf8375..abee7cf 100644 --- a/src/models/wxShare.js +++ b/src/models/wxShare.js @@ -3,6 +3,7 @@ import Vue from 'vue' import wx from 'weixin-js-sdk' import axios from 'axios' import utilsModel from './utils-model' +import wxShareApi from '../api/wxShare' //微信分享功能 //Vue.prototype.wxShareL = function(link,params) { @@ -13,28 +14,12 @@ import utilsModel from './utils-model' //// .request({ //// params : params, //// }), -// var getNews = function(params) => -// utilsModel -// .config({ -// method: 'GET', -// url: '/mall/web/share/config', -// }) -// .request({ -// params : params, -// }) -// getNews(params).then(res => { -// console.log(res) -// }) +// //} Vue.prototype.wxShare = function(params) { - //var params = params || {} var wxconfigApi = 'http://1hjz.3ncto.com.cn/mall/web/share/config'; - console.log(params) - // /mall/web/share/config?merchantNo=2&source=0 //首页 - // /mall/web/share/config?merchantNo=2&source=1 - // /mall/web/share/config?couponNO=2&source=1 axios.get(wxconfigApi,{params:params}).then(function(response) { var response = response @@ -48,20 +33,9 @@ Vue.prototype.wxShare = function(params) { timestamp: jsApiSignConfig.timestamp, // 必填,生成签名的时间戳 由接口返回 nonceStr: jsApiSignConfig.nonceStr, // 必填,生成签名的随机串 由接口返回 signature: jsApiSignConfig.signature, // 必填,签名 由接口返回 - jsApiList: ['onMenuShareAppMessage'] + jsApiList: ['onMenuShareAppMessage','onMenuShareTimeline','onMenuShareQQ','onMenuShareWeibo','onMenuShareQZone'] }) -// console.log("appId",jsApiSignConfig.appId) -// console.log('timestamp',jsApiSignConfig.timestamp) -// console.log('nonceStr',jsApiSignConfig.nonceStr) -// console.log('signature',jsApiSignConfig.signature) -// console.log('jsApiList',response.data.data.jsApiList) -// -// console.log('title',shareConfig.title) -// console.log('desc',shareConfig.desc) -// console.log('url',encodeURIComponent(shareConfig.url)) -// console.log('img',shareConfig.img) - - + wx.ready(() => { //获取“分享给朋友”按钮点击状态及自定义分享内容接口 wx.onMenuShareAppMessage({ // 分享给朋友 @@ -72,7 +46,47 @@ Vue.prototype.wxShare = function(params) { success: function(res){ } }) + //转发到朋友圈 + wx.onMenuShareTimeline({ + title: shareConfig.title, // 分享标题 + desc: shareConfig.desc, // 分享描述 + link: shareConfig.url, // 分享链接 默认以当前链接 + imgUrl: shareConfig.img, // 分享图标 + success: function(res){ + } + }); + //微信分享qq + wx.onMenuShareQQ({ + title: shareConfig.title, // 分享标题 + desc: shareConfig.desc, // 分享描述 + link: shareConfig.url, // 分享链接 默认以当前链接 + imgUrl: shareConfig.img, // 分享图标 + success: function(res){ + } + }); + + //获取“分享到腾讯微博”按钮点击状态及自定义分享内容接口 + wx.onMenuShareWeibo({ + title: shareConfig.title, // 分享标题 + desc: shareConfig.desc, // 分享描述 + link: shareConfig.url, // 分享链接 默认以当前链接 + imgUrl: shareConfig.img, // 分享图标 + success: function(res){ + } + }); + + //获取“分享到QQ空间”按钮点击状态及自定义分享内容接口(即将废弃) + wx.onMenuShareQZone({ + title: shareConfig.title, // 分享标题 + desc: shareConfig.desc, // 分享描述 + link: shareConfig.url, // 分享链接 默认以当前链接 + imgUrl: shareConfig.img, // 分享图标 + success: function(res){ + } + }); }) + + })