微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

wechat-im

编程之家收集整理的这个编程导航主要介绍了wechat-im编程之家,现在分享给大家,也给大家做个参考。

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

官方网站:

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。