微信小程序开发实例解说，
，，微信小程序已经开放了群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 获取到目今客户端的基础库版本，
，，做一下低版本兼容。。。