微信分享的東西目前文檔已經很完善了。記錄下做微信分享時遇到的坑，以及流程。

配置相關的就不說了， 文檔里很明白。

1：先登錄微信公眾平臺進入“公眾號設置”的“功能設置”里填寫“JS接口安全域名”。

2：在需要調用JS接口的頁面引入如下JS文件，(支持https)：

3：前端需要獲取的是以下配置參數

wx.config({

debug: true,

// 開啟調試模式,調用的所有api的返回值會在客戶端alert出來，

//若要查看傳入的參數，可以在pc端打開，參數信息會通過log打出，僅在pc端時才會打印。

appId: '', // 必填，公眾號的唯一標識 在公眾號后臺找 也可以后端返回

timestamp: , // 必填，生成簽名的時間戳 后端返回 示例 : 1566466330

nonceStr: '', // 必填，生成簽名的隨機串 后端返回 示例 : 'qcmjlufmkiu6ls3pm9fl6zpw4upaphpu'

signature: '',// 必填，簽名 后端返回 示例 : 898c11a276d3ac322ac8fa2a1c9c4478d911bd3f

jsApiList: [] // 必填，需要使用的JS接口列表

});

其中 重點說一下 signature 此簽名是由 后端通過 jsapi_ticket 、noncestr 、 timestamp 、url( 當前頁面 location.href) 來生成的。 url需要前端傳給后端 盡量別去改變url 否則會簽名失敗；比如我之前想把微信分享后自帶的form給split掉 結果就生成簽名失敗了

前端代碼

生成簽名的示例：

jsapi_ticket=LIKLckvwlJT9cWIhEMSwfPQ6i-iF7CzG9MfFdUetFysv2QsIY631ub8-TQbXpqzs-cTloAehPWMRe2ibSsAwEA&noncestr=eb7iuq1o4j1bs4a2ex9yeqjupcw7gi5f&timestamp=1566463922&url=xxxxx

配置微信分享內容 微信分享內容可以是接口請求回來的 也可以寫死。 重點是 在配置link的時候 可以分享非當前頁面，但必須是在本域名下。

wx.ready(function () {

wx.onMenuShareAppMessage({

title: '送你一張優惠券，馬上領取',

desc: '領取優惠券，來全球歡商城領取即可享優惠。僅此一張，先到先得。',

link: location.href, // 可以分享別的頁面 但要在同域名

imgUrl: shareContent['share_img'],

trigger: function (res) {},

success: function (res) {}

});

// 2.2 監聽“分享到朋友圈”按鈕點擊、自定義分享內容及分享結果接口

wx.onMenuShareTimeline({

title: '送你一張優惠券，馬上領取',

link: location.href, // 可以分享別的頁面 但要在同域名

imgUrl: shareContent['share_img'],

trigger: function (res) {},

success: function (res) {}

});

});

最后 附上配置微信config的報錯碼

微信config的報錯碼

總結

以上是生活随笔為你收集整理的前端做微信好友分享_web端实现微信分享功能的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。