H5頁面在微信端的分享
1、獲取基本信息
2、實現(xiàn)
1）、頁面引入JS-SDK文件
2）、基本配置
wx.config({debug: false,// 是否開啟調(diào)試模式appId: appid,//appidtimestamp: timestamp,// 時間戳nonceStr: noncestr,// 隨機(jī)字符串signature: signature,// 簽名jsApiList:['onMenuShareTimeline','onMenuShareAppMessage','onMenuShareQQ','onMenuShareWeibo','onMenuShareQZone']// 需要使用的JS接口列表})
3）、使用
wx.ready(()=> {// 分享給好友wx.onMenuShareAppMessage({title: title, // 分享標(biāo)題desc: desc, // 分享描述link: link, // 分享鏈接imgUrl: imgUrl, // 分享圖標(biāo)success: ()=> {doShareDone()},cancel: ()=> {doShareCancel()}})// 分享到朋友圈wx.onMenuShareTimeline({title: title, // 分享標(biāo)題link: link, // 分享鏈接imgUrl: imgUrl, // 分享圖標(biāo)success: ()=> {doShareDone()},cancel: ()=> {doShareCancel()}})})// 分享成功回調(diào)function doShareDone() {console.log("分享成功")}// 取消分享回調(diào)function doShareCancel() {console.log("取消了分享")}
3、調(diào)試
4、遇到的問題及解決方案
1）、Uncaught TypeError: Cannot read property 'config' of undefined
2）、Uncaught (in promise) TypeError: Cannot read property 'ready' of undefined
3）、invalid signature
解決：如果文檔里的方法都沒有解決這個問題，還有一種方法，先設(shè)置一種最基礎(chǔ)的配置，使其config ok，然后再設(shè)置一遍自己需要的有各種參數(shù)的分享文案，這樣能繞過配置，成功分享。
評論
圖片
表情