知識
不管是網(wǎng)站,軟件還是小程序,都要直接或間接能為您產(chǎn)生價值,我們在追求其視覺表現(xiàn)的同時,更側(cè)重于功能的便捷,營銷的便利,運營的高效,讓網(wǎng)站成為營銷工具,讓軟件能切實提升企業(yè)內(nèi)部管理水平和效率。優(yōu)秀的程序為后期升級提供便捷的支持!
您當前位置>首頁 » 新聞資訊 » 小程序相關(guān) >
微信小程序分享功能開發(fā)及調(diào)試方法
發(fā)表時間:2021-1-5
發(fā)布人:葵宇科技
瀏覽次數(shù):112
首先說一下使用方法如下,Button組件設(shè)置open-type="share"即可觸發(fā)onShareAppMessage完成分享功能
<button class="toudi" open-type="share" catchtap="toujianli" data-qyuid='{{[item.uid,item.id,3,item.provinceid,item.three_cityid]}}'
wx:if="{{istuijian==1}}">分享職位</button>
onShareAppMessage(option){
let uid,id,provinceid,three_cityid
uid=option.target.dataset.qyuid[0];
id=option.target.dataset.qyuid[1]
provinceid=option.target.dataset.qyuid[3]
three_cityid=option.target.dataset.qyuid[4]
let tjruid =wx.getStorageSync('uid')
return {
title: '好工作推薦', // 轉(zhuǎn)發(fā)后 所顯示的title
path: '/pages/jobdetail/jobdetail?id='+id+'&uid='+uid+'&provinceid='+provinceid+'&three_cityid='+three_cityid+'&tjruid='+tjruid,
// 相對的路徑 這里為收到分享卡片用戶點擊以后打開的頁面因為在之前已經(jīng)提交過正式版本,
這里我不確定是否必須要線上頁面
success: (res)=>{ // 成功后要做的事情
console.log('分享成功',res)
},
fail: function (res) {
// 分享失敗
console.log(res)
}
}
},
onShareAppMessage中的option參數(shù)里面可以拿到button上面?zhèn)鬟f的參數(shù),這是自己發(fā)現(xiàn)的也是折騰良久呀?。∫驗檫@里是多個參數(shù),加之之前的多個按鈕用了這一串參數(shù),
就沒做修改按照數(shù)組傳遞不是取的時候沒有傳對象舒服。
獲取參數(shù)的就是對應(yīng)頁面中onload生命周期的options參數(shù)
onLoad: function (options) {
this.setData({
provinceid:options.provinceid,
three_cityid:options.three_cityid,
jobid:options.id,
jobuid:options.uid
})
},
開發(fā)時遇到的一個坑,就是使用小程序Button組件分享,按照正確方法配置了分享參數(shù),結(jié)果發(fā)現(xiàn)完全沒有生效,連title都沒能顯示真確,回調(diào)也看不到,但是依然能成功分享,只是任何任何參數(shù)都沒能帶出去,折騰許久最后發(fā)現(xiàn)問題所在,因為查各位大佬的分享,只是知道了用法,本身作為小白的我接觸小程序不是特別深,平時沒注意js文件默認預(yù)留了onShareAppMessage方法,如代碼所示,自己寫了一次在代碼里,然后執(zhí)行的時候被空方法覆蓋了,所以沒成功,提出來,如果有類似遭遇的同行看到了可以檢查下有么有這個問題
onShareAppMessage(option){
let uid,id,provinceid,three_cityid
uid=option.target.dataset.qyuid[0];
id=option.target.dataset.qyuid[1]
provinceid=option.target.dataset.qyuid[3]
three_cityid=option.target.dataset.qyuid[4]
let tjruid =wx.getStorageSync('uid')
return {
title: '好工作推薦', // 轉(zhuǎn)發(fā)后 所顯示的title
path: '/pages/jobdetail/jobdetail?id='+id+'&uid='+uid+'&provinceid='+provinceid+'&three_cityid='+three_cityid+'&tjruid='+tjruid,
// 相對的路徑
// path: '/pages/jobdetail/jobdetail?id=1254&uid=148&provinceid=重慶&three_cityid=渝北區(qū)&tjruid=123',
// 相對的路徑
success: (res)=>{ // 成功后要做的事情
console.log('分享成功',res)
},
fail: function (res) {
// 分享失敗
console.log(res)
}
}
},
/**
* 用戶點擊右上角分享
*/
onShareAppMessage: function () {
}
整塊流程調(diào)試的話一是使用真機調(diào)試,另外一個就是開發(fā)工具配置選擇添加編譯模式,這個方法只是看到流程結(jié)果達到的效果,無法動態(tài)使用參數(shù)。
模式名稱自己取名的
真機調(diào)試的話,我使用的方法是兩個微信號,兩部手機都配置了開發(fā)權(quán)限,A微信號分享內(nèi)容給B微信號,如果兩個微信號都需要有同一開發(fā)環(huán)境,就是A和B都同時掃描過真機調(diào)試就可以,B收到分享卡片先掃碼打開真機測試,然后切換回微信區(qū)打開A微信接收到的分享卡片,就還是處于正常的開發(fā)調(diào)試功能,其實一部手機也可以完成只是因為我需要看不同參數(shù)的效果
記錄使用微信小程序分享功能,小白一個如有不正確地方,或者有更簡單的方法歡迎大佬們給出意見建議
相關(guān)案例查看更多
相關(guān)閱讀
- 汽車報廢拆解管理系統(tǒng)
- 汽車回收管理
- .net網(wǎng)站
- 網(wǎng)站建設(shè)案例
- 網(wǎng)站建設(shè)特性
- 電商網(wǎng)站建設(shè)
- 網(wǎng)絡(luò)公司聯(lián)系方式
- 小程序開發(fā)排名前十名
- 迪慶小程序開發(fā)
- 搜索排名
- 日歷組件
- 云南小程序定制
- 網(wǎng)站建設(shè)哪家強
- 云南網(wǎng)站建設(shè)方法
- 云南建站公司
- 網(wǎng)站建設(shè)方法
- 微分銷
- 昆明網(wǎng)絡(luò)公司
- 網(wǎng)站建設(shè)列表網(wǎng)
- 昆明小程序開發(fā)聯(lián)系方式
- 昆明小程序定制開發(fā)
- 海南小程序制作公司
- 云南軟件定制
- 云南網(wǎng)站建設(shè)高手
- 小程序開發(fā)平臺前十名
- 做小程序被騙
- 百度排名
- 云南小程序開發(fā)
- 昆明網(wǎng)站制作
- 云南網(wǎng)站建設(shè)