即时通讯 - SDK.NIM.getInstance 实现一个即时通讯的小demo

最新推荐文章于 2024-04-29 13:38:05 发布

原创

最新推荐文章于 2024-04-29 13:38:05 发布 · 470 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#html #javascript #前端

本文提供了一个使用NIMWebSDK创建即时通讯应用的示例代码，包括引入SDK、创建NIM实例进行登录、实现消息发送和接收功能。示例展示了如何通过JavaScript处理用户输入，发送文本消息以及展示接收到的消息。

以下是一个从零开始创建 NIM 实例并实现一个简单的即时通讯小 demo 的示例代码：

在 HTML 文件中引入 NIM Web SDK

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>NIM Web SDK Demo</title>
</head>
<body>
  <h1>NIM Web SDK Demo</h1>

  <script src="https://cdn.netease.im/web-sdk/NIM_Web_SDK_v8.9.107.js"></script>
  <script src="index.js"></script>
</body>
</html>

在 HTML 文件中引入了 NIM Web SDK 和一个名为 index.js 的 JavaScript 文件。index.js 文件将包含创建 NIM 实例和实现即时通讯功能的 JavaScript 代码。

创建 NIM 实例并进行登录

var nim = SDK.NIM.getInstance({
   
   
  appKey: 'your_app_key',
  account: 'your_username',
  token: 'your_password_or_token',
  onconnect: function() {
   
   
    console.log('连接成功');
  },
  onerror: function(error) {
   
   
    console.log('连接出错，错误码：' + error.code + '，错误信息：' + error.message);
  }
}