小程序: 通過頁面中的按鈕轉發、分享

1. wxml -- 添加以下代碼后即可直接觸發

<button class="btn" type="default" plain open-type='share'> 點擊進行分享 </button>

 

2. 如果想對分享的內容進行配置，如下所示

 onShareAppMessage(options) {
 // 設置轉發內容 -- 適用於: 頁面右上角 ... 和 頁面按鈕
        var shareObj = { title: "轉發的標題", path: '別人查看分享的內容后 進入的頁面路徑', // 默認是當前頁面； 自定義： 必須是以'/'開頭的完整路徑
            // 注意點: uni-app中 -- 使用的是 imageUrl
　　　　　　　imgUrl: '圖片url', //轉發時顯示的圖片路徑，支持網絡和本地，不傳則使用當前頁默認截圖。
            success: function(res) { // 轉發成功之后的回調
                if (res.errMsg == 'shareAppMessage:ok') { console.log('---轉發成功---'); } }, fail: function() { // 轉發失敗之后的回調
                if (res.errMsg == 'shareAppMessage:fail cancel') { // 用戶取消轉發
                    console.log('---用戶取消轉發---'); } else if (res.errMsg == 'shareAppMessage:fail') { // 轉發失敗，其中 detail message 為詳細失敗信息
                    console.log('---轉發失敗---'); } }, complete: function() { // 轉發結束之后的回調（轉發成不成功都會執行）
                console.log('---轉發完成---'); } }; 


　　　　 // 頁面按鈕的分享: 可在里面進行相應的轉發配置
        if (options.from == 'button') { console.log('---頁面分享按鈕---'); 
            // 修改圖片和路徑

　　　　　　　shareObj.title = '標題';
           shareObj.path = '頁面路徑';
　　　　　　 shareObj.imgUrl = '圖片';　　　　　　　

 } 

 return shareObj; 
 }

 

3.如果只有頁面按鈕的分享(不使用右上角  三點...的分享)，可使用下面的代碼

 onShareAppMessage(options) {

　      // 頁面按鈕的分享
        if (options.from == 'button') {
            console.log('---頁面分享按鈕---');
       
           return  {
              title: "轉發的標題",
              path: '別人查看分享的內容后 進入的頁面路徑', // 默認是當前頁面； 自定義： 必須是以'/'開頭的完整路徑
              imgUrl: '圖片url', //轉發時顯示的圖片路徑，支持網絡和本地，不傳則使用當前頁默認截圖。
              success: function(res) {
                 // 轉發成功之后的回調
                 if (res.errMsg == 'shareAppMessage:ok') {
                    console.log('---轉發成功---');
                 }
              },
              fail: function() {
                 // 轉發失敗之后的回調
                 if (res.errMsg == 'shareAppMessage:fail cancel') {
                    // 用戶取消轉發
                    console.log('---用戶取消轉發---');
                 } else if (res.errMsg == 'shareAppMessage:fail') {
                    // 轉發失敗，其中 detail message 為詳細失敗信息
                    console.log('---轉發失敗---');
                 }
              },
              complete: function() {
                 // 轉發結束之后的回調（轉發成不成功都會執行）
                 console.log('---轉發完成---');
              }
          }; 
  　　　　
      } 
 }