魔方实时通信im组件

魔方实时通信/协作引擎(Web SDK)是一个全能力的实时云端协作引擎

魔方实时通信,请点击这个

这个SDK可以是实现的功能有很多,目前我就先写一个聊天的组件,后续组件慢慢来~ ~ ~

项目的源代码在这里 

在线演示

项目结构如下:


直接打开浏览器访问index.html页面,效果图如下:

index.html:


登录中。。。


在启动之前,你只需要引入需要的各个js文件。

lib/Genie-min.js 为引擎依赖库

lib/cube-core.js 引擎核心库

lib/cube-message.js 即时消息库

base/base.js 用户登录的相关信息配置(loginInfo里面的信息去时信魔方官网注册获取)

base/message.js 定义一个 AppMessageListener 来监听消息的收取、发送、文件上传、消息撤回等各种事件

component/CubeMessage.js 自定义元素的js

在html引入我们所需要的js,使用聊天界面就搭建好了。

你可以根据需求是否需要发送图片,文件等消息类型

在cube-message标签上添加 sendImg属性就可以发送图片

在cube-message标签上添加 sendFile属性就可以发送文件

你可能感兴趣的:(魔方实时通信im组件)