uniapp实现点击按钮分享给好友




import {onLoad,onShareAppMessage,onShareTimeline} from '@dcloudio/uni-app'
onLoad(() => {
    //设置Menus菜单,使 发送给朋友/分享到朋友圈 两个按钮可以使用
    wx.showShareMenu({
        withShareTicket: true,
        menus: ["shareAppMessage", "shareTimeline"]
    })
})
//在点击open-type="share"按钮后会触发以下函数,可以在函数中写需要的逻辑,当然函数的返回值必须是一个对象,用于设置分享卡片的展示形式
//发送给微信好友  
onShareAppMessage(
    (res) => {
        console.log("分享:from:" + res.from);
        return {
            title: '快来打卡吧', //分享的名称
            path: '/pages/index/index',
            //页面的路径
            imageUrl: imageUrl
        }
    })
//分享到朋友圈
onShareTimeline(() => {
    (res) => {
        return {
            title: '快来打卡吧',
            path: '/pages/index/index',
            imageUrl: imageUrl
        }
    }
})

分享 | uni-app官网uni-app,uniCloud,serverlessicon-default.png?t=N7T8https://uniapp.dcloud.net.cn/api/plugins/share.html#onshareappmessage

uniapp实现点击按钮分享给好友_第1张图片

你可能感兴趣的:(uni-app,前端,javascript)