好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

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官方网站

官方网站:

如果觉得 网站内容还不错,欢迎将 网站 推荐给程序员好友。

查看更多关于wechat-im的详细内容...

  阅读:33次

上一篇

下一篇

第1节:PhoneGap    第2节:WXPage    第3节:Remax    第4节:Mobiscroll    第5节:mobilebone.js    第6节:WeZRender    第7节:weex    第8节:image-cropper    第9节:mobile-calendar    第10节:amazeui    第11节:weui    第12节:wxapp-market    第13节:material-kit    第14节:AUI Mobile    第15节:touchui    第16节:alita    第17节:vum    第18节:FrozenUI    第19节:Touch WX    第20节:Flutter    第21节:nutui    第22节:Onsen UI    第23节:Tina.js    第24节:fastclick    第25节:golden-layout    第26节:Weex Ui    第27节:cordova    第28节:wxParse    第29节:antmove    第30节:GMU    第31节:react-use-gesture    第32节:labrador    第33节:wux-weapp    第34节:vux    第35节:noUiSlider    第36节:wechat-im    第37节:jquery-weui    第38节:vant    第39节:pulltorefresh.js    第40节:slip.js    第41节:react-native-sideswipe    第42节:BeautyWe.js    第43节:lottie-web    第44节:react-native-elements    第45节:cube-ui    第46节:lin-ui    第47节:wxSearch    第48节:DHTMLX    第49节:bttn.css    第50节:微信小程序    第51节:westore    第52节:framework7    第53节:uni-app    第54节:vue2-elm    第55节:vue-ydui    第56节:bindingx    第57节:Jingle UI    第58节:weui-wxss    第59节:WeexBox 2.0    第60节:vant-weapp    第61节:NativeScript    第62节:快应用    第63节:weui+    第64节:Taro    第65节:NativeBase    第66节:graceUI    第67节:mavonEditor    第68节:Ratchet    第69节:AKjs.Mobile    第70节:mobile-angular-ui    第71节:React Belle    第72节:Hermes    第73节:ColorUI    第74节:Atom-Design    第75节:ionic    第76节:wxapp-img-loader    第77节:React Native    第78节:jquery Mobile    第79节:vueg    第80节:mand-mobile    第81节:wemark    第82节:vasern    第83节:mint-ui    第84节:uni-simple-router    第85节:switchery    第86节:mobi.css    第87节:Mand Mobile    第88节:react-virtualized    第89节:iview-weapp    第90节:eros    第91节:minui    第92节:react-native-ui-lib