小程序分享

作者: 魔王哪吒 | 来源:发表于2019-06-20 23:28 被阅读29次
    <open-data type='' class='avatar'></open-data>
    
    .avatar{
      width:200rpx;
      height:200rpx;
      border-radius:50%;
    }
    
    .avatar{
      width:200rpx;
      height:200rpx;
      border-radius:50%;
      overflow:hidden;  // 新增加的属性
    }
    

    canvas绘图

    wx.showShareMenu({
        withShareTicket:ture
    })
    

    onShareAppMessage()方法
    1、在页面中调用wx.hideShareMenu()
    2、删掉onShareAppMessage()回调方法

    onShareAppMessage()回调方法
    调用wx.showShareMenu()方法

    onShareAppMessage:function(e){
        if(e.from == 'menu'){
            // 此处是用户点击了小程序右上角的转发按钮触发的
        }else if(e.from == 'button'){
            // 此处是用户点击了页面的转发按钮
        }
    })
    
    onShareAppMessage:function(e){
        if(e.from == 'menu'){
            // 此处是用户点击了小程序右上角的转发按钮触发的
        }else if(e.from == 'button'){
            // 此处是用户点击了页面的转发按钮
        }
        
        // 此部分是新增的代码
        return {
            title:'大',
            path:'/pages/index/index?userid=103',  // 
            imageUrl:'https://your/imgurl'   //
        }
    })
    
    onShareAppMessage:function(e){
        if(e.from == 'menu'){
            // 此处是用户点击了小程序右上角的转发按钮触发的
        }else if(e.from == 'button'){
            // 此处是用户点击了页面的转发按钮
        }
        
        
        // 假设shareInfo 有 title  path  imgurl等
        let shareInfo = getApp().globalData.shareInfo
        let sharePath = shareInfo.path + "?userid=" + userid
    
        return {
            title:shareInfo.title,
            path:sharePath,  
            imageUrl:shareInfo.imgurl 
        }
    })
    

    设置wx.showShareMenu({withShreTicket:true})获取到这个shareTicket

     // app.js中
    onLaunch:function(options){
        if(options.scene === 1044){
            let myShareTicket = options.shareTicket
            wx.getShareInfo({
                shareTicket:myShareTicket,
                success:function(res){
                    // 如果调用成功,则会返回有
                    // encryptedData和iv
                }
            })
        }
     }
    

    请点赞!因为你的鼓励是我写作的最大动力!

    官方微信公众号

    吹逼交流群:711613774

    吹逼交流群

    相关文章

      网友评论

        本文标题:小程序分享

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