首先說一下使用方法如下，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_cityiduid=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文件默認(rèn)預(yù)留了onShareAppMessage方法，如代碼所示，自己寫了一次在代碼里，然后執(zhí)行的時候被空方法覆蓋了，所以沒成功，提出來，如果有類似遭遇的同行看到了可以檢查下有么有這個問題

onShareAppMessage(option){let uid,id,provinceid,three_cityiduid=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é)果達(dá)到的效果，無法動態(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ù)的效果

記錄使用微信小程序分享功能，小白一個如有不正確地方，或者有更簡單的方法歡迎大佬們給出意見建議

總結(jié)

以上是生活随笔為你收集整理的微信小程序分享功能开发及调试方法的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

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