js sdk微信分享功能的實現 vue

2022-06-28 05:48:08 字數 1429 閱讀 9150

經過處理了各種bug後的最終版本**

在index.html:

引入在需要做分享功能的頁面:

created()

methods:/getvideo?vid=$`).then(res=>

}).catch(err=>{})

}wxsharecheck()

}getwxshare()/getwxshareparam?url=$`).then(res=>)

wx.ready(()=>`:'', // 分享描述

imgurl: this.videodetails.image?this.videodetails.image:'', // 分享圖示

success: function () ,

cancel:function()

})wx.onmenusharetimeline(,

cancel:function()

})})

wx.error(function(res))

}else

}).catch()

},}

------ 很多人說是在vue的mounted週期裡執行,但我認為更保險的執行時期是在拿到頁面資料之後。因為若執行分享函式時,資料還沒拿到的話,那麼第一可能分享功能失效,第二可能分享出去的**是undefined。

2、報錯63002(意思是無效的簽名)是什麼原因造成的?

------ 很大因素可能就是網域名稱不符合的問題,要與後端溝通好網域名稱,config裡的每乙個配置都要確認無誤才可以。

------ 那麼怎麼辦呢?思路是去除from等引數帶來的影響

getwxshare()

let from = getquerystring('from');

let sec = getquerystring('sec');

let timekey = getquerystring('timekey');

window.location.href =window.location.href.split("?")[0]

}。。。。。。

}

getwxshare()

title:

desc:

link: window.location.href, // 值得一提的是,這裡請使用window.location.href而不要圖省事使用url,url可是經過轉碼的,這裡不可使用

imgurl:

success: function () {},

cancel:function(){}

})暫時沒有發現什麼弊端

5、若分享的鏈結是這樣的鏈結中帶有&會導致請求介面時被自動解析
如上,使用encodeuricomponent轉碼後上傳即可

微信jssdk實現分享到微信

可以看到我的賬號是訂閱號而且是未認證的 因為我專案中用的賬號是公司的號,我現在只是以我自己的號 簡單說一下。你自己需要的賬號是已經認證的 據說要花300元,好貴。然後看一下左邊選單的介面許可權裡面的分享介面是否已經授權了 同樣的我的是未獲得的 因為我是以我的為例子的 我實際上用的是公司的號不是我自己...

jssdk分享設定 微信分享 JSSDK的使用

分享功能的 一般會放在beforecreate或mounted鉤子中,如下 then else 分享成功觸發 cancel function 分享取消觸發,需要時可以呼叫 options object.assign defaults,options wx.ready function from ut...

微信jssdk分享筆記

注 由於jssdk授權介面的呼叫可能會影響本地介面的正常呼叫,如果頁面剛剛載入成功的時候需要向服務端請求其他資料介面,一定要讓資料介面呼叫完成後再呼叫拿jssdk授權配置資訊的介面。a 原生html頁面中使用script標籤引入以下檔案 b vue專案 安裝 npm install weixin j...