真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

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

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

創(chuàng)新互聯(lián)服務(wù)項目包括臨夏州網(wǎng)站建設(shè)、臨夏州網(wǎng)站制作、臨夏州網(wǎng)頁制作以及臨夏州網(wǎng)絡(luò)營銷策劃等。多年來,我們專注于互聯(lián)網(wǎng)行業(yè),利用自身積累的技術(shù)優(yōu)勢、行業(yè)經(jīng)驗、深度合作伙伴關(guān)系等,向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案,臨夏州網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟(jì)效益。目前,我們服務(wù)的客戶以成都為中心已經(jīng)輻射到臨夏州省份的部分城市,未來相信會繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任!

1.安裝引用jssdk

npm install --save weixin-js-sdk
const 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, // 必填,生成簽名的隨機(jī)串
 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=' + shareId
this.desc = '分享鏈接添加動態(tài)參數(shù)'
this.shareToFriends()
this.shareToFriendsCircle()

總結(jié)

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


網(wǎng)站欄目:vue實現(xiàn)微信分享鏈接添加動態(tài)參數(shù)的方法
瀏覽路徑:http://weahome.cn/article/jhhggg.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部