美文网首页@IT·互联网小程序
微信小程序分享功能总结

微信小程序分享功能总结

作者: DevinZ | 来源:发表于2018-08-21 10:26 被阅读6次

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

    一 转发当前页面

    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

    相关文章

      网友评论

        本文标题:微信小程序分享功能总结

        本文链接:https://www.haomeiwen.com/subject/ascdiftx.html