近期做了一個(gè)分享微信好友的功能，對(duì)于微信公眾號(hào)開(kāi)發(fā)不熟悉的小白來(lái)說(shuō)，可謂踩了很多坑。接下來(lái)直接進(jìn)入正題，

1.首先微信分享功能需要你具備一個(gè)企業(yè)微信服務(wù)號(hào)，進(jìn)入微信公眾號(hào)后臺(tái)輸入js接口的安全域名以及域名所對(duì)應(yīng)的IP地址白名單（不配置會(huì)報(bào)invalid sigurature,微信官方?jīng)]有這個(gè)，注意踩坑），還有記得把微信后臺(tái)下載的文件讓運(yùn)維放到域名服務(wù)器的根目錄下。

2.網(wǎng)上很多import wx from "weixin-js-sdk"(正確做法是用require引入),不知道你們這些人是如何成功的，一篇垃圾博文的始作俑者居然被全網(wǎng)轉(zhuǎn)載都不加驗(yàn)證的，我就想問(wèn)問(wèn)你們打印出來(lái)的wx難道不是undefined.

這里本人采用的是import?wx?from?'weixin-jsapi'，使用之前記得安裝weixin-jsapi依賴到項(xiàng)目中。

3.

getSigurature() {const url = API_USER.shareSignatureconst params = {url: window.location.href}this.$post(url, params).then(res => {const { timestamp, nonceStr, signature, appId } = res.datawx.config({debug: true, // 開(kāi)啟調(diào)試模式,調(diào)用的所有api的返回值會(huì)在客戶端alert出來(lái)，若要查看傳入的參數(shù)，可以在pc端打開(kāi)，參數(shù)信息會(huì)通過(guò)log打出，僅在pc端時(shí)才會(huì)打印。appId, // 必填，公眾號(hào)的唯一標(biāo)識(shí) this.appIdtimestamp, // 必填，生成簽名的時(shí)間戳 this.timestampnonceStr, // 必填，生成簽名的隨機(jī)串 this.nonceStrsignature, // 必填，簽名 this.signaturejsApiList: ['onMenuShareAppMessage'] // 必填，需要使用的JS接口列表})})},goShare() {wx.ready(() => {wx.onMenuShareAppMessage({title: '', // 分享標(biāo)題desc: '', // 分享描述link: '要分享的url', // 分享鏈接，該鏈接域名或路徑必須與當(dāng)前頁(yè)面對(duì)應(yīng)的公眾號(hào)JS安全域名一致imgUrl: '', // 分享圖標(biāo)success: function() {// 設(shè)置成功},fail: function(res) {}})})}

如需轉(zhuǎn)載，請(qǐng)注明文章出處，侵權(quán)必究！

總結(jié)

以上是生活随笔為你收集整理的移动端分享链接给微信好友的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。