uniapp 转发小程序给好友和分享到朋友圈,分享图片和转发视频

1,618 阅读1分钟
 <button open-type="share">分享</button>

// 监听用户点击页面内转发按钮或右上角菜单“转发”按钮的行为,并自定义转发内容。
export default {
    data(){
        return{
            params:''
        }
    },
    onShareAppMessage() {
        return {
            title: 'xxx', // 标题
            imageUrl: '', // 图片路径
            path: '/xxx?params=' + this.params // 路径
        };
    },
    // 监听右上角菜单“分享到朋友圈”按钮的行为,并自定义分享内容。
    onShareTimeline() {
        return {
            title: 'xxx', // 标题
            imageUrl: '', // 图片路径
            query: 'params=' + this.params // 携带的参数
        };
    },
    onLoad(data) {
        // 小程序扫码进入
        if (data.scene) {
            var sceneParams = decodeURIComponent(data.scene);
            sceneParams = sceneParams.split('&');
            if (sceneParams.length) {
                sceneParams.forEach(item => {
                    if (item.indexOf('params') != -1) this.params= item.split('-')[1];
                });
            }
        }
    }
}
 // 转发视频
<button @click="share">分享</button>

share() {
    uni.showLoading({
        title: '视频分享中...'
    });
    wx.downloadFile({
        url: url, // 视频地址
        success(res) {
            uni.hideLoading();
            // 分享视频
            wx.shareVideoMessage({
                videoPath: res.tempFilePath,
                success() {},
                fail: console.error
            });
            // 分享图片
            wx.showShareImageMenu({
                path: res.tempFilePath,
            });
        },
        fail() {
            uni.hideLoading();
            console.error;
        }
    });
}

image.png

image.png

image.png

参考链接:developers.weixin.qq.com/miniprogram…