微信小程序-分享功能

 

 

默認情況下，微信小程序是不能分享的，也就是分享功能是關閉的狀態

 

這時候對於分享的所有功能都是不能使用的，如果想要能夠實現分享，需要單獨設置

 

1. 單頁面分享

如果只是想要某個頁面擁有分享的功能，可以在單頁面中設置就可以了

只需要在當前頁面的js文件中調用showShareMenu方法

onLoad: function () {
    wx.showShareMenu({
      withShareTicket: true
    })
}

這時候當前頁面就可以被分享了

2. 設置所有頁面分享

如果想要統一設置所有頁面都可以分享，需要在項目根目錄下面的app.js中添加對於的設置

// app.js
/**
 * 全局分享配置，頁面無需開啟分享
 * 使用隱式頁面函數進行頁面分享配置
 * 使用隱式路由獲取當前頁面路由，並根據路由來進行全局分享、自定義分享
 */
!function () {
  //獲取頁面配置並進行頁面分享配置
  var PageTmp = Page
  Page = function (pageConfig) {
    //1. 獲取當前頁面路由
    let routerUrl = ""
    wx.onAppRoute(function (res) {
      //app.js中需要在隱式路由中才能用getCurrentPages（）獲取到頁面路由
      let pages = getCurrentPages(),
        view = pages[pages.length - 1];
      routerUrl = view.route
    })

    //2. 全局開啟分享配置
    pageConfig = Object.assign({
      onShareAppMessage: function () {
        //根據不同路由設置不同分享內容（微信小程序分享自帶參數，如非特例，不需配置分享路徑）
        let shareInfo={}
        let noGlobalSharePages=["index/index"]
        //全局分享配置，如部分頁面需要頁面默認分享或自定義分享可以單獨判斷處理
        if (!routerUrl.includes(noGlobalSharePages)){
          shareInfo = {
            title: "自定義全局分享",
            imageUrl: wx.getStorageSync("shareUrl")
          }
        }
        return shareInfo
      }
    }, pageConfig);
    // 配置頁面模板
    PageTmp(pageConfig);
  }
}()

直接復制上面源碼就可以了；這樣就不需要在頁面中設置分享了；