微信小程序开发实例解说，，，，，，微信小程序已经开放了群ID和群名称，，，，，，可是许多人并不知道怎么获得群名称。。现在，，，，，，hi商学院终于有要领可以显示群名称啦！

前言

直到现在，，，，，，网上还可以看到许多「开发者可以获取群名称」这样的新闻。。在微信刚宣布的时间确实同时返回了群 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 获取到目今客户端的基础库版本，，，，，，做一下低版本兼容。。