Angular 5 整合容联云即时通讯

1.首先要登录容联云官网，注册帐号。然后建立应用，获取appid

2.下载容联云sdk，在项目中引用。

在index.html中引用 <script src="https://app.cloopen.com/im50/ytx-web-im-min-new-5.4.0.js"></script>
在typings.d.ts文件中，声明调用对象 declare var RL_YTX: any;
在自己的component中，添加sdk的初始化，注意在初始化成功函数内，调用登录函数。注意init函数的参数，改成自己的appid

var resp = RL_YTX.init('8a216da862fc745c01632005f49a0sdas');

console.log("resp.code", resp.code);

if (170002 == resp.code) {

//缺少必要参数，详情见msg参数

//用户逻辑处理

} else if (174001 == resp.code) {

//不支持HTML5，关闭页面//用户逻辑处理}

} else if (200 == resp.code) {

//初始化成功

//用户逻辑处理

//判断不支持的功能，屏蔽页面展示

var unsupport = resp.unsupport;

this.success();

}

4.登录函数，sig的计算方式 appid+userid+时间戳+token appid和token一定要换成自己的

success() {

//账号登录参数设置

var loginBuilder = new RL_YTX.LoginBuilder();

//登录类型 1账号登录，3voip账号密码登录

loginBuilder.setType(1);

//设置用户名

loginBuilder.setUserName(this.userInfo.name);

//type值为1时，密码可以不赋值

loginBuilder.setPwd(this.userInfo.pass);

//设置sig

let timeType = this.getTimeStamp();

let need = '8a216da862fc745c01632005f49a0sdas' + this.userInfo.name + timeType + 'a65feab231a35caeb56a02253724807b';

let md5 = Md5.hashStr(need).toString();

loginBuilder.setSig(md5);

//设置时间戳

loginBuilder.setTimestamp(timeType);

//执行用户登录

let _this = this;

RL_YTX.login(loginBuilder, this.onMessageR, function (obj) {

console.log("错误码：", obj);

});

}

5.时间戳计算函数

getTimeStamp() {

let now = new Date();

let timestamp = now.getFullYear() + '' + ((now.getMonth() + 1) >= 10 ? "" + (now.getMonth() + 1) : "0" + (now.getMonth() + 1)) + (now.getDate() >= 10 ? now.getDate() : "0" + now.getDate()) + (now.getHours() >= 10 ? now.getHours() : "0" + now.getHours()) + (now.getMinutes() >= 10 ? now.getMinutes() : "0" + now.getMinutes()) + (now.getSeconds() >= 10 ? now.getSeconds() : "0" + now.getSeconds());

return timestamp;

}

6.注意引用md5 加密函数

7.最终实现效果，发送接收消息可看官方文档实现。

Angular 5 整合容联云即时通讯相关推荐

前端运用腾讯云即时通讯IM进行会话聊天
本文仅给新接触即时通讯的新手们,并且看文档没有方向的朋友们提供一个清晰的思路,大佬们轻喷. 不管你是想在html.vue项目.微信小程序中哪里想运用腾讯云即时通讯IM,都可以很好的实现,现在给大家介绍 ...
腾讯云即时通讯IM 接口
<?php namespace app\miniapi\controller; use app\miniapi\service\TenImService; use think\Request; ...
融云即时通讯SDK集成 – 定制UI(二) ——添加自定义表情库
融云即时通讯SDK集成 – 定制UI(二) --添加自定义表情库背景: 最近公司新上的app要加上即时通讯的功能, 自己快速实现一个当然是不可能的了(项目deadline也顶不住哇).就从各家成熟的 ...
融云即时通讯云平台获北京六局委新技术新产品认证
近日,融云即时通讯云平台成功入选第七批北京市新技术新产品(服务)认证,成为本批次中即时通讯行业唯一入选企业.该证书是由北京市科学技术委员会.北京市发展改革委员会.北京市经济和信息化委员会.北京市住房和 ...
iOS-融云即时通讯
前言: 对于iOS开发,目前比较流行的即时通信有:融云.环信.网易云信,都是不错的选择.由于工作需求,笔者粗略的学习了一下融云即时通讯.下面就简单的总结一下如何集成单聊的聊天界面. 简介: 融云是国内 ...
ios--融云即时通讯
前言: 对于iOS开发,目前比较流行的即时通信有:融云.环信.网易云信,都是不错的选择.由于工作需求,笔者粗略的学习了一下融云即时通讯.下面就简单的总结一下如何集成单聊的聊天界面. 简介: 融云是国内 ...
iOS开发融云即时通讯集成详细步骤
1.融云即时通讯iOS SDK下载地址 http://rongcloud.cn/downloads 选择iOS SDK下载 2.进行应用开发之前,需要先在融云开发者平台创建应用,如果您已经注 ...
iOS：融云即时通讯快速集成
一.介绍即时通讯在众多社交软件.生活软件以及教育软件中已经是必备的功能了,在当前国内,即时通讯SDK做的比较不错的有那么几家,例如环信SDK.融云SDK...,这两家做的都很不错,各有千秋吧,要是真 ...
融云聊天 php_thinkphp整合系列之融云即时通讯在线聊天
随着技术的发展:现代的网站:越来越趋于应用形式了: 不再是像以前那样需要用户刷新页面:获取数据了: 服务器端可以主动向用户推送数据:更加及时性了: 比较突出的就是即时通讯在线聊天: 今个:我们要打造的 ...

Angular 5 整合容联云即时通讯

Angular 5 整合容联云即时通讯相关推荐

最新文章

热门文章

Angular 5 整合容联云 即时通讯

Angular 5 整合容联云 即时通讯相关推荐

最新文章

热门文章

Angular 5 整合容联云即时通讯

Angular 5 整合容联云即时通讯相关推荐