基于Swoft構(gòu)建的Web聊天應(yīng)用
在這里插入圖片描述
簡(jiǎn)介
本項(xiàng)目是基于Swoft的練手項(xiàng)目，主要使用框架中的Http，WebSocket構(gòu)建，用于新手熟悉Swoft框架。
環(huán)境要求
效果展示
很有意思的登錄頁(yè)
在這里插入圖片描述
登陸首頁(yè)
用戶：程心，好友：三體
在這里插入圖片描述
用戶：三體，好友：程心
在這里插入圖片描述
聊天頁(yè)面
用戶：程心，好友：三體
在這里插入圖片描述
功能
- 用戶登陸退出功能（todo 注冊(cè)功能）
- 登陸認(rèn)證中間件
- 同一用戶，打開(kāi)多個(gè)窗口，可以實(shí)現(xiàn)聊天記錄同步接受，即支持多端登陸。
- 好友列表（todo 新增好友功能）
- WebSocket端已支持群聊功能（todo Http端需要做邏輯和界面處理）
安裝
Composer 創(chuàng)建項(xiàng)目
$ composer create-project ohhink/swoft-im
將.env.example復(fù)制成.env并配置對(duì)應(yīng)參數(shù)
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
運(yùn)行數(shù)據(jù)庫(kù)遷移命令
$ php bin/swoft migrate:up
添加模擬數(shù)據(jù)，也可以自己創(chuàng)建，主要是user用戶表和friend好友關(guān)系表
# 添加用戶
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);
# 添加好友關(guān)系
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);
啟動(dòng)WebSocket和Http
$ php bin/swoft ws:start
# 熱更新啟動(dòng)，適合開(kāi)發(fā)使用
$ php swoftcli.phar run -c ws:start
使用
訪問(wèn)對(duì)應(yīng)地址，這里假設(shè)ip為192.168.10.10，端口為18308，所以訪問(wèn)地址為
http://192.168.10.10:18308/login
# 賬號(hào)：user1
# 密碼123123
# 賬號(hào)：user2
# 密碼123123
注意，要在本機(jī)實(shí)現(xiàn)兩個(gè)客戶端間的通訊，需要使用兩個(gè)瀏覽器，或者開(kāi)啟一個(gè)Chrome的匿名模式
維護(hù)者
如何貢獻(xiàn)
非常歡迎你的加入! 有任何問(wèn)題或者想要貢獻(xiàn)代碼，請(qǐng)?zhí)峤?issue
使用許可
MIT ? OhhInk
