在微信分享之后，默認的樣子是如下我們希望得到的樣子是這樣那么如何實現(xiàn)，現(xiàn)在記錄一下先登錄微信公眾平臺進入“公眾號設置”的“功能設置”里填寫“JS接口安全域名”，這里的安全域名是你的要分享的H5的域名備注登錄后可在“開發(fā)者中心”查看對應的接口權限在需要調用JS接口的頁面引入如下JS。

JS代碼如下var imgUrl = quot圖片LOGO注意必須是絕對路徑quot var lineLink = quot網(wǎng)站網(wǎng)址，必須是絕對路徑quot var descContent = #39分享給朋友或朋友圈時的文字簡介#39var shareTitle = #39標題#39 var appid = #39#39 apiID，可留空function shareFriend WeixinJSBridgeinvoke#39sendAppMessage#39，quot。

通過使用微信JSSDK，網(wǎng)頁開發(fā)者可借助微信高效地使用拍照選圖語音位置等手機系統(tǒng)的能力，同時可以直接使用微信分享掃一掃卡券支付等微信特有的能力，為微信用戶提供更優(yōu)質的網(wǎng)頁體驗 例子為在vue中使用微信JSSDK，步驟如下先登錄微信公眾平臺進入“公眾號設置”的“功能設置”里填寫“。

ticket， $nonceStr， $timestamp，#39要分享的url從。

binticketgetticket？access_token=15_WIBgB3rlDJbZH32IaPO27tMxooyLVSqnkWUBhX5k9ZahuNwrokcJOnT_qA26R7xt55XAqww0IK7pOHjS_LLvo2DVdMrt3V6_gJq6qmRNWemBdqtL6woXCDF8mqaGnCjXvoeCBIF1ImVskFPPWdAJAJJQtype=jsapi。

獲取微信jssdk，用于分享 vm$ url locationhref thenres = res = resdata vm$uvuex#39vuex_jssdk#39， resconsolelogresjweixinconfig debug resdebug， 開啟調試模式，調用的所有api的返回值會在客戶端alert出來，若要查看傳入的參數(shù)。

注入權限用的 要使用微信的JS接口必須要注入權限，而注入權限比如要有appid參數(shù) 如config debug true， 開啟調試模式，調用的所有api的返回值會在客戶端alert出來，若要查看傳入的參數(shù)，可以在pc端打開，參數(shù)信息會通過log打出，僅在pc端時才會打印 appId #39#39， 必填，公眾號。