您的位置:首页>>互联网

源码下载:基于环信小程序SDK 开发聊天室

发布时间:2019-05-10 15:06:34  来源:互联网    背景:

  据权威数据统计,2018年微信小程序数量超过100万个,覆盖超过200个细分行业。2018年小程序累计融资额超过80亿元,超过100家投资机构进场,小程序领域已经成为创业开发者们兵家必争的主要阵地,同时,微信小程序已经成为零售电商、生活服务、社交等领域的标配并迎变现黄金期。

1.jpg

  工欲善其事必先利其器,环信作为全球最大的即时通讯云服务商近期宣布正式推出了IM小程序2.0版本,其1小时快速集成,简单易用、完美适配、稳定可靠等特性吸引了大批开发者,目前已经服务了包括小程序购物、多平台社交、娱乐聊天室、多端协同办公、小程序游戏等5大典型应用场景的数百企业客户并受到了广泛好评。

  以下是一位环信开发者“To.lazy”在CSDN上发布的“在微信小程序里实现聊天室”集成示例:基于环信的小程序SDK 开发了一个聊天室。

  准备工作

  下载环信 小程序demo+sdk

  git clone https://github.com/easemob/webim-weixin-xcx

  创建一个文件夹,将 demo 中的文件 comps、images、sdk、utils 拷贝到新的文件,文件目录说明

ml.png

  集成

  登录环信没什么可说的,这里选择的是使用 username/password 登录,和demo中的一样,文件没有进行任何更改

login.png

  在app.js 中注册的 WebIM.conn.listen, 然后在 登陆成功的回调 onOpened 设置的跳转页面,并将登陆的 username 赋给 myName,传到新的页面中使用

tz.png

  修改 roomlist.js 获取聊天室列表,是分页获取的,这里先偷个懒,获取了第一页 20 个聊天室

getroom.png

  然后将listChatrooms() 分别在onLoad、onShow 内,更改下,将原有的 listGroups() 替换掉

  然后在roomlist.wxml 修改对应的 变量绑定名称

listui.png
list.png

  demo中的group.js 中,获取到的是当前登陆账号已加入的群组,咱们做的是聊天室功能,所以需要有一个加入的操作,找roomlist.js 中找到 into_room: function (event),然后填写加入聊天室的方法, 我是直接在当前这个里面加的跳转到聊天页面,并将当前登陆的IDmyName,聊天室IDgroupID,聊天室名称your 传给新页面

joinrom.png

  Ex:监听是否加入聊天室成功的回调是在 onPresence 中,type:memberJoinChatRoomSuccess,正常是监听这个回调跳转页面,有点麻烦就直接这样吧

  到会话页面后,需要修改一下对应的消息格式,在comps/chat/suit 目录下,将里面的文件对应的 js 文件根据文档给聊天室发送消息 格式进行修改,聊天室消息和群组消息不同,所以我目前是直接将getSendToParam()、isGroupChat() 注释,改成下面这样,demo 中下面还有代码的,这里就用 …… 代替了

send.png
chat.png

  就这样了,简单集成聊天室功能,demo中的UI 是开源的,可以根据自己的需求更改~下面是具体实现过程。代码也放在github 上了,有需要的兄弟自取。demo下载地址:https://github.com/lizgDonkey/room-xcx

特别提醒:本网内容转载自其他媒体,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。


返回网站首页 本文来源:互联网

本文评论
友情提示:评论功能暂时关闭,请扫描上方二维码进群交流!
苏宁818免费办理5G体验套餐,每月100G流量包
8月16日,华为首款5G手机Mate 20 X (5G)正式开售,苏宁线上线下全渠道多业态同步售出第一批华为5G手...
日期:08-16
发烧夜全明星阵容曝光!苏宁携手多平台,让你看够爱豆的颜
今年八月,来得比往常更燃一些。苏宁率先打响的818战役燃力十足,先后推出了拼购日和家电主场狂欢,...
日期:08-16
APICloud携手网易有道智云,助力企业提升App制作开发效率
伴随着人工智能的浪潮,OCR识别也从幕后来到台前。针对于扫描文档的OCR识别技术已经非常成熟,而自...
日期:08-16
青云QingCloud助力企业上云,致力打造易管理、好运维的“国民好云”
  作者: cbinews编辑 来源:电脑商情在线
  转眼间,青云QingCloud自成立至今已走过7年的时间...
日期:08-16
畅享音乐季,一起乐队吧!华为视频带你“燥”起来!
在今年夏天的暑期档,华为视频为终端用户们带来了丰富有趣的海量内容,从现象级国民综艺《这!就是街...
日期:08-16
慢日志新体验!华为云DDS慢日志明文显示,一键保障敏感信息安全
随着用户对数据安全的日益重视,文档数据库在最初的设计中,将慢日志脱敏后保存转储,但在实际使用...
日期:08-16
南抖音北快手  谁又是短视频界的巨头
  (原标题:深网|快手和抖音的产品观:“老铁”与“小清新”的对决)
日期:08-16
BCS 2019前瞻:500位CISO共话网安“变革”
2019年,国际咨询公司IDC发布预测称,到2021年,数据治理、合规工作和相关团队人员的支出将增加一倍...
日期:08-16
爱奇艺发布《互动视频广告白皮书》 互动视频标准拓展应用至广告营销
近日,爱奇艺对外发布了《互动视频广告白皮书》(以下简称“白皮书”),规范并提供互动视...
日期:08-15
五维递进学习法锻炼口才,智伴小Y便携机器人让孩子能说善道
语文是锻炼综合素质的基础,它不仅可以帮助孩子提高表达能力、自信心,还能让孩子的组织能力、思维能...
日期:08-15
浪潮商用机器云图再扩 全线产品与腾讯云TStack完成互认证
日前,浪潮商用机器有限公司(简称:浪潮商用机器)宣布,经过几十项针对计算、网络、存储等功能模块的严...
日期:08-15
华为鲁勇:5G+云+AI三大核心引擎将驱动广州数字经济
广州是一座多样化的城市,在历史上被誉为千年的商都,它因商而立,因商而兴,是历史上唯一一个兴盛...
日期:08-15
涨价?共享充电宝回应:按场合收费
  (原标题:共享充电宝涨至5元/小时?回应:不同场合定价不同)
日期:08-15
多元算力,无缝上云:华为云全栈混合云解决方案HCS6.5技术解读
基础架构的变革在信息时代发生着翻天覆地的变化,在以云计算、大数据、移动、社交平台为核心的&ldquo...
日期:08-15
苹果因新款iPhone双摄像头技术再陷官司,被诉侵犯10项专利
  (原标题:苹果双摄像头iPhone被诉侵犯10项专利)
 
日期:08-15
中兴通讯副总裁罗炜:不是5G改变社会,而是社会需要5G
  (原标题:中兴通讯副总裁罗炜:5G最快仅需3年便能达到10亿级连接)
日期:08-15
流量红利消失前的终极战役,互联网巨头角逐“下沉市场”
5G时代的来临,为移动互联网的发展翻开了新的篇章。往前看,新技术将逐渐改变人类的生活;往后看,曾...
日期:08-15
杨元庆:联想将大力推进智能物联网,助其他企业智能化转型
  (原标题:杨元庆:联想要做智能化样板,未来帮助其他企业)
日期:08-15
广州白云区企业发展平台发布,华为云助力智慧广州升级
广州自古因商而立、因商而兴,如今,这座“千年商都”也在持续的开放、融合、与时俱进中...
日期:08-15
星环科技气象大数据为“黄金水道”航运安全保驾护航
案例背景
  上海市气象局是上海政府的专业管理部门,主要负责上海行政区域内的气象监测、天...
日期:08-15
  专栏介绍
徐彬 的专栏
徐彬发表的文章
积分:
自我介绍 :