小程序学习（十三）

参考链接：https://blog.csdn.net/onion_line/article/details/83036502

小程序分享功能的简单实现

在小程序的日常使用中，我们或多或少都会用到分享功能，但是如何实现这个功能呢？在官方给出的参考文档中，得到了下面的信息

通过上图可以知道，要实现分享功能需要借助button组件来实现，这是一种方法，但对于使用小程序的人都知道，小程序的右上角菜单也能实现该功能。
1.点击小程序右上角分享
.js

onShareAppMessage: function (res) {
    var that = this;
    return {
      title: '分享',
      path: '/pages/index/index',
      success: function (res) {
      }
    }
  }

效果：

2点击按钮分享
.wxml

<view class="container">
  <button open-type='share'> 分享 </button>
</view>

.js

Page({
  onShareAppMessage: function (res) {
    if (res.from === 'button') {
    }
    return {
      title: '',
      path: '/pages/index/index',
      success: function (res) {
      }
    }
  }
})

代码完成后，当点击分享按钮时就会触发触发 Page.onShareAppMessage 事件，从而实现分享功能。
效果：

这是在开发工具的预览效果，编译预览后在手机上就能看到正常的分享效果了。