微信二次分享／自定義分享

從App中使用App分享（一次分享）

使用微信導航欄的分享（二次分享） －－已做處理

使用微信導航欄的分享（二次分享） －－未做處理

如上圖，如果不做相關處理，頁面進行二次分享，用戶看到的就是鏈接＋空圖，上面顯示的文案（考拉閱讀）實際上是獲取的title標簽中的文案，我在網上查的相關例子有說明，圖片如果不設置，將會自動獲取瀏覽器渲染的第一張圖片，經過個人測試，并沒有實現（朋友圈同理，不做圖片展示）。

微信js-sdk說明文檔

先登錄微信公眾平臺進入“公眾號設置”的“功能設置”里填寫“JS接口安全域名”。（一般后端配置）

前端需要調取后端的接口，獲取微信的congfig所需要的參數

wx.config({ debug: true, // 開啟調試模式,調用的所有api的返回值會在客戶端alert出來，若要查看傳入的參數，可以在pc端打開，參數信息會通過log打出，僅在pc端時才會打印。 appId: '', // 必填，公眾號的唯一標識 timestamp: , // 必填，生成簽名的時間戳 nonceStr: '', // 必填，生成簽名的隨機串 signature: '',// 必填，簽名 jsApiList: [] // 必填，需要使用的JS接口列表});

jsApiList里面需要填寫你調用的jsApi，updateAppMessageShareData（分享微信，QQ），updateTimelineShareData（微信朋友圈，QQ空間），onMenuShareTimeline／onMenuShareAppMessage／onMenuShareQQ 這三個即將廢棄，不建議使用。

⚠️但是在本次開發中，我只使用了updateAppMessageShareData，updateTimelineShareData，個別Android（微信版本7.0.3）分享出來的還是沒有圖片和文案，ios的是沒有問題，所以又加上了棄用的onMenuShareTimeline，onMenuShareAppMessage之后，安卓機也可以正常分享。

判斷當前客戶端版本是否支持指定JS接口

wx.checkJsApi({ jsApiList: ['chooseImage'], // 需要檢測的JS接口列表，所有JS接口列表見附錄2, success: function(res) { // 以鍵值對的形式返回，可用的api值true，不可用為false // 如：{"checkResult":{"chooseImage":true},"errMsg":"checkJsApi:ok"} }});

wx.config中的 debug 設為true，在微信測試時會自動彈出相關信息，在微信開發者工具中也會打印出流程（分為begin，end）,如下圖

1、通過ready接口處理成功驗證