Das WeChat-Applet realisiert die Chatroom-Funktion

<Ansichtsklasse="Container" Stil="{{ContainerStyle}}">
  <Chatraum
    Stil="Breite: 100%; Höhe: 100%"
    envId="{{chatRoomEnvId}}"
    Sammlung="{{chatRoomCollection}}"
    Gruppen-ID = "{{Chatroom-Gruppen-ID}}"
    Gruppenname = "{{Chatroom-Gruppenname}}"
    BenutzerInfo="{{BenutzerInfo}}"
    onGetUserInfo="{{onGetUserInfo}}"
    getOpenID="{{getOpenID}}"
  ></Chatraum>
</Ansicht>

const app = getApp()

Seite({
  Daten: {
    Avatar-URL: './user-unlogin.png',
    Benutzerinfo: null,
    protokolliert: falsch,
    takeSession: falsch,
    Anfrageergebnis: '',
    // chatRoomEnvId: 'release-f8415a',
    chatRoomCollection: 'Chatraum',
    chatRoomGroupId: "Demo",
    chatRoomGroupName: 'Chatraum',

    // Funktionen zur Verwendung in Chatroom-Komponenten
    onGetUserInfo: null,
    getOpenID: null,
  },

  beim Laden: Funktion() {
    // Benutzerinformationen abrufen wx.getSetting({
      Erfolg: res => {
        wenn (res.authSetting['scope.userInfo']) {
          // Bereits autorisiert, können Sie getUserInfo direkt aufrufen, um den Avatar-Spitznamen ohne Popup-Fenster abzurufen wx.getUserInfo({
            Erfolg: res => {
              dies.setData({
                avatarUrl: res.userInfo.avatarUrl,
                Benutzerinfo: res.userInfo
              })
            }
          })
        }
      }
    })

    dies.setData({
      onGetUserInfo: dies.onGetUserInfo,
      getOpenID: this.getOpenID,
    })

    wx.getSystemInfo({
      Erfolg: res => {
        console.log('Systeminfo', res)
        wenn (res.safeArea) {
          const { oben, unten } = res.safeArea
          dies.setData({
            Containerstil: `padding-top: ${(/ios/i.test(res.system) ? 10 : 20) + top}px; padding-bottom: ${20 + res.windowHeight - bottom}px`,
          })
        }
      },
    })
  },

  getOpenID: asynchrone Funktion() {
    wenn (diese.openid) {
      gib dies zurück.openid
    }

    const { Ergebnis } = warte auf wx.cloud.callFunction({
      Name: 'Anmelden',
    })

    Ergebnis zurückgeben.openid
  },

  onGetUserInfo: Funktion(e) {
    wenn (!this.logged && e.detail.userInfo) {
      dies.setData({
        protokolliert: wahr,
        avatarUrl: e.detail.userInfo.avatarUrl,
        Benutzerinfo: e.detail.userInfo
      })
    }
  },

  beiShareAppMessage() {
    zurückkehren {
      Titel: 'Instant Messaging Demo',
      Pfad: '/pages/im/room/room',
    }
  },
})

{
  "Komponenten verwenden": {
    "Chatroom": "/Komponenten/Chatroom/Chatroom"
  }
}

.container {
  Höhe: 100%;
  Position: absolut;
  oben: 0;
  unten: 0;
  links: 0;
  rechts: 0;
  Polsterung oben: 80rpx;
  Polsterung unten: 30rpx;
}