uniapp微信小程序转发跳转指定页面

时间:2024-11-19 19:31:32

onShareAppMessage 是微信小程序中的一个重要函数,用于自定义转发内容。当用户点击右上角的菜单按钮,并选择“转发”时,会触发这个函数。开发者可以在这个函数中返回一个对象,用于定义分享卡片的标题、图片、路径等信息。

使用场景
你可以在页面的 Page 对象中定义 onShareAppMessage 函数,以便在用户转发该页面时,提供自定义的分享内容。

示例代码

Page({
  onShareAppMessage: function () {
    return {
      title: '自定义分享标题', // 分享标题
      path: '/pages/index/index?id=123', // 分享路径,可以带参数
      imageUrl: 'https://example.com/share-image.jpg', // 分享图标
      success: function(res) {
        // 用户确认分享后执行的回调函数
      },
      fail: function(res) {
        // 用户取消分享后执行的回调函数
      }
    };
  }
});

注意事项

确保 imageUrl 的图片地址是完整的,包括协议头(如 https://)。
如果分享的页面需要传递参数,可以在 path 中添加。
success 和 fail 回调函数可以用于处理分享成功或失败后的逻辑。

其他相关信息
如果你的小程序支持插件,部分功能可能需要在插件的配置中进行额外的设置。
在某些情况下,如iOS平台上,需要注意特定参数的设置,以避免出现功能失效的问题。
总之,onShareAppMessage 是一个非常实用的函数,可以帮助你提升小程序的用户体验和传播效果。

在这里插入图片描述

onShareAppMessage放在和onLoad、onShow同级的地方

跳转资讯页面
在这里插入图片描述

//写在资讯页面
onShareAppMessage(() => {
  return {
    title: '资讯',
    path: '/pages/fabu/com/find',//资讯路径
  }
});

跳转资讯文章详情页面
需要文章详情路径和文章id
在这里插入图片描述

//写在资讯详情页面
onShareAppMessage(() => {
  return {
    title: newsData.value.title,
    path: '/service/pages/newsDetail/index?id=' + newsId.value,//资讯详情路径和查看文章的id
    success: function () {
    },
  }
})