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

源码下载:基于环信小程序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下载地址:




关注无极3娱乐公众号(itbear365 ),每天推送你感兴趣的科技内容。

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


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

本文评论
源码下载:基于环信小程序SDK 开发聊天室
据权威数据统计,2018年微信小程序数量超过100万个,覆盖超过200个细分行业。2018年小程序累计融资...
日期:05-10
精智工业互联网 打造数字中国优越实践
——用友网络CEO/总裁陈强兵在数字中国建设峰会发表主题演讲
日期:05-10
联通5G网络赋能河北雄安  揭牌智研院构建数字孪生城市
5月10日,以“联通5Gⁿ•共见未来”为主题的雄安5G创新发展合作大会正式召开,500多...
日期:05-10
5G套餐太贵了!韩国5G开跑 用户流量“吃不饱”
4月5日,韩国就已经正式开放民众申请5G服务,之后韩国三大运营商总共获得26万名5G用户,其中KT电信1...
日期:05-10
老板新品蒸箱618苏宁独家首发
5月8日,苏宁易购618年中大促商户大会召开。同一天,老板电器携下嵌式新品蒸箱SZ01在苏宁独家首发,...
日期:05-09
Unification上线测试网,免费支持开发者与系统交互
据Unification的官方消息,Unification的初始测试网已于5月7日上线。
日期:05-08
帮客户赚到32个亿,小鹅通生态价值网赋能46万商家
5月8日下午,由流水第一的内容付费技术服务商小鹅通,举办的“定义人才·解锁未来&mdash...
日期:05-08
持续探索未成年人健康上网,腾讯《和平精英》启动16+
由腾讯光子工作室群自研打造,反恐军事竞赛体验手游《和平精英》今日正式公测。这也是中国游戏行业...
日期:05-08
网龙华渔教育、乐高教育、福建幼师专签署数字教育合作备忘录
  2019年5月7日,在第二届数字中国建设峰会数字海丝分论坛系列活动中,网龙华渔教育、乐高教育、福建...
日期:05-08
读经典、学新知 新浪新闻app助力2019“全民读书季”
适逢4.23世界读书日之际,中国图书馆学会和国家图书馆联合全国图书馆界,共同开展以“读经典 ...
日期:05-08
把客房搬到博览会,魔便利迷你售货机引爆酒店新零售浪潮
专注酒店客房场景化新零售的魔便利,携2019新款2.0酒店智能迷你售货机华丽亮相上海国际酒店用品博览会,收获了众多酒店客户及现场体验者的无数好评,并与业内十多家知名品牌达成合作意向,其中包含两家大型酒店管理集团以及多家酒店智能化解决方案服务商。
日期:05-05
南昌办证Magic AI – 高性能 ASIC 芯片加速和CPU运算库加速
日前,PQ Labs (品奇数码) 发布了基于CPU和 ASIC芯片的AI加速计算技术。与目前市面上主流的GPU加速...
日期:05-05
李彦宏回北大当“助教” 遭遇百度黑同学提问他如何回应?
如果你被采访时,遇到所谓的“黑粉”,向你提问犀利问题,你会如何面对?百度创始人、董事...
日期:05-02
五一假期票圈“躺赢”,看这篇就够了
为了你的五一假期可以“躺赢”,
  我给你准备了一份错过等于损失好几万的必备攻...
日期:05-02
Q1手机安全报告:3.96亿风险WiFi藏身公共场所,腾讯WiFi管家助力连网安全
当公共场所下连网成为一个必备“姿势”,用户更关心的是公共WiFi是否能够满足上网需求、...
日期:04-30
《复联4》最强周边!国内卖爆后,又风靡海外!
国内《复联4》冲顶20亿票房后,带火的必然是一系列周边产品。其中最火最受关注的,居然是一个机器人...
日期:04-30
Soul出品:虚拟世界防骗指南
最近网络诈骗盛行,尽管Soul星球已经严加预防,但难免还是有漏网之鱼。骗子们仿佛吃了智商增长药:...
日期:04-30
途鸽科技发布《2018出境游大数据报告》: 百度共享WiFi翻译机开启智慧旅游新境界
3月29日,全球旅游场景的AIoT解决方案和大数据平台——途鸽科技发布了《2018出境游大数据...
日期:04-30
移动搜索行业竞争加据,神马搜索发展势头迅猛
中国搜索行业的规范化进程在 2019 年得到进一步推进,人工智能技术与移动搜索引擎的结合加速移动搜...
日期:04-30
创新奇智荣获2019中国新经济创新势力榜“最佳AI创业企业”大奖
继2019年1月的“中国新经济创新势力榜”之电商零售榜、交通出行榜、文化娱乐榜评选启动后...
日期:04-30