第一次搞小程序,老板让我实现一个聊天室功能,压力山大啊。
花了几天时间研究比较了一下方案,最后基于环信的小程序SDK 开发了一个聊天室。
准备工作
- 下载环信 小程序demo+sdk
git clone https://github.com/easemob/webim-weixin-xcx
- 创建一个文件夹,将 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工程的一些配置,和开发者工具 “详情” 中的设置一样
- |- comps 自定义组件目录
集成
- 登录环信没什么可说的,这里选择的是使用