微信小程序分享卡片花样玩法之私密消息和动态消息

 更新时间:2023年11月03日 09:25:35   作者:Vi HTT  
用户可以发送小程序卡片给微信好友或者群,点击小程序卡片可以直接进入小程序,这篇文章主要给大家介绍了关于微信小程序分享卡片花样玩法之私密消息和动态消息的相关资料,需要的朋友可以参考下

在一些特殊场景,小程序分享卡片支持了一些特殊能力,用好了这些能力,能让用户获得更好的体验

私密消息:分享小程序到个人或群之后,该消息只能在被分享者或被分享群内打开,不可以二次转发,如图:分享和发送到朋友圈都是置灰的

可以用于一些不希望第三者看到的场景,比如带有隐私或敏感信息的分享

动态消息:仅使用于组队场景,分享消息会带上当前组队的进度,如图,“成员正在加入,当前m/n人”只能修改mn,其他文字不能修改,并且mn只能为正整数

点击提醒我,在房间满时会收到服务通知

原生支持了组队的全流程,连开始时提醒我都有,可以说是相当闭环了

实现上述两个功能,首先需要了解:activity_id

activity_id由后端生成,有两种方案:

1.自建后端生成,在服务端调用微信的http接口获取(需要 access_token)

2.云函数生成,在云函数环境调用api即可生成(无需access_token)

(文档https://developers.weixin.qq.com/miniprogram/dev/api-backend/open-api/updatable-message/updatableMessage.createActivityId.html

云函数使用简单,但是需要小程序关联云开发并付费(费用很低)

1.私密消息

调用下面函数即可

wx.updateShareMenu({
  withShareTicket: true,
  isPrivateMessage: true,
  activityId: 'xxx' // 为上面获取的activity_id
})

2.动态消息

调用下面函数即可

wx.updateShareMenu({
  withShareTicket: true,
  isUpdatableMessage: true,
  activityId: 'xxx' // 为上面获取的activity_id
  templateInfo: {
    parameterList: [{
      name: 'member_count',
      value: '1' // 填实际的已加入人数
    }, {
      name: 'room_limit',
      value: '3' // 填实际的房间总人数
    }]
    templateld: 'xxx' // 提醒模版id,文案不同,想叫“开始时”填21B034D08C5615B9889CE362BB957B1EE69A584B,想叫“到齐时”填666F374D69D16C932E45D7E7D9F10CEF6177F5F5
  }
})

除了4个有注释的值,其他均不可变

当组队人数有变化时,通过云函数调用openapi.updatableMessage.setUpdatableMsg或者后端调用微信的http接口(文档https://developers.weixin.qq.com/miniprogram/dev/api-backend/open-api/updatable-message/updatableMessage.setUpdatableMsg.html

调用后,已分享的卡片状态会实时变更。若是到达 已开始/已到齐 微信会自动给接受了订阅的用户发服务通知

总结

到此这篇关于微信小程序分享卡片花样玩法之私密消息和动态消息的文章就介绍到这了,更多相关小程序私密消息和动态消息内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 微信小程序 checkbox使用实例解析

    微信小程序 checkbox使用实例解析

    这篇文章主要介绍了微信小程序 checkbox使用实例解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-09-09
  • JavaScript实现首页图片轮播图效果

    JavaScript实现首页图片轮播图效果

    这篇文章主要介绍了JavaScript实现首页图片轮播图效果,文章围绕主题展开详细的内容介绍,具有一定的参考价值,需要的小伙伴可以参考一下
    2022-06-06
  • Linux下编译安装php libevent扩展实例

    Linux下编译安装php libevent扩展实例

    这篇文章主要介绍了Linux下编译安装php libevent扩展实例,本文着重讲解了编译过程中一个错误解决方法,需要的朋友可以参考下
    2015-02-02
  • JS+DIV+CSS实现仿表单下拉列表效果

    JS+DIV+CSS实现仿表单下拉列表效果

    这篇文章主要介绍了JS+DIV+CSS实现仿表单下拉列表效果,涉及javascript鼠标事件及页面元素的动态操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-08-08
  • JS实现HTML页面中动态显示当前时间完整示例

    JS实现HTML页面中动态显示当前时间完整示例

    这篇文章主要介绍了JS实现HTML页面中动态显示当前时间,结合完整实例形式分析了JavaScript使用时间函数setTimeout及clearTimeout动态显示当前时间相关操作技巧,非常简单实用,需要的朋友可以参考下
    2018-07-07
  • JavaScript实现获取select下拉框中第一个值的方法

    JavaScript实现获取select下拉框中第一个值的方法

    这篇文章主要介绍了JavaScript实现获取select下拉框中第一个值的方法,涉及javascript针对页面元素属性的相关获取操作技巧,需要的朋友可以参考下
    2018-02-02
  • JS 在指定数组中随机取出N个不重复的数据

    JS 在指定数组中随机取出N个不重复的数据

    这篇文章主要介绍了JS 在指定数组中随机取出N个不重复数据的方法,需要的朋友可以参考下
    2014-06-06
  • js实现透明度渐变效果的方法

    js实现透明度渐变效果的方法

    这篇文章主要介绍了js实现透明度渐变效果的方法,涉及javascript实现渐变效果的技巧,非常具有实用价值,需要的朋友可以参考下
    2015-04-04
  • 中止javascript执行的方法

    中止javascript执行的方法

    本篇文章主要是对中止javascript执行的方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2014-02-02
  • 微信小程序实现日历功能

    微信小程序实现日历功能

    这篇文章主要为大家详细介绍了微信小程序实现日历功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-11-11

最新评论