// 微信官方demo => http://203.195.235.76/jssdk/
var wx = require('weixin-js-sdk'); //引入微信js-SDK屡律,https://github.com/yanxi-me/weixin-js-sdk
import apiUrl from '@/api/environment';
import axios from 'axios';
// 判斷是否在微信打開
const isWeiXin = () => {
let ua = navigator.userAgent.toLowerCase();
if (ua.match(/MicroMessenger/i) != 'micromessenger') {
return false;
} else {
return true;
}
};
// 微信打開詳情頁時(shí) 的分享接口調(diào)用
/**
- 初始化微信配置信息wx.config
- @Author jok
- @DateTime 2018-01-10T11:49:38+0800
- @param shareData json格式
- shareData = {title: '分享標(biāo)題',desc: '分享描述',link: '分享鏈接',imgUrl: '分享圖片鏈接'}
*/
const initWechatShare = (shareData) => {
// 發(fā)送當(dāng)前頁面url是复,檢測當(dāng)前頁面是否有分享權(quán)限
// 完整獲取config配置接口
// var currentUrl = "https://m.9kacha.com/share/getwxConfiginfo.htm?from_url=" + encodeURIComponent(window.location.href);
// var currentUrl = weChatInterface/share?url=${window.location.href}
;
var currentUrl = ${apiUrl}/h5_api/weChatInterface/share?url=${encodeURIComponent(window.location.href)}
;
// var currentUrl = ${apiUrl}/h5_api/weChatInterface/share?url=${window.location.href}
;
// console.log(currentUrl)
axios.get(currentUrl, {
dataType: 'html'
})
.then((res) => {
// console.log(res.data)
// 返回微信配置信息孝情,appId,timestamp芦劣,nonceStr,signature
initWeiXinJsApi(res.data);
// checkJsApi() //檢測是否授權(quán)
wx.ready(() => {
initWXShareData(shareData); //注冊需要用到的api
});
wx.error((res) => {
console.log(res.errMsg);
});
});
};
// 初始化微信js-SDK配置说榆,微信官方demo => http://203.195.235.76/jssdk/
const initWeiXinJsApi = (wxConfigInfo) => {
// console.log(wxConfigInfo)
// 微信配置信息
wx.config({
debug : false, // 開啟調(diào)試模式,調(diào)用的所有api的返回值會在客戶端console.log出來虚吟,若要查看傳入的參數(shù),可以在pc端打開签财,參數(shù)信息會通過log打出串慰,僅在pc端時(shí)才會打印。
appId : wxConfigInfo.appid, // 必填唱蒸,公眾號的唯一標(biāo)識
timestamp: wxConfigInfo.timestamp, // 必填模庐,生成簽名的時(shí)間戳
nonceStr : wxConfigInfo.noncestr, // 必填,生成簽名的隨機(jī)串
signature: wxConfigInfo.signature,// 必填油宜,簽名掂碱,見附錄1
// 初始化需要使用到微信api
jsApiList: [
'checkJsApi',//必填,檢測api是否有權(quán)限
'onMenuShareTimeline',
'onMenuShareAppMessage',
'onMenuShareQQ',
'onMenuShareWeibo',
'onMenuShareQZone'
]
});
};
// 檢測客戶端是否支持jsApiList中的api慎冤,是否已經(jīng)申請?jiān)揳pi權(quán)限疼燥,測試中使用
const checkJsApi = () => {
wx.checkJsApi({
jsApiList: ['onMenuShareTimeline'], // 需要檢測的JS接口列表,所有JS接口列表見附錄2,
success : (res) => {
// 以鍵值對的形式返回蚁堤,可用的api值true醉者,不可用為false
// 如:{"checkResult":{"onMenuShareTimeline":true},"errMsg":"checkJsApi:ok"}
console.log(JSON.stringify(res));
},
fail : () => {
console.log('當(dāng)前客戶端版本不支持微信分享至朋友圈接口');
}
});
wx.error((res) => {
console.log('當(dāng)前頁面未獲取微信jsapi授權(quán)');
});
};
const initWXShareData = (shareData) => {
var shareData = {
title : shareData.shareTitle, //分享標(biāo)題
desc : shareData.shareDescription,//分享描述
link : shareData.shareUrl,//分享鏈接
imgUrl: shareData.shareImageURLString//分享圖片
};
console.log(shareData);
//(需要檢測是否分享成功的完整寫法)
// 分享到好友,群
wx.onMenuShareAppMessage({
title : shareData.title,//分享標(biāo)題
desc : shareData.desc,//分享描述
link : shareData.link,//分享鏈接
imgUrl: shareData.imgUrl//分享圖片
// // 以下函數(shù)披诗,檢測分享是否成功撬即,可以不寫
// trigger: (res) => {
// // 不要嘗試在trigger中使用ajax異步請求修改本次分享的內(nèi)容,因?yàn)榭蛻舳朔窒聿僮魇且粋€(gè)同步操作呈队,這時(shí)候使用ajax的回包會還沒有返回
// console.log('用戶點(diǎn)擊發(fā)送給朋友');
// },
// success: (res) => {
// console.log('已分享');
// },
// cancel: (res) => {
// console.log('已取消');
// },
// fail: (res) => {
// console.log(JSON.stringify(res));
// }
});
// (不需要檢測是否分享成功的寫法)
// 分享到朋友圈剥槐,分別對應(yīng)傳入的json數(shù)據(jù)
wx.onMenuShareTimeline({
title : shareData.title,//分享標(biāo)題
// desc: shareData.desc,//分享描述,朋友圈不能展示分享描述
link : shareData.link,//分享鏈接
imgUrl: shareData.imgUrl//分享圖片
});
// 分享到QQ好友宪摧,直接用傳入的shareData粒竖,json格式
wx.onMenuShareQQ(shareData);
// 分享到QQ空間
wx.onMenuShareQZone(shareData);
//分享到微博
wx.onMenuShareWeibo(shareData);
};
export {isWeiXin, initWechatShare};