js-微信公眾號-判斷是否在微信打開-微信分享相關(guān)

// 微信官方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};

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末颅崩,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子蕊苗,更是在濱河造成了極大的恐慌沿后,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,470評論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件朽砰,死亡現(xiàn)場離奇詭異尖滚,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)瞧柔,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,393評論 3 392
  • 文/潘曉璐 我一進(jìn)店門漆弄,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人非剃,你說我怎么就攤上這事置逻。” “怎么了备绽?”我有些...
    開封第一講書人閱讀 162,577評論 0 353
  • 文/不壞的土叔 我叫張陵券坞,是天一觀的道長。 經(jīng)常有香客問我肺素,道長恨锚,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,176評論 1 292
  • 正文 為了忘掉前任倍靡,我火速辦了婚禮猴伶,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘塌西。我一直安慰自己他挎,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,189評論 6 388
  • 文/花漫 我一把揭開白布捡需。 她就那樣靜靜地躺著办桨,像睡著了一般。 火紅的嫁衣襯著肌膚如雪站辉。 梳的紋絲不亂的頭發(fā)上呢撞,一...
    開封第一講書人閱讀 51,155評論 1 299
  • 那天,我揣著相機(jī)與錄音饰剥,去河邊找鬼殊霞。 笑死,一個(gè)胖子當(dāng)著我的面吹牛汰蓉,可吹牛的內(nèi)容都是我干的绷蹲。 我是一名探鬼主播,決...
    沈念sama閱讀 40,041評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼古沥,長吁一口氣:“原來是場噩夢啊……” “哼瘸右!你這毒婦竟也來了娇跟?” 一聲冷哼從身側(cè)響起岩齿,我...
    開封第一講書人閱讀 38,903評論 0 274
  • 序言:老撾萬榮一對情侶失蹤太颤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后盹沈,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體龄章,經(jīng)...
    沈念sama閱讀 45,319評論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,539評論 2 332
  • 正文 我和宋清朗相戀三年乞封,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了做裙。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,703評論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡肃晚,死狀恐怖锚贱,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情关串,我是刑警寧澤拧廊,帶...
    沈念sama閱讀 35,417評論 5 343
  • 正文 年R本政府宣布,位于F島的核電站晋修,受9級特大地震影響吧碾,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜墓卦,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,013評論 3 325
  • 文/蒙蒙 一倦春、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧落剪,春花似錦睁本、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,664評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至脑又,卻和暖如春暮胧,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背问麸。 一陣腳步聲響...
    開封第一講書人閱讀 32,818評論 1 269
  • 我被黑心中介騙來泰國打工往衷, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人严卖。 一個(gè)月前我還...
    沈念sama閱讀 47,711評論 2 368
  • 正文 我出身青樓席舍,卻偏偏與公主長得像,于是被迫代替她去往敵國和親哮笆。 傳聞我的和親對象是個(gè)殘疾皇子来颤,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,601評論 2 353

推薦閱讀更多精彩內(nèi)容