uni-app 微信小程序，实现每个页面都可以分享朋友圈和发送好友_uniapp 小程序分享

1，微信规定

微信官方文档 规定了：小程序默认不可以被分享到朋友圈和发送给好友。

这个主要是指：默认情况下，点击小程序右上角 … 出现分享的按钮是置灰状态。

2，实现

分享朋友圈的方法-onShareTimeline()

发送给好友的方法-onShareAppMessage()

具体的配置项参考官方文档，一般使用默认参数即可。

其实只要在页面中写了这2个方法，分享按钮就会激活。

Page({
  onShareAppMessage() {},
  onShareTimeline() {},
})
1
2
3
4

但如何让每个页面都可以呢？

正好，因为 uni-app 创建的小程序，是集成了 vue 的，所以可以将这2个方法作为一个 mixin，全局注册即可。

// share.js
export default {
  // 发送给朋友，有默认配置项。
  onShareAppMessage() {},
  // 分享到朋友圈，有默认配置项。
  onShareTimeline() {},
};
1
2
3
4
5
6
7

// main.js
import MixinShare from './mixins/share';
Vue.mixin(MixinShare);
1
2
3

---

以上。