微信小程序> 微信群小程序怎么添加-小程序如何显示群名称?-微信群小程序

微信群小程序怎么添加-小程序如何显示群名称?-微信群小程序

浏览量:2714 时间: 来源:第九程序

1.今年5月份的时候,微信宣布:「为了更好的针对群场景提供个性化服务,当用户在群聊中点击小程序分享卡片时,小程序支持开发者获取群ID和群名称」。但随后没多久,发现小程序只返回了群ID,并没有给我们群名。现在,终于有方法可以显示群名称啦!

前言

2.直到现在,网上还可以看到很多「开发者可以获取群名称」这样的新闻。在微信刚宣布的时候确实同时返回了群ID和群名称,但随后就只能获取到群ID了。估计会有很多开发者跟我一样被文章误导了,还以为是自己代码有问题。

3.至于微信为什么这么做,官方也作出了解释:

4.

5.这就导致了,目前很多和群关联的小程序,一进去就要设置群备注的尴尬现象。

6.为了保护用户的隐私,同时满足开发的需求,微信需要找到一种获取不到,但又允许展示的方法。

7.现在微信找到方法了。

8.下面我们看看如何在小程序里面显示群名称。

获取群ID

9.显示群名的前提是,已经获取到了该群的群ID。要是你之前已经对获取群ID有所了解,可以直接跳到后面看。

10.我们通过将小程序转发到群里,获取到对应群的群ID。

11.首先,需要设置显示当前页面的转发按钮,转发后返回ShareTicket,有了它才能去获取群ID:

wx.showShareMenu({withShareTicket:true})

12.在代码里面添加onShareAppMessage方法,它是用来控制转发功能的。转发成功后,拿到ShareTicket,再调用wx.getShareInfo获取转发目标的信息。代码如下:

onShareAppMessage:function(){varthat=thisreturn{title:"转发标题",path:'页面路径',success(res){wx.getShareInfo({shareTicket:res.shareTickets[0],success(res){console.log(res.encryptedData)console.log(res.iv)//后台解密,获取openGId}})}}}

13.和wx.getUserInfo一样,微信给了我们一段加密的数据,加密的方式也是一样的,后台可以用同一段代码进行解密。解密后的格式如下:

{"openGId":"xxxxxxxx","watermark":{"appid":"xxxxxxxx","timestamp":1499841984}}

14.openGId就是我们要的群ID了,把它保存下来。

显示群名

15.下面我们来到布局文件。

16.小程序刚更新,多了一个新组件open-data:

17.

18.用起来很简单,在要显示群名的地方,使用以下代码:

open-datatype="groupName"open-gid="{{openGId}}"/

19.将openGId传入,就会显示出群名称了。妥妥的。

20.但这个东西是基础库1.4.0才有的东西,最好还是用wx.getSystemInfo获取到当前客户端的基础库版本,做一下低版本兼容。

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎