0基础学微信小程序云开发|分享配置和携带参数分享

最新推荐文章于 2024-08-08 16:06:45 发布

不知火猪

最新推荐文章于 2024-08-08 16:06:45 发布

阅读量436

点赞数

分类专栏：微信小程序开发小程序

本文链接：https://blog.csdn.net/qq_21405949/article/details/99199009

版权

小程序同时被 2 个专栏收录

28 篇文章 26 订阅 ¥9.90 ¥99.00

订阅专栏

微信小程序开发

30 篇文章 1 订阅

订阅专栏

本文介绍了微信小程序中如何进行分享配置，包括页面内的按钮分享和右上角的分享，详细讲解了如何设置分享标题和路径，并通过path携带参数，如分享人的ID，以实现分销等功能。当用户点击分享后，跳转到指定页面并从onLoad的options获取参数。

摘要由CSDN通过智能技术生成

前言

微信小程序的每个页面都可以设置分享，分享很简单，有区分右上角的直接分享和点击按钮分享

onShareAppMessage: function (res) {
        
      // 右上角分享
      let ShareOption = {
        title: '21天体重减肥记录',
        path: '/pages/index/index',
      } 
      
      // 按钮分享
      if(res.from == "button"){
        ShareOption = {
            title: '来呀 看看我的减肥记录呀',
            path: '/pages/detail/detail?item=' + app.globalData.openid,
          } 
      }
      
      return ShareOption
  }

分享的方式有两种：一是通过页面内的按钮分享，二是通过右上角的三个小点分享。

可以按需设置分享title 和 path。path当中携带参数，可以携带分享人的ID，后期可以用来实现分销功能等。

onLoad: function (options) {
    const db = wx.cloud.database()
    let This = this
    let resault = {}
    // 查询分享人的信息
    db.collection('list').where({
      _openid: options.item
    }).get({
      success: function (res) {
        resault = res.data
        This.setData({
          resault:resault
        })

      }
    })
  },

分享后，他人点击页面，跳转到对应 pages 地址，在对应的页面的 onLoad 函数的 options中拿入参请求数即可