首頁  >  文章  >  微信小程式  >  小程式中如何實作分享功能 (程式碼範例)

小程式中如何實作分享功能 (程式碼範例)

不言
不言原創
2018-09-01 10:58:3511320瀏覽

這篇文章帶給大家的內容是關於小程式中如何實現分享功能 (程式碼範例),有一定的參考價值,有需要的朋友可以參考一下,希望對你有幫助。

因為小程式中多個頁面都會使用分享,需要我們把分享功能,單獨寫在一個公用的檔案中。 util.js 檔案中。
//分享功能

const shareEvent = (option, obj) => {
  let shareObj = {
    title: obj.title,
    path: obj.path,
    imgUrl: obj.imgUrl,
    success(res){
      // 转发成功之后的回调
    if (res.errMsg == 'shareAppMessage:ok') {}
    }, 
    fail(res){
       // 转发失败之后的回调
    if (res.errMsg == 'shareAppMessage:fail cancel') {
    // 用户取消转发
     } else if (res.errMsg == 'shareAppMessage:fail') {
     // 转发失败,其中 detail message 为详细失败信息
    }
    },
    complete(){
        // 转发结束之后的回调(转发成不成功都会执行)
    }
  };
  if (option.from === 'button') {
    // 来自页面内转发按钮
    console.log(option.target)
  }
  return shareObj;
}

在使用分享的頁面中引入util.js

const util = require('./utils/util.js');
/**
用户点击右上角分享
*/
onShareAppMessage: function(option){
    console.log(option);
    let obj = {
      title: '我的老窝',
      path: 'pages/index/index',
      imageUrl: ''
    };
    return util.shareEvent(option, obj);
  }

備註:記得要在呼叫的時候使用,return。

相關推薦:

微信小程式實作流程進度功能實例分享

#小程式開發之分享朋友圈程式碼實例

分享功能如何取得分享成功或失敗的回傳值

#

以上是小程式中如何實作分享功能 (程式碼範例)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn