angular整合环信webIM

　　此处有两大坑：

　　　　1、下载easemob-websdk此npm包时，并没有下载strophe.js、crypto-js、underscore这三个包，需要自己手动下载。

　　　　2、如下方标红位置所示，需要自己手动改动npm包内代码才可使用。

一、安装npm包

　　1、npm install easemob-websdk --save

　　2、npm install strophe.js --save

　　3、npm install crypto-js --save

　　4、npm install underscore --save

二、添加config.js文件

　　在node_modules/easemob-websdk/src目录下创建config.js文件，向文件内添加如下内容：

var config = {xmppURL: 'im-api.easemob.com',            // xmpp Server地址，对于在console.easemob.com创建的appKey，固定为该值
apiURL: 'http://a1.easemob.com',          // rest Server地址，对于在console.easemob.com创建的appkey，固定为该值
appkey: 'easemob-demo#chatdemoui',        // App key
https: false,                            // 是否使用https
isMultiLoginSessions: false,              // 是否开启多页面同步收消息，注意，需要先联系商务开通此功能
isAutoLogin: true,                        // 自动出席，（如设置为false，则表示离线，无法收消息，需要在登录成功后手动调用conn.setPresence()才可以收消息）
isDebug: false,                           // 打开调试，会自动打印log，在控制台的console中查看log
autoReconnectNumMax: 2,                   // 断线重连最大次数
autoReconnectInterval: 2,                 // 断线重连时间间隔
heartBeatWait: 4500,                       // 使用webrtc（视频聊天）时发送心跳包的时间间隔，单位ms
delivery: true,                           // 是否发送已读回执

}exports.config = config;

三、修改node_modules/easemob-websdk/src/connection.js文件：

　　1、修改头部代码：

　　2：找到WebIM声明处代码，添加如下代码：

四、修改node_modules/strophe.js/dist/strophe.js文件：

五、下面就可以在组件中使用：

转载于:https://www.cnblogs.com/lichuankai/p/10443228.html

angular整合环信webIM相关推荐

环信WebIM 超详细教程01：点对点单聊
环信WebIM 超详细教程01:点对点单聊第一个单聊(点对点)Demo 前言一,准备工作:注册->登录->创建应用->创建应用用户二,搭建工程,实现简单的单聊(点对点)功能三 ...
ThinkPHP框架整合环信即时通讯DEMO
环信成立于2013年4月,是一家全通讯能力云服务提供商.产品包括全球最大的即时通讯云 PaaS 平台--环信即时通讯云. 最近在工作中遇到要整合环信即时通讯,通过在网上搜索没有搜到特别全的案例,故此自 ...
基于环信webim视频语音通话
最近项目上要加一个视频通话功能,要求pc端与移动端.移动端与移动端能进行视频语音通话功能,便百度了下,腾讯云和网易云都有这样的功能,但是一个要收费,一个要用户信息,最后还是选择了环信,去环信官网指定的 ...
环信是否支持html,VUE项目集成环信WebIM即时通信以及所遇到的问题
功能背景: 以前和朋友一块儿作了一个wbe项目集成环信的即时通讯的功能,作的时候感叹web端文档太少,并且npm包有一些坑,记录下来写了这篇博客,以后不断有人加我微信问我,怎么集成.如今我再来重写一下 ...
vue-cli3.0 Typescript 项目集成环信WebIM 群组聊天
项目背景环信webim 官方没有vue版本的,自己就根据sdk重写了个vue版本的,只实现了基础的登录群组功能,其他的可以根据需要参考官方文档,添加相应的功能. 环信webim SDK相关文档: ...
JavaWeb聊天(Redis+环信) 一、发送接收消息、聊天记录拉取
公司有需求做一个聊天功能. APP端,跟网页端互相聊天 android端直接嵌入了环信提供的DEMO.聊天记录.都是存储在本地自己进行维护. 所以本次只需要维护网页端的聊天记录~还有接收发送的消息就好 ...
IM 即时通讯实战：环信Web IM极速集成
前置技能 Node.js 环境已搭建. npm 包管理工具的基本使用. Vue2 或者 Vue3 框架基本掌握或使用. 学习目标项目中集成 IM 即时通讯实战利用环信 IM Web SDK 快速实 ...
mui初级入门教程（五）— 聊聊即时通讯（IM），基于环信 web im SDK
文章来源:小青年原创发布时间:2016-06-15 关键词:mui,环信 web im,html5+,im,页面传值,缓存转载需标注本文原始地址: http://zhaomenghuan.gith ...
基于环信接口，开发Web版的即时通讯
最近做项目时需要实现在线聊天的功能,所以借助环信的平台来快速开发集成环信的主要步骤 1 注册开发者账号 2 服务器端的集成 3 客户端集成环信WebIM的demo 点击下载在运行demo的时候需 ...
SpringBoot+Dubbo+环信(即时通信)整合
SpringBoot+Dubbo+环信(即时通信)整合 1.注册环信账号官网:https://www.easemob.com/ 稳定健壮,消息必达,亿级并发的即时通讯云 2. 了解平台架构文档地址 ...

angular整合环信webIM

angular整合环信webIM相关推荐

最新文章

热门文章