<del id="kusms"></del>

定制微信分享的內容（備忘）

Java_oldboy 發布于2019-08-21 16:44 / 2090人閱讀

摘要：微信分享的內容，從視覺上看有三個部分標題描述圖片。聲明年月日，微信宣布未接入的網站將統一顯示默認縮略圖所以在某些時候，訂制內容是極為必要的。

微信分享的內容，從視覺上看有三個部分：標題、描述、圖片。
如果不使用微信的 jssdk 進行訂制的話，微信會截取一張大概 300*300 并且距離標簽最近的一張圖片作為需要的圖片；標題會選取中的內容；描述則會是該頁面的 URL。

聲明：2017年3月29日，微信宣布未接入 JSSDK 的網站將統一顯示默認縮略圖

所以在某些時候，訂制內容是極為必要的。
需要做的事情也很簡單
首先需要和微信服務器交互以獲得以下字段，這些字段通常由服務端獲取并傳遞給前端：
appId 公眾號的唯一標識
timestamp生成簽名的時間戳
nonceStr生成簽名的隨機串
signature簽名（獲取簽名比獲取其他字段稍微麻煩一點）

獲取了之后，在你的標簽中寫如下的代碼

 wx.config({
                debug: true, // 開啟調試模式,調用的所有api的返回值會在客戶端alert出來，若要查看傳入的參數，可以在pc端打開，參數信息會通過log打出，僅在pc端時才會打印。
                appId: yourAppId, // 必填，公眾號的唯一標識
                timestamp: yourtimestamp, // 必填，生成簽名的時間戳
                nonceStr: yournonceStr, // 必填，生成簽名的隨機串
                signature: yoursignature,// 必填，簽名
                jsApiList: [
                    "checkJsApi",
                    "onMenuShareTimeline",
                    "onMenuShareAppMessage",
                    "onMenuShareQQ",
                    "onMenuShareWeibo"
                ] // 必填，需要使用的JS接口列表(此處接入了四個用于分享的接口)，所有JS接口列表見官方文檔
            });
            
            window.share_config = {
                "share": {
                    "title" : "",//分享卡片標題
                    "desc" : " ",//摘要,只有發給朋友才顯示摘要。
                    "imgUrl": "",//分享圖，默認當相對路徑處理，所以使用絕對路徑的的話，“http://”協議前綴必須在。
                    "link": window.location.href,//分享出去后的鏈接，這里可以將鏈接設置為另一個頁面。
                    "success":function(){
                        //分享成功后的回調函數
                    },
                    "cancel": function () { 
                        // 用戶取消分享后執行的回調函數
                    }
                }
            };  
            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...

GPU云服務器云服務器微信分享的jssdk 分享java視頻的微信公眾號分享內容微信分享

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/88660.html

擼一個會話備忘錄的小程序

摘要：最終實現的撮圖目的借助小程序記錄微信日常會話中的重要信息，數據在本地緩存中操作，純前端無后臺，不用擔心信息泄露問題。最終實現的撮圖：showImg(https://raw.githubusercontent.com/WGinit/Assets/master/images/memo/1.jpg);showImg(https://raw.githubusercontent.com/WGi...

leon 2019-08-22 14:48 評論0 收藏0
100行代碼，輕松搞定文本編輯器中草稿箱

摘要：本文節選自設計模式就該這樣學使用備忘錄模式實現草稿箱功能大家都用過網頁中的富文本編輯器，編輯器通常都會附帶草稿箱撤銷等操作。首先創建發起人角色編輯器類。本文節選自《設計模式就該這樣學》1　使用備忘錄模式實現草稿箱功能大家都用過網頁中的富文本編輯器，編輯器通常都會附帶草稿箱、撤銷等操作。下面用一段代碼來實現一個...

番茄西紅柿 2021-11-24 09:39 評論0 收藏2637
來 DIY 個機器人 - 收藏集 - 掘金

摘要：能不能省掉這些煩瑣的步驟，讓開發人員自己完成呢現在好了，你可以用和把聊天機器人接入微信工具資源掘金今晚看了個電影，回得有點遲。小花貓-網頁聊天機器人 - 前端 - 掘金基于圖靈機器人API的網頁聊天機器人，輸入二維碼+你要說的話有驚喜哦~~~（菜單中的功能尚未開發完成，玩玩聊天功能就好了~）代碼開源在https://github.com/ColorfulCa... 了~... （英...

mrli2016 2019-07-31 10:55 評論0 收藏0
80億大單！數據港又簽下阿里哪些數據中心？

摘要：近日，數據港發布公告表示，公司已與阿里巴巴順利簽署了關于等五個云計算數據中心基地園區項目的合作備忘錄。此次數據港與阿里巴巴億大單的簽訂標志著數據港業務規模將會大幅增長。近日，數據港發布公告表示，公司已與阿里巴巴順利簽署了關于ZH13等五個云計算數據中心基地園區項目的合作備忘錄。備忘錄明確約定了包括項目合作內容、項目合作周期、費用結算、違約罰則、法律效力及生效條款等所有主要商務條款。據悉，20...

XiNGRZ 2019-04-29 15:50 評論0 收藏0