小程序如何实现分享功能

1、首先打开js软件新建一个小程序的片段。

2、接着直接在JS中定义分享的函数，注意函数名固定不变的。

3、然后在wxml中添加一个button，注意它的open-type类型。

4、另外我们还可以在button里面定义一张图片作为背景。

5、这个时候可以看到按钮就定义好了。

6、最后点击按钮就触发了分享函数了。

在微信里碰到一个有用好玩小程序自然要转发分享给好友啦，那么我就来给演示一下转发分享小程序的具体步骤：

1、打开微信以后，点开右上角的搜索标志。

2、在搜索框输入“小程序”，下方就能看到搜索结果，点击下方的“小程序”。

3、在小程序里找到你要分享的那个，例如“抽奖助手”。

4、点开小程序以后，右上方能看到三个点，点开它。

5、在下方d出的选择里，选择“转发给朋友”。

6、选择你要转发给的人。

7、最后点击“发送”即可。

微信里的小程序都可以用这个方式转发给别人。

小程序默认不能分享朋友圈，开发者需主动设置“分享到朋友圈”。页面允许被分享到朋友圈，需满足两个条件：

    首先，页面需设置允许“发送给朋友”。具体参考 Page.onShareAppMessage 接口文档

    满足条件 1 后，页面需设置允许“分享到朋友圈”，同时可自定义标题、分享图等。具体参考 Page.onShareTimeline 接口文档

满足上述两个条件的页面，可被分享到朋友圈。

### 条件1：（在js中添加onShareAppMessage）

onShareAppMessage: function (ops) {

    wx.showShareMenu({

      withShareTicket: true,

      menus: ['shareAppMessage', 'shareTimeline']

    })

}

### 条件2：（在js中添加onShareTimeline）

  onShareTimeline: function () {

    return {

      title: '分享的标题',

      query: {

        // key: 'value' //要携带的参数

      },

      imageUrl: ''  //分享图,默认小程序的logo

    }

  },

### 点击小程序右上方三个点分享朋友圈，效果如下：

---