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

源码下载:基于环信小程序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小时内处理完毕。


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

本文评论
百度【智能小程序开发者抗疫联盟】全面扩招,优秀开发者最高可获得奖励150万元!
疫情之下,人们衣食住行的各个方面均受到不同程度的影响。抗击疫情由此成为一场全面、长期的全民战...
日期:02-25
武汉嫂子,菜来了……本来生活@你
前两天,一位#武汉嫂子#教科书式怒怼的视频火了。
日期:02-25
vivo天猫超级品牌日重磅来袭,iQOO3抢先买!
2月25日,iQOO在年后首场发布会上正式推出了年度旗舰iQOO 3,并且将于3月2日全网正式开售。
日期:02-25
员工在家办公毁掉公司数据,微盟公司市值一天蒸发 9 亿港元
2月25日消息,港股上市公司微盟集团今日在港交所公告称,SAAS业务数据遭到一名员工“人为破坏&...
日期:02-25
家用投影仪怎么选?性价比颇高的当贝投影D1怎么样?
随着时代的发展,虽然电视也在不断地进步发展,完成了传统电视到智能电视的转变,但是电视一直存在的一...
日期:02-25
探营北京市朝阳区集中隔离点:24小时值守 机器人送餐
“您好,您的餐食在第一层,请取餐。”2月25日中午,位于北京市朝阳区的某集中医学隔离点...
日期:02-25
华为、苹果、OPPO、vivo 等全面响应苏宁24期免息
2月24日晚,苏宁易购召开线上发布会,宣布27日起,将联合家电、家装、3C等品类品牌,全场景推出&ldq...
日期:02-25
全友、顾家家居、喜临门等全面响应苏宁24期免息
2月24日,包括喜临门、雅兰床垫、全友、顾家家居、鹰牌陶瓷、多乐士、三棵树、万家乐、万和、箭牌、...
日期:02-25
智齿客服赋能5大行业,用AI筑起防疫长城
武汉封城,各地戒严,疫情让全国人民进入紧急状态,尤其是政府、医疗等处在防疫战场最前线的行业。智齿...
日期:02-25
“宅经济”、“无接触服务”兴起,苏宁智慧零售玩转消费新方式
受新冠肺炎疫情的影响,“宅”成为了当下全国居民生活最普遍的生活状态。“宅经济&r...
日期:02-25
华为云携手五所高校,启动鲲鹏计算HCIA在线课程
2月24日,全国首个鲲鹏计算HCIA在线孵化营在成都正式启动。本次孵化营由天府新区成都管委会、华为公...
日期:02-25
英超大咖聚首为中国加油,背后原来是PP体育的硬核操作
疫情阻碍了人们的正常出行,但无法削减足球带来的精彩和温情。近日,英超官方特意为中国球迷录制助威...
日期:02-25
远程办公时期,这些公司为什么都选择了飞书?
自从企业开启远程办公模式以来,这段时间,网上有关钉钉、飞书、企业微信的热议不断。不少网友发出...
日期:02-25
Skullcandy推出“热情粉“限量套装,带你遵循内心的声音
历时十一个月,每月一种配色、一位合作音乐人与运动员、一套限定耳机套装,Skullcandy的12 Moods企...
日期:02-25
苏宁推24期免息,苹果华为联想等3C大牌响应
2月24日晚,苏宁易购召开线上直播发布会,侯恩龙宣布自2月27日开始,苏宁将全面联合家电、家装、手...
日期:02-25
首批“无接触”餐厅落地 餐饮业试水送餐机器人自主配送
近日,全国各地陆续迎来返工潮,如何放心吃饭成了许多人关心的新话题。为了尽可能满足疫情期间消费...
日期:02-25
Tmall China Cool时装秀再现 天猫国潮来了传递中国品牌时尚态度
国潮崛起正在成为中国时尚的代名词,除了常驻时装周的华人设计师品牌数量逐年上升,越来越多的中国...
日期:02-25
华云数据安超云一体机为协和武汉红十字会医院提供云助力
新型冠状病毒肺炎疫情发生以来,全国上下齐心战疫,科技企业也积极投身疫情防控主战场,不仅持续为...
日期:02-25
苏宁与美的、华为、苹果等家电3C品牌“云签约”
“2月27日起,苏宁将全面联合家电、家装、电脑、手机等品类品牌,线上线下推出‘购家电家...
日期:02-25
极光:城市居民置业图鉴2020
极光(Aurora Mobile, NASDAQ:JG)发布《城市居民置业图鉴2020》,回顾2019年全国房市表现,洞悉城市...
日期:02-25
  专栏介绍
徐彬 的专栏
徐彬发表的文章
积分:
自我介绍 :