uniapp 微信小程序实现微信分享

实现微信小程序分享用到 uniapp 的uni.showShareMenu(小程序的原生菜单中显示分享按钮)、onShareAppMessage(发送给朋友) 、onShareTimeline(分享到朋友圈)

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<template>
        <view>
            页面内容
        </view>
</template>
<script>
export default {
    data() {
    return {
           
        }
    },
    onLoad() {
        // 微信小程序分享功能
    uni.showShareMenu({
        //小程序的原生菜单中显示分享按钮,才能够让发送给朋友与分享到朋友圈两个按钮可以点击
        menus:["shareAppMessage","shareTimeline"] //不设置默认发送给朋友
    })
    },
    //发送给朋友
    onShareAppMessage(res) {
    return {
        title: '分享标题',
        path: '页面 path',
        imageUrl: 'url' //分享图标,路径可以是本地文件路径、代码包文件路径或者网络图片路径.支持PNG及JPG。显示图片长宽比是 5:4
    }
    },
    //分享到朋友圈
    onShareTimeline(res) {
    return {
        title: '分享标题',
        query:'',//页面参数
        imageUrl: 'url' //分享图标,路径可以是本地文件路径、代码包文件路径或者网络图片路径.支持PNG及JPG。显示图片长宽比是 5:4
    }
    },
}
</script>       

 

posted @   编程民工  阅读(3650)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· Docker 太简单,K8s 太复杂?w7panel 让容器管理更轻松!
点击右上角即可分享
微信分享提示