Swoft Web即时聊天实战

基于Swoft构建的Web聊天应用

Swoft Web即时聊天实战_第1张图片
在这里插入图片描述

简介

本项目是基于Swoft的练手项目,主要使用框架中的Http,WebSocket构建,用于新手熟悉Swoft框架。

环境要求

  • PHP 7.1+
  • Swoole 4.3.4+
  • Composer
  • MYSQL 5.7.24+
  • Redis

效果展示

很有意思的登录页

在这里插入图片描述

登陆首页

用户:程心,好友:三体
在这里插入图片描述
用户:三体,好友:程心
Swoft Web即时聊天实战_第2张图片
在这里插入图片描述

聊天页面

用户:程心,好友:三体
在这里插入图片描述

功能

  • 用户登陆退出功能(todo 注册功能)
  • 登陆认证中间件
  • 同一用户,打开多个窗口,可以实现聊天记录同步接受,即支持多端登陆。
  • 好友列表(todo 新增好友功能)
  • WebSocket端已支持群聊功能(todo Http端需要做逻辑和界面处理)

安装

Composer 创建项目
$ composer create-project ohhink/swoft-im 
将.env.example复制成.env并配置对应参数
APP_DEBUG=0
SWOFT_DEBUG=0

REDIS_ONLINE_USER=online-user
REDIS_HOST=127.0.0.1
REDIS_PORT=6379

DATABASE_HOST=192.168.10.10
DATABASE_USERNAME=homestead
DATABASE_PASSWORD=secret
DATABASE_TABLE=swoft
DATABASE_CHARSET=utf8mb4
运行数据库迁移命令
$ php bin/swoft migrate:up
添加模拟数据,也可以自己创建,主要是user用户表和friend好友关系表
# 添加用户
INSERT INTO `user`(`id`, `name`, `username`, `password`, `avatar`, `online`, `created_at`, `updated_at`) VALUES (1, '程心', 'user1', '2bbff72ba88f1c6a17f43819b09806ac', '/image/avatar2.jpg', 0, NULL, NULL);
INSERT INTO `user`(`id`, `name`, `username`, `password`, `avatar`, `online`, `created_at`, `updated_at`) VALUES (2, '三体', 'user2', '2bbff72ba88f1c6a17f43819b09806ac', '/image/avatar1.jpg', 0, NULL, NULL);

# 添加好友关系
INSERT INTO `friend`(`id`, `user_id_a`, `user_id_b`, `created_at`, `updated_at`) VALUES (1, 1, 2, NULL, NULL);
INSERT INTO `friend`(`id`, `user_id_a`, `user_id_b`, `created_at`, `updated_at`) VALUES (2, 2, 1, NULL, NULL);

启动WebSocket和Http
$ php bin/swoft ws:start

# 热更新启动,适合开发使用
$ php swoftcli.phar run -c ws:start

使用

访问对应地址,这里假设ip为192.168.10.10,端口为18308,所以访问地址为
http://192.168.10.10:18308/login
# 账号:user1
# 密码123123
# 账号:user2
# 密码123123
注意,要在本机实现两个客户端间的通讯,需要使用两个浏览器,或者开启一个Chrome的匿名模式

维护者

@OhhInk.

如何贡献

非常欢迎你的加入! 有任何问题或者想要贡献代码,请提交 issue

使用许可

MIT © OhhInk

你可能感兴趣的:(Swoft Web即时聊天实战)