温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

如何在小程序里显示群名称

发布时间:2022-03-07 14:50:29 来源:亿速云 阅读:181 作者:iii 栏目:开发技术

这篇文章主要介绍“如何在小程序里显示群名称”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“如何在小程序里显示群名称”文章能帮助大家解决问题。

获取群 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 获取到当前客户端的基础库版本,做一下低版本兼容。

关于“如何在小程序里显示群名称”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注亿速云行业资讯频道,小编每天都会为大家更新不同的知识点。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI