微信小程序即时聊天功能怎么实现（微信小程序实现聊天室功能）

<view class="container" style="{{containerStyle}}">
  <chatroom
    style="width: 100%; height: 100%"
    envId="{{chatRoomEnvId}}"
    collection="{{chatRoomCollection}}"
    groupId="{{chatRoomGroupId}}"
    groupName="{{chatRoomGroupName}}"
    userInfo="{{userInfo}}"
    onGetUserInfo="{{onGetUserInfo}}"
    getOpenID="{{getOpenID}}"
  ></chatroom>
</view>

const app = getApp()

Page({
  data: {
    avatarUrl: './user-unlogin.jpg" alt="微信小程序即时聊天功能怎么实现（微信小程序实现聊天室功能）" border="0" />

{
  "usingComponents": {
    "chatroom": "/components/chatroom/chatroom"
  }
}

.container {
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding-top: 80rpx;
  padding-bottom: 30rpx;
}