国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

vue實現(xiàn)微信分享鏈接添加動態(tài)參數(shù)的方法

2019-11-19 11:41:15
字體:
供稿:網(wǎng)友

微信分享時 分享鏈接攜帶參數(shù)可能不是固定的 需要在分享的前一刻才知道 這里就是動態(tài)設(shè)置分享鏈接的基本寫法 代碼不是那么詳盡 但大致流程如下

1.安裝引用jssdk

npm install --save weixin-js-sdkconst wx=require('weixin-js-sdk')

2.通過config接口注入配置信息

const jsApiList = ['onMenuShareQQ', 'onMenuShareAppMessage', 'onMenuShareTimeline', 'updateAppMessageShareData', 'updateTimelineShareData']

methods中的方法

getUrl () { if (window.entryUrl === '') { window.entryUrl = location.href.split('#')[0] } var u = navigator.userAgent var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1 // g return isAndroid ? location.href.split('#')[0] : window.entryUrl},getConfig () { var url = this.getUrl() return new Promise((resolve, reject) => { this.$axios.get('your requestUrl', { params: { url: url } }).then((response) => { var data = response.data.data var appId = data.appId var noncestr = data.nonceStr // var jsapi_ticket = res.jsapi_ticket; var timestamp = data.timestamp var signature = data.signature wx.config({ debug: false, // 開啟調(diào)試模式,調(diào)用的所有api的返回值會在客戶端alert出來,若要查看傳入的參數(shù),可以在pc端打開,參數(shù)信息會通過log打出,僅在pc端時才會打印。 appId: appId, // 必填,公眾號的唯一標(biāo)識 timestamp: timestamp, // 必填,生成簽名的時間戳 nonceStr: noncestr, // 必填,生成簽名的隨機串 signature: signature, // 必填,簽名,見附錄1 jsApiList: jsApiList // 必填,需要使用的JS接口列表,所有JS接口列表 見附錄2 }) wx.error(function (res) { console.log(JSON.stringify(res)) }) resolve() }) })},shareToFriendsCircle () { wx.ready(() => { wx.onMenuShareTimeline({ title: this.title, link: this.link, imgUrl: this.imgUrl, success: function () { } }) })},shareToFriends () { wx.ready(() => { wx.onMenuShareAppMessage({ title: this.title, desc: this.desc, link: this.link, imgUrl: this.imgUrl, success: function () { } }) })},

在mounted中調(diào)用 getConfig方法

調(diào)用分享方法的位置代碼大致如下

this.link = location.origin + '/****/index.html#/share?openId=' + this.openId + '&shareId=' + shareIdthis.desc = '分享鏈接添加動態(tài)參數(shù)'this.shareToFriends()this.shareToFriendsCircle()

總結(jié)

以上所述是小編給大家介紹的vue實現(xiàn)微信分享鏈接添加動態(tài)參數(shù)的方法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對武林網(wǎng)網(wǎng)站的支持!
如果你覺得本文對你有幫助,歡迎轉(zhuǎn)載,煩請注明出處,謝謝!

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 明溪县| 海宁市| 汝州市| 太仆寺旗| 永登县| 兴和县| 利津县| 乐都县| 连山| 平泉县| 会昌县| 大邑县| 台湾省| 兖州市| 宜都市| 开阳县| 肃南| 涡阳县| 台北市| 甘肃省| 四会市| 醴陵市| 呼图壁县| 黎城县| 无锡市| 天等县| 抚顺市| 和田县| 佛冈县| 新干县| 丰原市| 田阳县| 湘潭市| 湟源县| 盘锦市| 那坡县| 始兴县| 邵阳市| 邵阳市| SHOW| 于田县|