微信小程序实现“转发给朋友”、“分享到朋友圈”

简介: 微信小程序实现“转发给朋友”、“分享到朋友圈”


Tips

1.低版本微信客户端打开时,会进入-一个升级提示页面

2.不支持在小程序页面内直接发起分享

3.自定义分享内容时不支持自定义页面路径

4.存在web-view组件的页面不支持发起分享

5.支持打开开发版、体验版,无权限人员进入时页面会提示无权限

Page({
    data: {
        src: "https://www.shuzhiqiang.com/?v=20230615",
    },
    // 注意:只有定义了此事件处理函数,右上角菜单才会显示“转发”按钮
    onShareAppMessage() {
        return {
            title: '自定义标题',//自定义标题, 默认值小程序名称(当前小程序名称)
            path: '/pages/index/index',
            imageUrl: 'https://www.shuzhiqiang.com/static/favicon.png',//自定义图片路径,可以是本地文件路径、代码包文件路径或者网络图片路径。支持PNG及JPG。显示图片长宽比是 5:4(默认值:使用默认截图)
        }
    },
    // 注意:只有定义了此事件处理函数,右上角菜单才会显示“分享到朋友圈”按钮
    onShareTimeline: function () {
        return {
            title: '自定义标题',//自定义标题, 默认值小程序名称(当前小程序名称)
            imageUrl: 'https://www.shuzhiqiang.com/static/favicon.png',//自定义图片路径,可以是本地文件或者网络图片。支持 PNG 及 JPG,显示图片长宽比是 1:1(默认使用小程序 Logo)
            query: { path: 'pyq' },//自定义页面路径中携带的参数,如 path?a=1&b=2 的 “?” 后面部分(默认值:当前页面路径携带的参数)
        }
    },
});
wx.showShareMenu({
    withShareTicket: true,
    menus: ['shareAppMessage', 'shareTimeline']// shareAppMessage表示“发送给朋友”按钮,shareTimeline表示“分享到朋友圈”按钮 
})


相关文章
|
3月前
|
JavaScript 小程序 开发者
uni-app开发实战:利用Vue混入(mixin)实现微信小程序全局分享功能,一键发送给朋友、分享到朋友圈、复制链接
uni-app开发实战:利用Vue混入(mixin)实现微信小程序全局分享功能,一键发送给朋友、分享到朋友圈、复制链接
620 0
|
5月前
|
小程序 前端开发 开发者
|
7月前
|
Java API
java调用个人微信API接口收发朋友圈,删除评论朋友圈
java调用个人微信API接口收发朋友圈,删除评论朋友圈
|
6月前
|
小程序 JavaScript 安全
【微信小程序-原生开发】转发给好友/群,分享到朋友圈(含单页模式访问云开发数据库的方法)
【微信小程序-原生开发】转发给好友/群,分享到朋友圈(含单页模式访问云开发数据库的方法)
227 0
|
6月前
|
小程序 数据库 C++
【微信小程序-原生开发】实用教程17 - 详情页触发列表页刷新,点击图片放大预览,转发给好友/群,分享到朋友圈
【微信小程序-原生开发】实用教程17 - 详情页触发列表页刷新,点击图片放大预览,转发给好友/群,分享到朋友圈
52 0
|
7月前
微信小游戏全局开启好友和朋友圈分享功能
微信小游戏全局开启好友和朋友圈分享功能
73 0
|
8月前
|
小程序
uniapp 实现当前页面分享至微信好友或朋友圈功能(带参数和无参数)
uniapp 实现当前页面分享至微信好友或朋友圈功能(带参数和无参数)
1260 0
|
小程序 开发者
2行代码实现小程序分享到朋友圈功能
2行代码实现小程序分享到朋友圈功能
257 0
|
存储 小程序 JavaScript
借助云开发实现小程序朋友圈的发布与展示
借助云开发实现小程序朋友圈的发布与展示
129 0
|
3月前
|
JSON 小程序 JavaScript
uni-app开发微信小程序的报错[渲染层错误]排查及解决
uni-app开发微信小程序的报错[渲染层错误]排查及解决
823 7