微信小程序 - - - - - 转发分享(发送给好友、分享到朋友圈)

本文详细介绍了如何在小程序中实现分享到好友和朋友圈的功能,包括`onShareAppMessage`和`onShareTimeline`的使用,以及在分享到朋友圈后遇到的‘单页模式’限制问题。解决方案是调整接口请求为无需登录态的方式,确保在单页模式下正常展示数据。
摘要由CSDN通过智能技术生成

1. 发送给好友

1.1 效果图:

在这里插入图片描述

在这里插入图片描述

1.2 实现步骤:

  1. 监听用户点击右上角菜单的「转发」按钮时触发的事件
  2. 设置转发的参数

官方文档:onShareAppMessage
在这里插入图片描述

1.3 实现代码:

****.js

  // 监听用户点击右上角菜单的「转发」按钮时触发的事件
  onShareAppMessage() {
    // 设置转发的参数
    return {
      title: '这里是分享的标题',
      path: '/pages/index/index',
      imageUrl: 'https://img.chinasongzhuang.cn/uploadimg/image/20200219/20200219180104_83804.jpg'
    }
  },

2. 分享到朋友圈

2.1 效果图:

在这里插入图片描述

在这里插入图片描述

2.2 实现步骤

分享到朋友圈 不支持自定义页面路径!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

  1. 监听用户点击右上角菜单的「转发」按钮时触发的事件
  2. 设置转发的参数
  3. 在***.json 里配置当前页面标题"navigationBarTitleText": "我是页面标题"

官方文档:onShareTimeline
在这里插入图片描述

2.3 实现代码:

****.js

  // 监听用户点击右上角菜单的「转发」按钮时触发的事件
  onShareTimeline() {
    // 设置转发的参数
    return {
      title: '我是朋友圈看到的描述文案',
      query: 'from=pyq'
    }
  },

3. 遇到的问题

3.1 分享到朋友圈后无法正常展示数据?

我们分享到朋友圈的小程序页面,用户打开时会进入一个“单页模式”。 “单页模式”下,一些组件或接口存在一定限制

“单页模式”下,页面顶部固定有导航栏,标题显示为分享时的标题。底部固定有操作栏,点击操作栏的“前往小程序”可打开小程序的当前页面。顶部导航栏与底部操作栏均不支持自定义样式

解决办法:
在单页模式下,将所有接口请求方法改写为无需登录态的请求方式



参考文献:一文看懂:小程序分享到朋友圈

  • 2
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值