前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >微信小程序实现带参分享并消息卡片获取参数

微信小程序实现带参分享并消息卡片获取参数

作者头像
青年码农
发布2020-11-23 14:09:18
4K0
发布2020-11-23 14:09:18
举报
文章被收录于专栏:青年码农

公司小程序开发已经接近尾声,功能已在测试,现在有个需求,就是小程序分享功能,并在消息卡片打开后数据依然显示。

1 小程序分享

小程序分享功能实现有两种方法

1. onShareAppMessage方法

这种方法用户需要点击页面右上角三个点,下方弹出中选择发送给朋友

代码配置在页面js中

代码语言:javascript
复制
onShareAppMessage: function () {
    return {
      title: this.data.details.title,
      path: 'pages/details/details?jobInfoId=' + this.data.details.jobInfoId,
    };
  },

path后面的就是传递的参数,参数与路径之间使用 ? 分隔,参数键与参数值用 = 相连,不同参数用 & 分隔;如 'path?key=value&key2=value2'

2. button标签

这种方式好处是,在页面上任意地方都可以增加分享,不需要用户点击上方三个点

代码语言:javascript
复制
<button plain open-type="share">
  <image src="../../images/share.png"></image>
  <text>我要分享</text>
</button>

页面增加一个按钮,按钮样式自定义,用户点击按钮后触发 Page.onShareAppMessage 事件。就是上面第一种方法,传参一样

2 获取分享传递的参数

小程序获取分享传递的参数只有一种方式,就是在onLoad方法中接收options,从options获取分享传递的参数

代码语言:javascript
复制
Page({
    onLoad: function(options) {
        console.log(options);
    }
})

没发布之前用编辑器,添加编译模式,模拟群聊会话中的小程序消息卡片,可以正确拿到分享传递的参数

拿到参数后,即可处理后续逻辑。

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2020-11-18,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 青年码农 微信公众号,前往查看

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

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

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