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

看了下环信集成的小程序demo,里面没有聊天室相应的功能,这里做了一个简单的测试,是以demo为基础,直接更改的,话不多说了,直接看更改过程吧准备工作下载环信 小程序demo+sdkgit clone https://github.com/easemob/webim-weixin-xcx创建一个文件夹,将 demo 中的文件 comps、images、sdk、utils 拷贝到新的文件...
摘要由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. 登录环信没什么可说的,这里选择的是使用
  • 4
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值