移动端分享链接给微信好友
生活随笔
收集整理的這篇文章主要介紹了
移动端分享链接给微信好友
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
近期做了一個分享微信好友的功能,對于微信公眾號開發不熟悉的小白來說,可謂踩了很多坑。接下來直接進入正題,
1.首先微信分享功能需要你具備一個企業微信服務號,進入微信公眾號后臺輸入js接口的安全域名以及域名所對應的IP地址白名單(不配置會報invalid sigurature,微信官方沒有這個,注意踩坑),還有記得把微信后臺下載的文件讓運維放到域名服務器的根目錄下。
2.網上很多import wx from "weixin-js-sdk"(正確做法是用require引入),不知道你們這些人是如何成功的,一篇垃圾博文的始作俑者居然被全網轉載都不加驗證的,我就想問問你們打印出來的wx難道不是undefined.
這里本人采用的是import?wx?from?'weixin-jsapi',使用之前記得安裝weixin-jsapi依賴到項目中。
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, // 開啟調試模式,調用的所有api的返回值會在客戶端alert出來,若要查看傳入的參數,可以在pc端打開,參數信息會通過log打出,僅在pc端時才會打印。appId, // 必填,公眾號的唯一標識 this.appIdtimestamp, // 必填,生成簽名的時間戳 this.timestampnonceStr, // 必填,生成簽名的隨機串 this.nonceStrsignature, // 必填,簽名 this.signaturejsApiList: ['onMenuShareAppMessage'] // 必填,需要使用的JS接口列表})})},goShare() {wx.ready(() => {wx.onMenuShareAppMessage({title: '', // 分享標題desc: '', // 分享描述link: '要分享的url', // 分享鏈接,該鏈接域名或路徑必須與當前頁面對應的公眾號JS安全域名一致imgUrl: '', // 分享圖標success: function() {// 設置成功},fail: function(res) {}})})}如需轉載,請注明文章出處,侵權必究!
總結
以上是生活随笔為你收集整理的移动端分享链接给微信好友的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 【遥感数字图像处理】实验:遥感影像增强方
- 下一篇: python遥感数据有偿处理_地质男转行