Web前端开发网

fly63.com

首页 资源 工具 文章 教程 栏目
  • 关于我们
  • 网站投稿
  • 赞助一下

关闭

搜索

在线工具_工作生活好帮手

打造各种简单、易用、便捷的在线工具,网友无需注册和下载安装即可使用

点击查看

资源分类

AI智能 酷站推荐 招聘/兼职 框架/库 模块/管理 移动端UI框架 Web-UI框架 Js插件 Jquery插件 CSS相关 IDE环境 在线工具 图形动效 游戏框架 node相关 调试/测试 在线学习 社区/论坛 博客/团队 前端素材 图标/图库 建站资源 设计/灵感 IT资讯
提交资源 / 链接反馈

wechat-im
分享
复制链接
新浪微博
QQ 好友

扫一扫分享

GitHub:https://github.com/unmagic/wechat-im
网站描述:微信小程序即时通讯模板,使用WebSocket通信
GitHub

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. 使用开发者工具运行项目

如果你的项目使用这个框架并且正式投入运营,方便的话可以提供下你们的小程序二维码,我可以在这里为大家推广。


仅供个人学习参考/导航指引使用,具体请以第三方网站说明为准,本站不提供任何专业建议。如果地址失效或描述有误,请联系站长反馈~感谢您的理解与支持!

链接: https://fly63.com/nav/2543

more>>
相关栏目
uni-app
使用 Vue.js开发跨平台应用的前端框架
官网 GitHub
Flutter
谷歌推出的跨平台移动UI框架
官网 GitHub
framework7
用于开发接近原生iOS或Android系统外观和体验的 hybrid mobile apps 或 web apps
官网 GitHub
ionic
ionic是一个用来开发混合手机应用的,开源的,免费的代码库
官网 GitHub
weex
阿里推出的Native框架,支持iOS、安卓、YunOS及Web等多端部署
官网 GitHub
Taro
多端统一开发框架,生成能运行在微信小程序、H5、React Native 等的应用
官网 GitHub
React Belle
一个React组件库
官网 GitHub
noUiSlider
一个轻量级的Js范围滑块库
官网 GitHub
mavonEditor
基于vue的markdown编辑器
点击进入 GitHub
fair ui
为Flutter设计的动态化框架
官网 GitHub
react-native-ui-lib
React Native的UI组件库和工具集
官网 GitHub
react-native-sideswipe
简单跨平台的React Native可滑动的组件
点击进入 GitHub
weui+
在weui和zepto基础上开发的增强UI组件
官网 GitHub
weui
微信官方设计团队为微信内网页和微信小程序量身设计的的基础样式库
官网 GitHub
ThorUI
轻量、简洁的移动端组件库
官网 GitHub
MUI
最接近原生APP体验的高性能前端框架
官网 GitHub
首页 技术导航 在线工具 技术文章 教程资源 AI工具集 前端库/框架 实用工具箱

Copyright © 2018 Web前端开发网提供免费在线工具、编程学习资源(教程/框架/库),内容以学习参考为主。All Rights Reserved. 网站备案号:蜀ICP备13022973号

手机预览