微信小程序------------分享好友

微信小程序 分享给好友
1.wxml代码

<button class="fixed-text fixed-button" open-type="share" title="分享" hover-class="none">分享好友</button>

2.js代码

onShareAppMessage:function(res) {
    if (res.from == 'button') {
        console.log(res.target, res)
    }
    return {
      title:'这里是发送时候的标题',
      path:'/pages/home/index',//这里是被分享的人点击进来之后的页面
      imageUrl: '../../images/icon-logo.png'//这里是图片的路径
    }
  },

之后根据项目需求，一个页面中需要点击不同的按钮，返回时进入不同的页面，例如下图，点击分享给好友 ，分享成功之后，别人点击进来进人的是小程序的首页，点击邀请好友入岛，分享链接成功之后，别人点击进来是申请入岛页面，这样就会有两个 被分享的人点击进来的页面，因此需要采用下面这种方,添加属性 id,具体代码如下：

wxml代码：

<view class="content">
			<view class="content_title">分享说明</view>
			<rich-text class="text_content" nodes="{{share_content.content}}"></rich-text>
			<view class="tool_item friend_btn">
				<view>分享给好友或者微信群</view>
				<button open-type="share" title="分享" id="1">1</button>
			</view>
			<view class="tool_item haibao_btn">
				<view>保存我的专属海报图片</view>
				<button bindtap='baocun'>1</button>
			</view>
			<view class="tool_item dao_btn">
				<view>邀请好友入岛</view>
				<button open-type="share" title="分享" id="2">1</button>
			</view>
		</view>

js代码

 onShareAppMessage:function(res) {
    var that = this;
    if (res.from == 'button') {
      // 点击分享给好友或者微信群的返回
        if(res.target.id == 1){
          return{
            title:'河北书岛',
            path:that.data.share_content.my_url,//这里是被分享的人点击进来之后的页面
            imageUrl:that.data.qrcode //这里是图片的路径
          }
        }
        // 点击邀请好友入岛的返回

        if(res.target.id == 2){
          return{
            title:'河北书岛',
            path:that.data.share_content.invit_url,//这里是被分享的人点击进来之后的页面
            imageUrl:'/images/icon-login-index.png' //这里是图片的路径
          }
        }

        
    }
    // 点击右上角分享的返回
    return {
      title:'河北书岛',
            path:that.data.share_content.my_url,//这里是被分享的人点击进来之后的页面
            imageUrl:that.data.qrcode //这里是图片的路径
    }
  },