JSSDK分享汇总
引入js
<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
转发/转发到微信/群发给我的客户
<van-popup class="send_modal" v-model="sendModal" position="bottom" safe-area-inset-bottom :overlay-style="{background: 'rgba(0,0,0,0.4)'}" :style="{ height: '149px', borderRadius:'10px 10px 0px 0px', paddingTop: '8px' }">
<van-button @click="QWshare" color="#FFF" :style="{ fontSize: '15px',color: '#454545',borderBottom: '1px solid #EEE' }" block>转发</van-button>
<van-button @click="WXshare" color="#FFF" :style="{ fontSize: '15px',color: '#454545',borderBottom: '1px solid #EEE' }" block>转发到微信</van-button>
<van-button @click="QWshareAll" color="#FFF" :style="{ fontSize: '15px',color: '#454545' }" block>群发给我的客户</van-button>
<!-- <van-button @click="QWshareAll2" color="#FFF" :style="{ fontSize: '15px',color: '#454545' }" block>群发助手给我的客户</van-button> -->
</van-popup>
转发必须在config和agentConfig签名成功之后才能调用成功
export const QWsharing = (data) => {
// let shareWord = {
// "title": '分享的title',
// "desc": '分享的内容~',
// "imgUrl": 'https://qywechat.s3.cn-northwest-1.amazonaws.com.cn/eyf4at-%E7%8C%AB%E5%92%8C%E8%8A%B1.jpg',
// "link": 'https://gp.molimami.com/grouppet/adopt?sharingUserId='
// }
//发送到企微
$wx.invoke(
"shareAppMessage", {
title: data.title, // 分享标题
desc: data.desc, // 分享描述
link: data.link, // 分享链接
imgUrl: data.imgUrl // 分享封面
}, function (res) {
if (res.err_msg == "shareAppMessage:ok") {
// alert('成功shareAppMessage' + JSON.stringify(res))
} else {
// alert('失败shareAppMessage' + JSON.stringify(res))
}
}
)
}
export const WXsharing = (data) => {
// let shareWord = {
// "title": '分享的title',
// "desc": '分享的内容~',
// "imgUrl": 'https://qywechat.s3.cn-northwest-1.amazonaws.com.cn/eyf4at-%E7%8C%AB%E5%92%8C%E8%8A%B1.jpg',
// "link": 'https://gp.molimami.com/grouppet/adopt?sharingUserId='
// }
//发送到微信
$wx.invoke(
"shareWechatMessage", {
title: data.title, // 分享标题
desc: data.desc, // 分享描述
link: data.link, // 分享链接
imgUrl: data.imgUrl // 分享封面
}, function (res) {
if (res.err_msg == "shareWechatMessage:ok") {
// alert('成功shareWechatMessage')
} else {
// alert('失败or取消shareWechatMessage')
}
}
)
}
export const QWsharingAll = (data) => {
// let shareWord = {
// "title": '分享的title',
// "desc": '分享的内容~',
// "imgUrl": 'https://qywechat.s3.cn-northwest-1.amazonaws.com.cn/eyf4at-%E7%8C%AB%E5%92%8C%E8%8A%B1.jpg',
// "link": 'https://gp.molimami.com/grouppet/adopt?sharingUserId='
// }
//用群发助手发送给客户（为了防止滥用，同一个成员每日向一个客户最多可群发一条消息，每次群发最多可选200个客户。）
$wx.invoke("shareToExternalContact", {
title: data.title, // 分享标题
desc: data.desc, // 分享描述
link: data.link, // 分享链接
imgUrl: data.imgUrl // 分享封面
}, function (res) {
if (res.err_msg == "shareToExternalContact:ok") {
// alert('成功shareToExternalContact' + JSON.stringify(res))
} else {
// alert('失败shareToExternalContact' + JSON.stringify(res))
}
}
)
}
export const QWsharingAll2 = (data) => {
// let shareWord = {
// "title": '分享的title',
// "desc": '分享的内容~',
// "imgUrl": 'https://qywechat.s3.cn-northwest-1.amazonaws.com.cn/eyf4at-%E7%8C%AB%E5%92%8C%E8%8A%B1.jpg',
// "link": 'https://gp.molimami.com/grouppet/adopt?sharingUserId='
// }
//用群发助手发送给客户（为了防止滥用，同一个成员每日向一个客户最多可群发一条消息，每次群发最多可选200个客户。）
$wx.invoke("shareToExternalChat", {
title: data.title, // 分享标题
desc: data.desc, // 分享描述
link: data.link, // 分享链接
imgUrl: data.imgUrl // 分享封面
}, function (res) {
if (res.err_msg == "shareToExternalChat:ok") {
// alert('成功shareToExternalChat' + JSON.stringify(res))
} else {
// alert('失败shareToExternalChat' + JSON.stringify(res))
}
}
)
}
h5原有的api转发（...）
wx.onMenuShareAppMessage({
title: mres.data.title, // 分享标题
desc: mres.data.content, // 分享描述
link: location.origin+location.pathname+'?state='+urlData.state, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: mres.data.picUrl,
success: function () {
// 用户确认分享后执行的回调函数
},
cancel: function () {
// 用户取消分享后执行的回调函数
}
})
weChatSignature({
appId: dataList[4],
corpId: dataList[0],
url: location.href.split('#')[0],
}).then(res=>{
// alert(JSON.stringify(res))
if (res.code == 100) {
wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
appId: dataList[4], // 必填，公众号的唯一标识
timestamp: res.data.timestamp, // 必填，生成签名的时间戳
nonceStr: res.data.nonceStr, // 必填，生成签名的随机串
signature: res.data.signature,// 必填，签名
jsApiList: [
'updateAppMessageShareData',
'updateTimelineShareData'
], // 必填，需要使用的JS接口列表
success: function () {
// 设置成功
// alert('config成功')
},
})
wx.ready(function(){
// alert('ready')
// console.log(location.origin+location.pathname+'?state='+urlData.state)
// config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
wx.onMenuShareAppMessage({
title: mres.data.title, // 分享标题
desc: mres.data.content, // 分享描述
link: location.origin+location.pathname+'?state='+urlData.state, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: mres.data.picUrl,
type: 'link', // 分享类型,music、video或link，不填默认为link
dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
success: function () {
// 用户点击了分享后执行的回调函数
}
})
wx.onMenuShareTimeline({
title: mres.data.title, // 分享标题
link: location.origin+location.pathname+'?state='+urlData.state, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: mres.data.picUrl,
success: function () {
// 用户点击了分享后执行的回调函数
}
})
// 不兼容旧版本
// wx.updateAppMessageShareData({
// title: mres.data.title, // 分享标题
// desc: mres.data.content, // 分享描述
// link: location.origin+location.pathname+'?state='+urlData.state, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
// imgUrl: mres.data.picUrl, // 分享图标
// success: function () {
// // 设置成功
// // alert('分享设置成功')
// },
// fail: function(req) {
// // alert(JSON.stringify(req)+'分享设置sb')
// },
// })
// wx.updateTimelineShareData({
// title: mres.data.title, // 分享标题
// link: location.origin+location.pathname+'?state='+urlData.state, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
// imgUrl: mres.data.picUrl, // 分享图标
// success: function () {
// // 设置成功
// // alert('分享朋友圈设置成功')
// },
// fail: function(req) {
// // alert(JSON.stringify(req)+'分享朋友圈设置sb')
// },
// })
})
}
}).catch(req=>{
// alert(JSON.stringify(req))
})
