在微信小程序里实现聊天室

本文介绍了如何在微信小程序中使用环信SDK开发聊天室功能。首先,通过下载环信小程序SDK并创建项目结构,包括comps、images、sdk、utils等目录。接着,详细讲述了集成过程,如登录环信、获取聊天室列表、修改页面元素以适应聊天室功能。在chatroom页面中,调整消息格式以匹配聊天室的需求。最后,提供了GitHub上的demo下载链接,供开发者参考和使用。
摘要由CSDN通过智能技术生成

第一次搞小程序,老板让我实现一个聊天室功能,压力山大啊。
花了几天时间研究比较了一下方案,最后基于环信的小程序SDK 开发了一个聊天室。

准备工作

  1. 下载环信 小程序demo+sdk
    git clone https://github.com/easemob/webim-weixin-xcx
  2. 创建一个文件夹,将 demo 中的文件 comps、images、sdk、utils 拷贝到新的文件,文件目录说明:
    • |- comps 自定义组件目录
      |-chat 聊天页面
      |-swipedelete 测滑删除
      |-toast toast
    • |-images demo中用到的图片 还有表情
    • |-pages 功能页面
      |-login 登录页 (直接拷贝的demo中的login文件)
      |-roomlist 聊天室列表 (将demo中的group文件拷贝过来后,自己更改的)
      |-chatroom 聊天室会话页面
    • |-sdk 环信sdk
    • |-utils 工具类和sdk的一些配置
    • |-app.js 小程序根实例,存放一些全局变量,注册监听事件
    • |-app.json 注册页面以及全局的一些配置
    • |-app.wxss 一些全局样式
    • |-project.config.json工程的一些配置,和开发者工具 “详情” 中的设置一样

集成

  1. 登录环信没什么可说的,这里选择的是使用
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值