微信小程序分享功能总结

最近做小程序的转发分享功能,涉及到几种情况,分享一下

一 转发当前页面

1 只要当前js文件里面实现了onShareAppMessage方法,点击右上角的三个点可以实现转发本页面的功能

/**
   * 用户点击右上角分享
   */
  onShareAppMessage: function() {

  }

2 当button设置open-type='share'时,也可转发当前页面

二 转发其他页面

项目中会经常遇到这种需求,比如A转发小程序中的某个页面给B,要携带A的uid,当B进行提交绑定操作的时候,可以绑定与A的关系,这种情况就涉及到两个问题。

  • 1 转发的页面不是本页面,需要自定义转发页面并在app.json中定义
  • 2 转发页面时需要携带参数(例如:id等)
 /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function() {
    return {
      title: 'xxxx邀请函', //转发页面的标题
      path: '/pages/mine/agent/agent?user_id=' + getApp().globalData.openId  //转发页面的路径以及携带的参数
     //多参数可以这么传
      path: '/pages/mine/agent/agent?user_id=' + getApp().globalData.openId + "&id=" + this.data.id
    }
  }

三 转发页面的跳页处理

当打开转发页面的链接之后,想要回到某个页面或者跳转到某个页面时

  • 1 可以点击右上角的三个点有返回首页的选项
  • 2 可以自定义回到某个页面的按钮

*注意:当跳转页面的时候需要注意 wx.navgateTo只能跳到不是tab页的页面,如果想要跳转到首页这种tab页,要使用wx.switchTabTo方法

四 生成某个页面的邀请二维码

小程序获取二维码 这个链接有三种情况可以获取小程序的二维码,详细可以参照文档,获取accesstoken之后进而获取二维码,有一种情况比如我这个二维码点击想要跳转我小程序的某个页面,只想生成一次这个二维码,当我们的用户扫描这个二维码可以跳转到指定页面来进行操作,可以简单的使用postman生成一下

首先选择GET方法 调用获取accessToken接口,参数是小程序对应的appid appsecret grant_type


image.png

获取到accessToken之后 调用获取验证码接口得到二维码,该接口为POST请求并且Content-Type要设置为application/json


image.png

因为提交的参数为JSON格式在Body选择raw 并选择JSON(application/json),输入你的json参数即可


image.png

你可能感兴趣的:(微信小程序分享功能总结)