页 面 正 在 赶 来 的 路 上。

✨个人开源作品(Easychat简聊)开源啦!

javascriptnode.jsvue

 唐益达

date:  2019-12-12 15:26


view 214 comment 0

✨个人开源作品(Easychat简聊)开源啦!


📒前言

简聊(easychat-web)✨✨,简单、完全开源的,轻量、一体化组件项目,有兴趣的可以pr一起改进这个项目 github仓库地址是简聊

  • 简聊H5在线预览(preview):http://chat.tangyida.top.
  • 服务端源码地址(server-source):easychat后台源码(koa2 + mysql ,orm层是sequlize,自己搭的MVC架构)
  • 测试账号(Test Acount):admin 密码: 123456

手机端可以直接扫如下二维码预览:

scan

作者注:此项目正在测试beta版本,后续会跟进开发,有些底层组件由于个人时间有限和一些特殊情况,开发比较粗糙,文档也没完善。有兴趣开发改进底层组件的欢迎pr改进或者提交issues.

🖼 截图预览(Preview)

preview-index

preiview-image

🦋 起源(Why)

一直对实时通讯有偏爱,同时想巩固单人前后端项目一体化的能力,前端技术栈(Vue + Vue-cli 3 + socket.io.client),没有用到第三方组件库,希望从零开始开发H5底层组件,希望屏幕前的你可以加入进来改善项目。

✨特性(Features)

  • 轻量(light)没有任何冗余的第三方组件库,组件全是自己编写自己提供,易于管理,容量轻量。
  • 一体化定制化(intergration)组件高度定制化,不用担心风格不统一。
  • 交互、过渡动效友好(transition)项目各个页面有较多的过渡动效,整体交互友好。
  • 简单、实时高效(easy)项目结构清晰,可以支持多人聊天和一对一私聊。

未来即将实现的特性(正在开发):

  • 自动化配置(auto):剥离配置,达到配置=>构造组件的逻辑,利用Webpack和AST实现自动添加图标、页面可配置等效果。
  • 优化兼容性(polyfill):优化各个底层组件在各大浏览器性能,整体兼容性提高。
  • PWA实现(PWA):准备加入PWA架构,实现桌面离线版H5应用。

⚙ 安装(Install)

npm install
npm run serve

记得开启服务端后台:easychat后台服务,本地开发默认地址是http://localhost:8080

📖 文档(Doc)

持续跟进





评论列表 (共0条评论)
  • T.T尴尬,似乎没人评论......
  • {{comment.nickname}}  博主{{commentList.length-$index}}楼  {{comment.date}}
    引用 {{comment.responseName}}发表时间:{{comment.responseTime}}
    {{comment.response}}
精选文章