資訊專欄INFORMATION COLUMN
摘要：微信分享的內(nèi)容，從視覺上看有三個部分標(biāo)題描述圖片。聲明年月日，微信宣布未接入的網(wǎng)站將統(tǒng)一顯示默認縮略圖所以在某些時候，訂制內(nèi)容是極為必要的。
微信分享的內(nèi)容，從視覺上看有三個部分：標(biāo)題、描述、圖片。
如果不使用微信的 jssdk 進行訂制的話，微信會截取一張大概 300*300 并且距離 標(biāo)簽最近的一張圖片作為需要的圖片；標(biāo)題會選取
聲明：2017年3月29日，微信宣布未接入 JSSDK 的網(wǎng)站將統(tǒng)一顯示默認縮略圖
所以在某些時候，訂制內(nèi)容是極為必要的。
需要做的事情也很簡單
首先需要和微信服務(wù)器交互以獲得以下字段，這些字段通常由服務(wù)端獲取并傳遞給前端：
appId 公眾號的唯一標(biāo)識
timestamp生成簽名的時間戳
nonceStr生成簽名的隨機串
signature簽名（獲取簽名比獲取其他字段稍微麻煩一點）
獲取了之后，在你的標(biāo)簽中寫如下的代碼
wx.config({
debug: true, // 開啟調(diào)試模式,調(diào)用的所有api的返回值會在客戶端alert出來，若要查看傳入的參數(shù)，可以在pc端打開，參數(shù)信息會通過log打出，僅在pc端時才會打印。
appId: yourAppId, // 必填，公眾號的唯一標(biāo)識
timestamp: yourtimestamp, // 必填，生成簽名的時間戳
nonceStr: yournonceStr, // 必填，生成簽名的隨機串
signature: yoursignature,// 必填，簽名
jsApiList: [
"checkJsApi",
"onMenuShareTimeline",
"onMenuShareAppMessage",
"onMenuShareQQ",
"onMenuShareWeibo"
] // 必填，需要使用的JS接口列表(此處接入了四個用于分享的接口)，所有JS接口列表見官方文檔
});
window.share_config = {
"share": {
"title" : "",//分享卡片標(biāo)題
"desc" : " ",//摘要,只有發(fā)給朋友才顯示摘要。
"imgUrl": "",//分享圖，默認當(dāng)相對路徑處理，所以使用絕對路徑的的話，“http://”協(xié)議前綴必須在。
"link": window.location.href,//分享出去后的鏈接，這里可以將鏈接設(shè)置為另一個頁面。
"success":function(){
//分享成功后的回調(diào)函數(shù)
},
"cancel": function () {
// 用戶取消分享后執(zhí)行的回調(diào)函數(shù)
}
}
};
wx.ready(function () {
wx.onMenuShareAppMessage(share_config.share);//分享給好友
wx.onMenuShareTimeline(share_config.share);//分享到朋友圈
wx.onMenuShareQQ(share_config.share);//分享給手機QQ
wx.onMenuShareWeibo(share_config.share);//分享給微博
});
把以上代碼寫進去就 ok 啦，
參考文章：
官方文檔:http://mp.weixin.qq.com/wiki/...
http://meiminjun.github.io/20...
http://chitanda.me/2015/06/19...
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/88660.html
摘要：最終實現(xiàn)的撮圖目的借助小程序記錄微信日常會話中的重要信息，數(shù)據(jù)在本地緩存中操作，純前端無后臺，不用擔(dān)心信息泄露問題。 最終實現(xiàn)的撮圖：showImg(https://raw.githubusercontent.com/WGinit/Assets/master/images/memo/1.jpg);showImg(https://raw.githubusercontent.com/WGi...
摘要：本文節(jié)選自設(shè)計模式就該這樣學(xué)使用備忘錄模式實現(xiàn)草稿箱功能大家都用過網(wǎng)頁中的富文本編輯器，編輯器通常都會附帶草稿箱撤銷等操作。首先創(chuàng)建發(fā)起人角色編輯器類。 本文節(jié)選自《設(shè)計模式就該這樣學(xué)》1 使用備忘錄模式實現(xiàn)草稿箱功能大家都用過網(wǎng)頁中的富文本編輯器，編輯器通常都會附帶草稿箱、撤銷等操作。下面用一段代碼來實現(xiàn)一個...
摘要：能不能省掉這些煩瑣的步驟，讓開發(fā)人員自己完成呢現(xiàn)在好了，你可以用和把聊天機器人接入微信工具資源掘金今晚看了個電影，回得有點遲。 小花貓-網(wǎng)頁聊天機器人 - 前端 - 掘金 基于圖靈機器人API的網(wǎng)頁聊天機器人，輸入二維碼+你要說的話有驚喜哦~~~（菜單中的功能尚未開發(fā)完成，玩玩聊天功能就好了~）代碼開源在https://github.com/ColorfulCa... 了~... （英...
摘要：近日，數(shù)據(jù)港發(fā)布公告表示，公司已與阿里巴巴順利簽署了關(guān)于等五個云計算數(shù)據(jù)中心基地園區(qū)項目的合作備忘錄。此次數(shù)據(jù)港與阿里巴巴億大單的簽訂標(biāo)志著數(shù)據(jù)港業(yè)務(wù)規(guī)模將會大幅增長。近日，數(shù)據(jù)港發(fā)布公告表示，公司已與阿里巴巴順利簽署了關(guān)于ZH13等五個云計算數(shù)據(jù)中心基地園區(qū)項目的合作備忘錄。備忘錄明確約定了包括項目合作內(nèi)容、項目合作周期、費用結(jié)算、違約罰則、法律效力及生效條款等所有主要商務(wù)條款。據(jù)悉，20...
閱讀 832·2023-04-26 00:37
閱讀 719·2021-11-24 09:39
閱讀 2146·2021-11-23 09:51
閱讀 3812·2021-11-22 15:24
閱讀 743·2021-10-19 11:46
閱讀 1876·2019-08-30 13:53
閱讀 2427·2019-08-29 17:28
閱讀 1325·2019-08-29 14:11
