uni-app小程序中实现分享功能

1、在manifest.json文件中配置分享相关信息,包括分享标题、分享图片等。

代码如下:

{
  "mp-weixin": {
    "appid": "yourAppId",
    "share": {
      "title": "分享标题",
      "imageUrl": "/static/share.png"
    }
  }
}

2、在需要触发分享的页面中,使用uni.navigateToMiniProgram()方法打开分享页面。

// 在当前页面中触发分享
uni.navigateToMiniProgram({
  appId: '要分享到的小程序的AppID',
  path: '要跳转到的页面路径',
  extraData: {
    // 可以携带一些额外的数据,在被分享的小程序中可以通过wx.getLaunchOptionsSync()获取
    // 如:{from: 'uni-app'}
  },
  success(res) {
    // 分享成功回调
    console.log(res)
  },
  fail(err) {
    // 分享失败回调
    console.log(err)
  }
})

 3、在被分享的小程序中,可以通过wx.getLaunchOptionsSync()获取到分享时携带的额外数据。

// 在被分享的小程序中获取额外数据
const launchOptions = wx.getLaunchOptionsSync()
console.log(launchOptions)

猜你喜欢

转载自blog.csdn.net/qq_61827376/article/details/132646640