All Projects → zjwshisb → chat

zjwshisb / chat

Licence: other
php+swoole+vue实现的在线IM

Programming Languages

PHP
23972 projects - #3 most used programming language
Vue
7211 projects
javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to chat

HyperVue
🚀 基于 Hyperf + Vue + ElementUI 前后端分离的通用型管理后台
Stars: ✭ 23 (-20.69%)
Mutual labels:  swoole, element-ui
NeusoftCloudHospital
东软云医院。爱与健康,连接你我。🏥
Stars: ✭ 37 (+27.59%)
Mutual labels:  element-ui
swoft-project
基于Swoft的项目结构
Stars: ✭ 17 (-41.38%)
Mutual labels:  swoole
lina
Lina 是 JumpServer 的前端 UI 项目
Stars: ✭ 157 (+441.38%)
Mutual labels:  element-ui
abp-vue
abp account、 identity、tenant 模块前端部分的vue实现
Stars: ✭ 48 (+65.52%)
Mutual labels:  element-ui
vue-element-admin-ts
vue-element-admin 的 typescript 版本
Stars: ✭ 101 (+248.28%)
Mutual labels:  element-ui
github-admin
vue和element-ui搭建一個後台管理系統,使用github提供的api搞事情。輸入您的github賬號名自動幫你生成基本的github信息哦😯
Stars: ✭ 15 (-48.28%)
Mutual labels:  element-ui
FourthPay
基于微信支付宝服务商模式的支付系统,基础模板基于Laravel-admin,实现API接口、商户后台、代理后台、商户API,网站前台。本项目只供学习使用,如需定制化开发请联系QQ:3100247175(闲聊勿扰)
Stars: ✭ 20 (-31.03%)
Mutual labels:  element-ui
hoc-element-table
📦 A Vue 3.x Table Component built on Webpack 5
Stars: ✭ 26 (-10.34%)
Mutual labels:  element-ui
vue-cli-plugin-element-ui
Element-ui plugin for vue-cli
Stars: ✭ 14 (-51.72%)
Mutual labels:  element-ui
wlui
wl-ui 精美易用的前端复杂组件解决方案。Beautiful and easy-to-use front-end complex component solution
Stars: ✭ 32 (+10.34%)
Mutual labels:  element-ui
boot-admin-ui
基于SpringBoot 2.6.2的前后端分离的后台管理系统
Stars: ✭ 16 (-44.83%)
Mutual labels:  element-ui
swoole-postgresql-doctrine-driver
🔌 A Doctrine DBAL Driver implementation on top of Swoole Coroutine PostgreSQL client
Stars: ✭ 15 (-48.28%)
Mutual labels:  swoole
online-mall
一个全栈的在线商城示例,包括了管理后台的前端与后端,微信小程序和对应的接口后端
Stars: ✭ 95 (+227.59%)
Mutual labels:  element-ui
music
🎵vue 像素级还原mac客户端网易云音乐
Stars: ✭ 34 (+17.24%)
Mutual labels:  element-ui
ChatRoom
一个在线聊天室demo,基于PHP SWOOLE,需要SWOOLE拓展的支持
Stars: ✭ 26 (-10.34%)
Mutual labels:  swoole
RillAdmin
vue + openresty/nodejs web admin
Stars: ✭ 34 (+17.24%)
Mutual labels:  element-ui
phpshow
phpshow,简单易用的php框架
Stars: ✭ 14 (-51.72%)
Mutual labels:  swoole
swoole-server-bundle
No description or website provided.
Stars: ✭ 15 (-48.28%)
Mutual labels:  swoole
Tplan
😃 T计划 是一个集成了任务队列、进程管理、爬虫部署、服务可视化监控、数据展示、在线编码、远程部署的通用系统。
Stars: ✭ 59 (+103.45%)
Mutual labels:  element-ui

Chat

使用swoole + vue + restful api实现的在线IM,包括一个http服务,一个websocket服务
demo
测试账号: zhou 密码:123456 持续更新中

功能

  • 注册,登陆,登陆状态维持
  • 重复登陆处理,重复连接处理(同一浏览器打开多个)
  • 头像修改
  • 好友聊天,添加,删除好友
  • 群组聊天,创建,退出群组
  • 聊天记录保存,可上拉加载查看,删除本方聊天记录(不影响对方)
  • 上下线通知,未读消息通知,消息推送
  • 链接消息处理
  • 发送图片
  • 发送文件

技术栈

  • websocket 负责推送转发消息
  • http 负责需要回执的相关操作
  • restful api
  • 依赖注入,控制反转
  • redis,mysql长连接
  • redis 发布订阅
  • Vue.js + vuex + webpack + vue-router + es6 + element-ui

Requirement

  1. PHP >= 7.0
  2. Composer
  3. swoole 扩展
  4. redis 拓展
  5. node.js(前端开发环境下需要)
  6. webpack(前端开发环境下需要)

Start

导入sql.sql 修改配置redis,db配置参数

// 启动后端服务
composer install
cd server\http 
php run.php 
cd server\ws
php run.php
// 启动前端
cd webroot
npm install webpack -g
npm i
npm run dev
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].