H5直播聊天室

IT教程 4年前 (2020) https://www.55wd.com

聊天室

公司在做一个电商项目进行直播商品,直播当然少不了互动,不然直播多么乏味无趣,那么弹幕式聊天室(IM)怎么实现的那,小编的公司用的是腾讯云的云通信服务。

介绍:

腾讯云IM的前身是QQ的及时通讯消息系统,对QQ的消息模块进行抽离,变成了适合移动端接入的IM SDK,脱离了对QQ号码的绑定,就是现在的IM云通信。登录QQ用的是QQ号密码,登录IM SDK也是一样,只是不是QQ号和密码了,而是指定的用户名(userid)和密码(usersig)。后面会用到这两个字段,我再详细介绍一下。

userid:用来表示用户的字段,可以是APP的用户ID,也可以是另外定义的。

usersig:有了userid,腾讯云用usersig来确认用户是合法的用户,usersig是userid、appid等信息的非对称加密。

服务开通配置

1、首先到云通信的控制台,如果没有开通服务的话,先开通云通信。开通之后应用列表是空的,小编已经创建了应用。

H5直播聊天室

2、创建应用,会分配一个SDKAPPID(后面会用到)

3、创建完成后点击应用配置,进行配置,需要注意的地方:

(1)集成模式选择独立模式还是托管模式

(2)记下accountType,代码中会用到

(3)下载公私钥,有一个private_key和一个public_key,private_key就是用来签发usersig的私钥。

4、聊天房间创建:

在应用配置里有一个群组管理,创建完成后会有一个群ID(会用到)

H5直播聊天室

5、下载SDK

官网地址:https://cloud.tencent.com/product/im#sdk

小编是在H5中进行,所以下载的是 IM Web,下载完后是一个叫docs的zip压缩包,

H5直播聊天室

H5的看直播聊天室WebDemo就可以。

6、准备环境

需要web服务器,官网给的是apache,小编用的是tomcat

把webDemo放到tomcat的webapps中,小编把demo的名字改成了chat,

H5直播聊天室

chat的文件:

H5直播聊天室

7、启动tomcat,访问页面http://llocalhost:8080/chat/index.html

H5直播聊天室

页面上的identifier和UserSig就是用户名和密码,下面先介绍独立模式和托管模式的区别(上面小编配置的是独立模式),然后讲怎么生成用户名和密码。

8、效果图:

H5直播聊天室

独立模式:用户账号信息由开发者保存,用户身份验证(比如注册与验密)也由开发者负责。

托管模式:由腾讯云为开发者提供账号的密码注册、存储和密码验证,以及第三方openid和token的托管验证服务。

如果是托管模式,进入demo后,会先注册和登录腾讯

H5直播聊天室

这时候用户的usersig是由腾讯来生成的。

如果是独立模式,则需要开发者在自己的服务器调用tls api生成,参考文档:

https://cloud.tencent.com/document/product/269/1510

具体创建应用和配置的步骤,可以参考腾讯云给的文档,

小编用的是windows平台的java接口,下载地址:

https://share.weiyun.com/2b3abe0e3f185c440cf455647455f661

H5直播聊天室

java文件夹中是一个生成usersig的工具类,如果只是运行demo,可以用腾讯云给的工具tools,在这个文件夹下打开cmd窗口,输入命令,就可以生成一个usersig

命令:./tls_licence_tools gen ec_key.pem sig 1400001052 xiaojun

参数解释:./tls_licence_tools gen 私钥文件路径 sig将要存放的路径 sdkappid 用户id

这个在文档里有详细介绍,一定要仔细阅读官网给的文档。

小编部署的是独立模式,官网给的默认是托管模式,只需要修改一下index.html中的js的参数值就可以,如下:

H5直播聊天室

结束语

小编也是刚刚接触,如果有认识不到位的地方,欢迎交流!

Mac charles抓包Android app

一、安装charles 1. 下载 https://www.charlesproxy.com/ 链接: https://pan.baidu.com/s/1B0fLpusTZpqNMpho5apKsA 密码: mz

这5个问题,是创造力的杀手

有的问题,能不问就别问了。不论是对别人还是对自己。创意和想象力常常始于某个问题,这个问题所带来的思考常常能够启发并延伸出创造

最新雨林木风ghost xp sp3 纯净版安装图文教程

雨林木风ghost xp sp3 纯净版绝对不含任何病毒,木马或者流氓软件,不绑定主页,完美支持近10年的常见兼容式台式机,品牌机及笔记本。没

searchfilterhost.exe,教您SearchFilterHost.exe如何

SearchFilterHost.exe 是存放在目录 C:\Windows\System32 或 有时 在 C:\Windows 下的子目录。进程没有可视窗口。 这个文件是

Head First Java 中文版 (第 2 版) PDF 下载

微信公众号:一个优秀的废人如有问题或建议,请后台留言,我会尽力解决你的问题。 简介 《HeadFirstJava》是一本完整地面向对象(object

文章回顾

大家看了本文H5直播聊天室的精彩教程资源内容,是不是对H5直播聊天室了解更多,真心希望H5直播聊天室能帮助到你, 小编会一直给你带来更多教程资源文章信息。

版权声明: 发表于 2020-07-06 3:48:49。

本文由第三方用户分享仅代表作者观点,不代表本网站立场,秉承互联网开放分享的精神,目的在于传递更多信息,加强各行业互通交流,但对内容不作任何保证或承诺,请读者自行参考斟酌。网站发布的信息(包含但不限于版式、图片、字体、文章等素材)由第三方用户分享,版权归原作者所有,本站不承担任何相关的版权纠纷等相关责任。如您认为本篇内容侵犯了您的权益,请与我们联系,我们会及时处理。

豌豆资源网专注分享全网综合资源网站大全,致力于超实用的内容资源搜索。

转载请注明:
本文标题:H5直播聊天室
本文地址:https://55wd.com/s97869/