UniAPP点亮全局发送给朋友和分享朋友圈

" "

微信小程序默认是不开启发送给朋友和分享到朋友圈的，不陪着默认是灰色的，下面分享一下如何点亮全部页面的分享。

‍

局部配置：

每个页面局部配置，在页面下,和data同级

onShareAppMessage(){//点亮发送给朋友
    return {
      title: '自定义转发标题',//标题
      path: '/page/user?id=123'//路径
    }
},
onShareTimeline() {}//点亮分享朋友圈,暂只支持Android平台

全局配置：

在app.js中加入以下代码

!function(){
  var PageTmp = Page;

  Page =function (pageConfig) {

    // 设置全局默认分享
    pageConfig = Object.assign({
      onShareAppMessage:function () {
        return {
          title:'默认文案',
          path:'默认分享路径+id',
          imageUrl:'默认分享图片',
        };
      }
    },pageConfig);

    PageTmp(pageConfig);
  };
}();

UniApp写法

新建share.js文件，内容如下：

export default {
    data() {
        return {
            //设置默认的分享参数
            share: {
                title: '波哥笔记',
                path: '/pages/index/index',
                imageUrl: '',
                desc: '',
                content: ''
            }
        }
    },
    onShareAppMessage(res) {
        return {
            title: this.share.title,
            path: this.share.path,
            imageUrl: this.share.imageUrl,
            desc: this.share.desc,
            content: this.share.content,
            success(res) {
                uni.showToast({
                    title: '分享成功'
                })
            },
            fail(res) {
                uni.showToast({
                    title: '分享失败',
                    icon: 'none'
                })
            }
        }
    },
    onShareTimeline() {},
}

在main.js中引入：

import share from 'static/share.js'//我命名为share.js
Vue.mixin(share)

引入后全局就点亮了转发给朋友和分享。

可以对每个页面进行独立配置如下：

export default {
data(){
        return { //设置默认的分享参数
            share:{
                title:'新的标题',
                path:'/pages/index/index',
                imageUrl:'',
                desc:'',
                content:''
            }
        }
    }
}

‍

‍