彗星Chat Javascript SDK

彗星聊天 Pro 允许您为您的网站和应用程序添加语音,视频和文本聊天. 此指南演示了如何使用CometChat Pro在 WebSite 中添加聊天.

特征

• 1-1 组对话( G)
• 语音视频呼叫和电话会议
• 富媒体附件
• 打字指标
• 自定义信件
• 读取收据
• 在线存在指标
• 信件历史
• 单人签名
• 网络呼号
• 瓶装
• 用户朋友列表( F)
• 组列表
• 对话列表
• 线索对话

扩展

推动通知 | 电子邮件通知 | 短消息通知 | 缩略图生成 | 链接预览 | 富媒体预览 | 语音译名 | 智能回复 | 信件翻译 | 爱莫吉斯 | 选票 | 反应 | 贴纸 | 视频广播 | 协作文件 | 协作白板 | 数据遮盖过滤器 | 职业过滤器 | 图像调和| 感官分析 | 飞行中信件调和 | 病毒和恶意软件扫描器 | XSS 过滤器

先决条件 :

在开始之前,确保您满足以下要求:
✅Τ Visual Studio Code 或安装在机器中的任何其他代码编辑器.
✅Τ npm 安装在您的机器中.
你读过 彗星聊天关键概念。 。 。 .

安装相机 Javascript SDK

设置 :

要设置Javascript SDK,您需要先在CometChat Dashboard上注册. 点击这里注册。 。 。 .

一,获取您的应用程序密钥: key:

彗星聊天报名 并随后:

1. 创建新应用程序: 单击 添加 App 应用程序 选项 – 输入 App 名称和其他信息 – 创建 App
2. 在顶部 快速启动 你会找到的 Auth 密钥 打开 应用标识 否则你可以去 API 和 Auth 密钥 和注 Auth 密钥 财务报告和审定财务报表 应用标识

二. 添加彗星聊天依赖性

• 通过国家预防机制安装
  1. 运行以下命令以安装 CometChat Pro Javascript SDK
  

      npm install @cometchat-pro/[email protected] --save
  

• 通过 CDN 导入
  1. 将CometChat Pro Javascript库纳入您的 HTML 代码.
  

    <script type="text/javascript" src="https://unpkg.com/@cometchat-pro/[email protected]/CometChat.js"></script>
  

  有关如何这样做的说明可参见以下链接:
  ++ 添加彗星聊天依赖性

配置相机 Javascript SDK

一. 启动彗星聊天

我们建议您在应用程序启动时使用init()方法, 最好是在index.js文件中 .

var appID = "APP_ID";
var region = "REGION";
var appSetting = new CometChat.AppSettingsBuilder().subscribePresenceForAllUsers().setRegion(region).build();
CometChat.init(appID, appSetting).then(
  () => {
    console.log("Initialization completed successfully");
  },
  error => {
    console.log("Initialization failed with error:", error);
  }
);

二. 创建用户QQ

一旦初始化成功,您需要创建用户 。 您需要使用创建 User () 方法在苍蝇上创建用户 .

let authKey = "AUTH_KEY";
var uid = "user1";
var name = "Kevin";

var user = new CometChat.User(uid);

user.setName(name);

CometChat.createUser(user, authKey).then(
  user => {
    console.log("user created", user);
  },error => {
    console.log("error", error);
  }
);

: 信息 来源 : 注意: 确保指定UID和名称,因为这些是创建用户的强制字段 .

页:1 登录用户QQ

一旦您成功创建了用户, 您就需要使用登录方法将用户登录到CometChat中 .

var UID = "SUPERHERO1";
var authKey = "AUTH_KEY";

CometChat.getLoggedinUser().then(
  user => {
    if(!user){
      CometChat.login(UID, authKey).then(
        user => {
          console.log("Login Successful:", { user });    
        },
        error => {
          console.log("Login failed with exception:", { error });    
        }
      );
    }else{
      // User already logged in
    }
  }, error => {
    console.log("getLoggedinUser failed with exception:", { error });
  }
);

请参考我们 开发者文档 用于提供更多信息,说明如何配置CometChat Pro SDK并使用同一功能实施各种特性.

更多地了解UI- Kit

角形UI Kit 软件 | 反应 UI Kit | Vue UI Kit 软件

贡献者 :

感谢为该项目作出贡献的下列人士: @ajaygajra:你对我的爱心 @ mayur-bhandari (英语)

联系人: mailbox :

通过实时支援联系我们 彗星Chat Dashboard. (原始内容存档于2018-09-29).