前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >小程序分享

小程序分享

作者头像
达达前端
发布2019-07-03 10:42:14
9400
发布2019-07-03 10:42:14
举报
文章被收录于专栏:达达前端
代码语言:javascript
复制
<open-data type='' class='avatar'></open-data>

.avatar{
  width:200rpx;
  height:200rpx;
  border-radius:50%;
}
代码语言:javascript
复制
.avatar{
  width:200rpx;
  height:200rpx;
  border-radius:50%;
  overflow:hidden;  // 新增加的属性
}

canvas绘图

代码语言:javascript
复制
wx.showShareMenu({
    withShareTicket:ture
})

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

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

代码语言:javascript
复制
onShareAppMessage:function(e){
    if(e.from == 'menu'){
        // 此处是用户点击了小程序右上角的转发按钮触发的
    }else if(e.from == 'button'){
        // 此处是用户点击了页面的转发按钮
    }
})
代码语言:javascript
复制
onShareAppMessage:function(e){
    if(e.from == 'menu'){
        // 此处是用户点击了小程序右上角的转发按钮触发的
    }else if(e.from == 'button'){
        // 此处是用户点击了页面的转发按钮
    }
    
    // 此部分是新增的代码
    return {
        title:'大',
        path:'/pages/index/index?userid=103',  // 
        imageUrl:'https://your/imgurl'   //
    }
})
代码语言:javascript
复制
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

代码语言:javascript
复制
 // app.js中
onLaunch:function(options){
    if(options.scene === 1044){
        let myShareTicket = options.shareTicket
        wx.getShareInfo({
            shareTicket:myShareTicket,
            success:function(res){
                // 如果调用成功,则会返回有
                // encryptedData和iv
            }
        })
    }
 }
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019.06.20 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
云开发 CloudBase
云开发(Tencent CloudBase,TCB)是腾讯云提供的云原生一体化开发环境和工具平台,为200万+企业和开发者提供高可用、自动弹性扩缩的后端云服务,可用于云端一体化开发多种端应用(小程序、公众号、Web 应用等),避免了应用开发过程中繁琐的服务器搭建及运维,开发者可以专注于业务逻辑的实现,开发门槛更低,效率更高。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档