美文网首页
微信小程序关于分享一些简单总结

微信小程序关于分享一些简单总结

作者: 小钟钟同学 | 来源:发表于2018-10-09 16:59 被阅读98次

    关于小程序的分享转发,官网上已描述的很清楚。
    详情可见:
    1:https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/share.html

    2: https://developers.weixin.qq.com/miniprogram/dev/devtools/different.html#

    以下是我自己简单一些总结:

    1:如果需要获取到分享到群的一些群信息的话,需要设置: wx.showShareMenu,且

     onLoad: function (e) {
        wx.showShareMenu({
          // 要求小程序返回分享目标信息
          withShareTicket: true,
          success: function (res) {
            // 分享成功
            console.log('shareMenu share success')
            console.log('分享成功' , res)
          },
          fail: function (res) {
            // 分享失败
            console.log('分享失败' + res)
            console.log(res)
          }
        });
      },
    

    2:如果需要测试带参数传入测试页面,可以新建一个编译模板
    1)点击添加编译模式


    image.png

    2)按需填入相关信息


    image.png

    3)选择编译


    image.png

    4)观察你分析的页面的路径及接收的相关参数信息
    示例:


    image.png

    对应的页面js:


    image.png

    3:关于分享方式
    1:第一种是点击顶部的胶囊按钮,然后选择转发

    说明:如果想隐藏上面的胶囊的地方的转发按钮,仅限页面内点击转发按钮转发,可以隐藏:

    wx.hideShareMenu();
    

    2:使用按钮进行转发
    使用按钮转发话可以使用ops.target来获取点击了哪个分享的按钮

    if (ops.from === 'button') {
          // 来自页面内转发按钮
          console.log(ops.target)
        }
    
    
    

    3: 关于分享结果的回调
    注意事项点
    1)目前开发者工具暂时不支持回调处理,需要在真机上测试
    2)回调携带的shareTickets值信息只在分享到群之后才回有回调,分享到好友不返回shareTickets值信息

    // pages/sharetest/sharetest.js
    //index.js
    //获取应用实例
    const app = getApp()
    
    Page({
      data: {
        motto: 'Hello World',
      },
      onLoad: function (e) {
        wx.showShareMenu({
          // 要求小程序返回分享目标信息
          withShareTicket: true,
          success: function (res) {
            // 分享成功
            console.log('shareMenu share success')
            console.log('分享成功' , res)
          },
          fail: function (res) {
            // 分享失败
            console.log('分享失败' + res)
            console.log(res)
          }
        });
      },
      /* 转发*/
      onShareAppMessage: function (ops) {
        if (ops.from === 'button') {
          // 来自页面内转发按钮
          console.log(ops.target)
        }
        return {
          title: '转发dom',
          path: `/pages/index/index?jump=是的好的话是的000000000000000000`,
          success: function (res) {
            // 转发成功
            console.log("转发成功:",res);
            console.log("转发成功:" + JSON.stringify(res));
            var shareTickets = res.shareTickets;
            // if (shareTickets.length == 0) {
            //   return false;
            // }
            // //可以获取群组信息
            // wx.getShareInfo({
            //   shareTicket: shareTickets[0],
            //   success: function (res) {
            //     console.log(res)
            //   }
            // })
          },
          fail: function (res) {
            // 转发失败
            console.log("转发失败:" + JSON.stringify(res));
          }
        }
      },
    })
    
    
    image.png
    image.png

    相关文章

      网友评论

          本文标题:微信小程序关于分享一些简单总结

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