微信分享第三方網(wǎng)頁接口調(diào)試

任務(wù)背景:
用戶在微信中打開第三方網(wǎng)頁嚎卫,然后使用微信分享功能勃救,分享出去的內(nèi)容包含主標(biāo)題和副標(biāo)題,如下圖所示:

1909E995-62A7-496D-AEBB-6ECCCC190DA8.png

上面的圖片是我們想要達(dá)到的效果甲脏,而下面的圖片眶熬,副標(biāo)題是一個(gè)鏈接在裸奔妹笆,不是我們想要的效果;

實(shí)現(xiàn)步驟:
(1)將第三方網(wǎng)站域名綁定到微信公眾號(hào)上娜氏;因此晾浴,你必須要有一個(gè)微信公眾號(hào);
(2)在微信公眾號(hào)中綁定第三方服務(wù)的域名牍白;
(3)第三方網(wǎng)頁在網(wǎng)頁中集成微信的Js-Sdk;
(4)調(diào)用微信登錄接口獲取AccessToken脊凰;(這一步要要注意,這個(gè)AccessToken有每天2000次的獲取限制茂腥,需要在自己的服務(wù)器端進(jìn)行全局緩存)
可參見微信的官方文檔:
https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421140183&token=&lang=zh_CN

(5)調(diào)用微信分享接口狸涌,傳入AccessToken,獲取jsTicket.(jsticket也需要全局緩存)
(因?yàn)閍ccess_token和jsapi_ticket必須要在自己的服務(wù)器緩存,否則上線后會(huì)觸發(fā)頻率限制最岗。請(qǐng)確保一定對(duì)token和ticket做緩存以減少2次服務(wù)器請(qǐng)求帕胆,不僅可以避免觸發(fā)頻率限制,還加快你們自己的服務(wù)速度般渡。目前為了方便測(cè)試提供了1w的獲取量懒豹,超過閥值后,服務(wù)將不再可用驯用,請(qǐng)確保在服務(wù)上線前一定全局緩存access_token和jsapi_ticket脸秽,兩者有效期均為7200秒,否則一旦上線觸發(fā)頻率限制蝴乔,服務(wù)將不再可用)记餐。

(6)使用jsTicket拼裝JSSDK中需要用到的參數(shù);
例如:
wx.config({
debug: true, // 開啟調(diào)試模式,調(diào)用的所有api的返回值會(huì)在客戶端alert出來薇正,若要查看傳入的參數(shù)片酝,可以在pc端打開,參數(shù)信息會(huì)通過log打出挖腰,僅在pc端時(shí)才會(huì)打印雕沿。
appId: '', // 必填,公眾號(hào)的唯一標(biāo)識(shí)
timestamp: , // 必填猴仑,生成簽名的時(shí)間戳
nonceStr: '', // 必填审轮,生成簽名的隨機(jī)串
signature: '',// 必填,簽名宁脊,見附錄1
jsApiList: [] // 必填断国,需要使用的JS接口列表贤姆,所有JS接口列表見附錄2
});

(7)向用戶展現(xiàn)最終的頁面榆苞;

注意事項(xiàng):
在進(jìn)行簽名時(shí),需要使用url參數(shù)霞捡,這個(gè)URL 參數(shù)不要寫死坐漏,應(yīng)該在打開頁面時(shí),實(shí)時(shí)獲取當(dāng)前頁面的URL地址;因?yàn)樯蘖眨?dāng)網(wǎng)頁被分享出去后街夭,微信會(huì)在頁面的后面附加一些參數(shù),這些參數(shù)會(huì)導(dǎo)致在為第二次分享進(jìn)行簽名時(shí)躏筏,簽名錯(cuò)誤板丽;

以下引用微信開發(fā)文檔的原文:

確保你獲取用來簽名的url是動(dòng)態(tài)獲取的,動(dòng)態(tài)頁面可參見實(shí)例代碼中php的實(shí)現(xiàn)方式趁尼。如果是html的靜態(tài)頁面在前端通過ajax將url傳到后臺(tái)簽名埃碱,前端需要用js獲取當(dāng)前頁面除去'#'hash部分的鏈接(可用location.href.split('#')[0]獲取,而且需要encodeURIComponent),因?yàn)轫撁嬉坏┓窒硭峙ⅲ⑿趴蛻舳藭?huì)在你的鏈接末尾加入其它參數(shù)砚殿,如果不是動(dòng)態(tài)獲取當(dāng)前鏈接,將導(dǎo)致分享后的頁面簽名失敗芝囤。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末似炎,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子悯姊,更是在濱河造成了極大的恐慌羡藐,老刑警劉巖,帶你破解...
    沈念sama閱讀 219,188評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件悯许,死亡現(xiàn)場(chǎng)離奇詭異传睹,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)岸晦,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,464評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門欧啤,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人启上,你說我怎么就攤上這事邢隧。” “怎么了冈在?”我有些...
    開封第一講書人閱讀 165,562評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵倒慧,是天一觀的道長。 經(jīng)常有香客問我包券,道長纫谅,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,893評(píng)論 1 295
  • 正文 為了忘掉前任溅固,我火速辦了婚禮付秕,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘侍郭。我一直安慰自己询吴,他們只是感情好掠河,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,917評(píng)論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著猛计,像睡著了一般唠摹。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上奉瘤,一...
    開封第一講書人閱讀 51,708評(píng)論 1 305
  • 那天勾拉,我揣著相機(jī)與錄音,去河邊找鬼盗温。 笑死望艺,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的肌访。 我是一名探鬼主播找默,決...
    沈念sama閱讀 40,430評(píng)論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼吼驶!你這毒婦竟也來了惩激?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,342評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤蟹演,失蹤者是張志新(化名)和其女友劉穎风钻,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體酒请,經(jīng)...
    沈念sama閱讀 45,801評(píng)論 1 317
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡骡技,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,976評(píng)論 3 337
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了羞反。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片布朦。...
    茶點(diǎn)故事閱讀 40,115評(píng)論 1 351
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖昼窗,靈堂內(nèi)的尸體忽然破棺而出是趴,到底是詐尸還是另有隱情,我是刑警寧澤澄惊,帶...
    沈念sama閱讀 35,804評(píng)論 5 346
  • 正文 年R本政府宣布唆途,位于F島的核電站,受9級(jí)特大地震影響掸驱,放射性物質(zhì)發(fā)生泄漏肛搬。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,458評(píng)論 3 331
  • 文/蒙蒙 一毕贼、第九天 我趴在偏房一處隱蔽的房頂上張望温赔。 院中可真熱鬧,春花似錦帅刀、人聲如沸让腹。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,008評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽骇窍。三九已至,卻和暖如春锥余,著一層夾襖步出監(jiān)牢的瞬間腹纳,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,135評(píng)論 1 272
  • 我被黑心中介騙來泰國打工驱犹, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留嘲恍,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,365評(píng)論 3 373
  • 正文 我出身青樓雄驹,卻偏偏與公主長得像佃牛,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子医舆,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,055評(píng)論 2 355

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