微信小程序實現分享到朋友圈

2020年7月8日。微信小程序推出分享朋友圈，因此筆者先來試一下，沒想到一下搞成了。。javascript

按照微信官方文檔得第一步，咱們須要設置容許發給朋友，在小程序得生命週期裏面這樣寫。html

首先，把你的小程序基礎庫，改成2.11.3以上java

onShareAppMessage、onShareTimeline兩個api參數，自行查看小程序文檔把，想了想，仍是給大家來個連接把小程序

https://developers.weixin.qq.com/miniprogram/dev/reference/api/Page.html#onShareAppMessage-Object-object微信小程序

https://developers.weixin.qq.com/miniprogram/dev/reference/api/Page.html#onShareTimelineapi

本身去看參數吧微信

我這個是首頁得分享。this

若是你想分享帶參數得頁面，須要在onShareTimeline return 得對象中，填寫頁面參數好比說我跳轉店鋪頁面須要這樣url

wx.navigateTo({
   url: '/pages/store/store?id=' + id,
})

那麼你在作朋友圈分享得時候，就須要這樣寫code

/**
   * 用戶點擊右上角分享
   */
  onShareAppMessage: function () {
    return {
      title: this.data.shop.name,    //自定義標題   string
      path: `/pages/store/store?id=${this.data.shop.shop_id}`  //這個地址須要把頁面路徑拼接的參數發送出去,直寫頁面地址的話，別人進入會是空的頁面
    }
  },
  onShareTimeline: function(res){
    let img = this.data.path_image+this.data.shop.shop_img  //取得是每一個店鋪的圖和店鋪名稱
    console.log(img)
    return {
      title: this.data.shop.name, //字符串  自定義標題
      query: `id=${this.data.shop.shop_id}`,  //頁面攜帶參數
      imageUrl:img   //圖片地址
    }
  }

寫完之後看一下效果

目前只有安卓機型能夠進行分享，還有一個問題就是，好比你分享的不是首頁，你的頂部返回按鈕又是一個公共的組件，都是返回上一級，你先經過分享的進入小程序，由於頁面棧沒有上一級，因此你是不能返回首頁的，因此須要更改一下你的公共組件，判斷它是哪一個頁面，寫不一樣的事件，進行返回就能夠啦