// 微信相关功能
|
import loadWXJs from '@/utils/loadWxSdk'
|
|
/**
|
* 加载 wx sdk 完成初始化
|
* @param wxSignature 签名
|
* @param shareSetting 分享设置
|
*/
|
export function setWxConfig(signature, shareSetting) {
|
loadWXJs((wx) => {
|
wx.config({
|
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
|
appId: signature.appId, // 必填，公众号的唯一标识
|
timestamp: signature.timestamp, // 必填，生成签名的时间戳
|
nonceStr: signature.nonceStr, // 必填，生成签名的随机串
|
signature: signature.signature, // 必填，签名
|
jsApiList: [
|
'updateAppMessageShareData',
|
'updateTimelineShareData',
|
'onMenuShareAppMessage',
|
'onMenuShareTimeline',
|
'showMenuItems',
|
'hideMenuItems',
|
'chooseWXPay'
|
] // 必填，需要使用的JS接口列表
|
})
|
// sdk准备完成之后调用
|
wx.ready(function () {
|
// 需在用户可能点击分享按钮前就先调用
|
console.log('ready')
|
// 微信分享初始化
|
setWxProjectShare(wx, shareSetting)
|
})
|
})
|
}
|
|
/**
|
* 微信分享设置
|
*/
|
function setWxProjectShare(wx, shareSetting) {
|
if (!wx) {
|
return
|
}
|
let { shareWxImgUrl, shareWxTitleContent, shareWxDescContent } = shareSetting
|
console.log(shareSetting)
|
wx.updateAppMessageShareData({
|
title: shareWxTitleContent, // 分享标题
|
desc: shareWxDescContent, // 分享描述
|
link: window.location.href, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
|
imgUrl: shareWxImgUrl, // 分享图标
|
success: function () {
|
// 设置成功
|
console.log('succcess')
|
},
|
fail: function () {
|
console.log('fail')
|
}
|
})
|
wx.updateTimelineShareData({
|
title: shareWxTitleContent, // 分享标题
|
desc: shareWxDescContent, // 分享描述
|
link: window.location.href, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
|
imgUrl: shareWxImgUrl, // 分享图标
|
success: function () {
|
// 设置成功
|
console.log('succcess')
|
},
|
fail: function () {
|
console.log('fail')
|
}
|
})
|
wx.onMenuShareTimeline({
|
title: shareWxTitleContent, // 分享标题
|
desc: shareWxDescContent, // 分享描述
|
link: window.location.href, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
|
imgUrl: shareWxImgUrl, // 分享图标
|
success: function () {
|
// 设置成功
|
console.log('succcess')
|
}
|
})
|
wx.onMenuShareAppMessage({
|
title: shareWxTitleContent, // 分享标题
|
desc: shareWxDescContent, // 分享描述
|
link: window.location.href, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
|
imgUrl: shareWxImgUrl, // 分享图标
|
success: function () {
|
// 设置成功
|
console.log('succcess')
|
}
|
})
|
}
|
|
/**
|
* 仅在微信打开
|
*/
|
export function onlyWxOpenHandle() {
|
if (!isWxEnv()) {
|
document.head.innerHTML =
|
'<title>抱歉，出错了</title><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0"><link rel="stylesheet" type="text/css" href="https://res.wx.qq.com/open/libs/weui/0.4.1/weui.css">'
|
document.body.innerHTML =
|
'<div class="weui_msg"><div class="weui_icon_area"><i class="weui_icon_info weui_icon_msg"></i></div><div class="weui_text_area"><h4 class="weui_msg_title">请在微信客户端打开链接</h4></div></div>'
|
}
|
}
|
|
export function isWxEnv() {
|
let wxUa = navigator.userAgent.toLowerCase()
|
let isWeixin = wxUa.indexOf('micromessenger') != -1
|
return isWeixin
|
}
|
