wechat-im 介绍
wechat-im是 一个 可以让你在 小程序 平台 快速 实现即时通讯 功能 的完整模板。
特性:
目前项目中已使用webSocket,实现了IM的通信 功能 !目前 包括 会话 列表页 面、会话 页面 及好友 页面 。 支持 使用nodejs开启本地WebSocket服务。
支持 发送文本、 图片 、语音, 支持 输入法的emoji表情
支持 拍照,图库选择 图片 、 图片 预览
支持 切换到文本输入时, 显示 发送按钮。
支持 语音播放及播放动画。
支持 配置 录制语音 的最短及最长时间。
支持 配置 自定义 事件。
支持 聊天消息按时间排序。
支持 发送消息后, 页面 回弹到最 底部 。
使用了最新的语音播放接口,同时兼容了低版本的语音播放接口。
消息发送中、发送成功、发送失败的状态更新
支持 消息发送失败情况下,点击重发按钮重新发送
优化时间气泡 显示 逻辑,相邻信息大于5分钟 显示 后者信息的时间
在 页面 最上方 增加 了会话状态的UI展示
自定义 功能 , 显示 自定义 气泡。
通过解析语音或 图片 消息信息,优先读取本地 文件 。
实现了 文件 存储算法,保证10M存储空间内的语音和 图片 文件 均为最新。
最低 支持 微信基础库版本为1.4.0
各消息类型和各 功能 均已模块化,让你在浏览 代码 时愉悦轻松。(其实这算不上组件特性。。。)
目前 不支持 的 功能 :
如果要使用群聊,目前的UI中,头像旁并没有展示成员昵称。本地没有存储历史聊天消息。原因请看文档结尾。目前WebSocket所有 功能 仅供学习和参考,若想商用,请自行开发。目前还 不支持 以 插件 方式使用。如何安装使用
1. 开发者工具导入项目修改 app.js 文件 中下面配置的url为你本地网络ip及固定的端口号8001,即ws://xx.xx.xx.xx:8001
this.imWebSocket.createSocket({url: 'ws://10.4.97.87:8001'});
2. 搭建本地WebSocket服务安装依赖 npm install
Terminal运行 gulp 即可开启WebSocket服务
3. 使用开发者工具运行项目如果你的项目使用这个框架并且正式投入运营,方便的话可以提供下你们的 小程序 二维码 ,我可以 在这里 为大家推广。
GitHub: https://github.com/unmagic/wechat-im
网站描述: 微信小程序 即时通讯模板,使用WebSocket通信
wechat-im官方网站
官方网站:
如果觉得 网站内容还不错,欢迎将 网站 推荐给程序员好友。