如何在小程序里顯示群名稱

這篇文章主要介紹“如何在小程序里顯示群名稱”的相關知識，小編通過實際案例向大家展示操作過程，操作方法簡單快捷，實用性強，希望這篇“如何在小程序里顯示群名稱”文章能幫助大家解決問題。

獲取群 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 獲取到當前客戶端的基礎庫版本，做一下低版本兼容。

關于“如何在小程序里顯示群名稱”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識，可以關注億速云行業資訊頻道，小編每天都會為大家更新不同的知識點。