小程序如何显示群名称?
来源:互联网 发布:linux while read 编辑:程序博客网 时间:2024/05/22 01:50
今年 5 月份的时候,微信宣布:「为了更好的针对群场景提供个性化服务,当用户在群聊中点击小程序分享卡片时,小程序支持开发者获取群 ID 和群名称」。但随后没多久,发现小程序只返回了群 ID,并没有给我们群名。现在,终于有方法可以显示群名称啦!
前言
直到现在,网上还可以看到很多「开发者可以获取群名称」这样的新闻。在微信刚宣布的时候确实同时返回了群 ID 和 群名称,但随后就只能获取到群 ID 了。估计会有很多开发者跟我一样被文章误导了,还以为是自己代码有问题。
至于微信为什么这么做,官方也作出了解释:
这就导致了,目前很多和群关联的小程序,一进去就要设置群备注的尴尬现象。
为了保护用户的隐私,同时满足开发的需求,微信需要找到一种获取不到,但又允许展示的方法。
现在微信找到方法了。
下面我们看看如何在小程序里面显示群名称。
获取群 ID
显示群名的前提是,已经获取到了该群的群 ID。要是你之前已经对获取群 ID 有所了解,可以直接跳到后面看。
我们通过将小程序转发到群里,获取到对应群的群 ID。
首先,需要设置显示当前页面的转发按钮,转发后返回 ShareTicket,有了它才能去获取群 ID:
wx.showShareMenu({ withShareTicket: true })
在代码里面添加 onShareAppMessage 方法,它是用来控制转发功能的。转发成功后,拿到 ShareTicket,再调用 wx.getShareInfo 获取转发目标的信息。代码如下:
onShareAppMessage: function () { var that = this return { title: "转发标题", path: '页面路径', success(res) { wx.getShareInfo({ shareTicket: res.shareTickets[0], success(res) { console.log(res.encryptedData) console.log(res.iv) // 后台解密,获取 openGId } }) } }}
和 wx.getUserInfo 一样,微信给了我们一段加密的数据,加密的方式也是一样的,后台可以用同一段代码进行解密。解密后的格式如下:
{ "openGId": "xxxxxxxx", "watermark": { "appid": "xxxxxxxx", "timestamp": 1499841984 }}
openGId 就是我们要的群 ID 了,把它保存下来。
显示群名
下面我们来到布局文件。
小程序刚更新,多了一个新组件 open-data:
用起来很简单,在要显示群名的地方,使用以下代码:
<open-data type="groupName" open-gid="{{openGId}}" />
将 openGId 传入,就会显示出群名称了。妥妥的。
但这个东西是基础库 1.4.0 才有的东西,最好还是用 wx.getSystemInfo 获取到当前客户端的基础库版本,做一下低版本兼容。
- 小程序如何显示群名称?
- ios 修改程序显示名称
- 如何改变iOS程序名称
- 如何在小程序的js中获取当前脚本的路径或名称
- 【干货#009】小程序如何格式化显示对象数组属性
- 转换mp3名称的小程序
- 小程序--更改Windows“开始”菜单名称
- 转换mp3名称的小程序
- 转换mp3名称的小程序
- 转换mp3名称的小程序
- 转换mp3名称的小程序
- 转换mp3名称的小程序
- 转换mp3名称的小程序
- 转换mp3名称的小程序
- 转换mp3名称的小程序
- 转换mp3名称的小程序
- 关于本地化显示程序名称及内容名称
- iPhone开发 国际化程序显示名称
- 【每日一题-6】栈和队列与替换空格
- 什么是 DOM
- 30分钟掌握ES6核心内容
- WordPress插件扫描工具plecost
- UVA
- 小程序如何显示群名称?
- 基础母函数1005
- VS2015设置字体
- anroid 图片处理加载对比(image loader,Picasso ,glide,fresco)
- HTTP POST请求中文乱码问题解决
- Angular2-使用less管理css样式
- CAS实现SSO单点登录原理
- springboot (7) 定时任务
- 列表和元祖