https://github.com/wh469012917/swoole-vue-webim

一个Web聊天应用，基于Vue和Swoole构建
https://github.com/wh469012917/swoole-vue-webim

Last synced: 2 months ago
JSON representation

一个Web聊天应用，基于Vue和Swoole构建

• Host: GitHub
• URL: https://github.com/wh469012917/swoole-vue-webim
• Owner: mogody
• License: mit
• Created: 2016-11-05T03:36:29.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2016-12-02T07:38:12.000Z (about 8 years ago)
• Last Synced: 2024-10-29T10:45:23.700Z (2 months ago)
• Language: Vue
• Homepage:
• Size: 58.6 KB
• Stars: 302
• Watchers: 16
• Forks: 77
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-github-vue - swoole-vue-webim - Web版的聊天应用 (应用实例)
• awesome - swoole-vue-webim - Web版的聊天应用 (应用实例)
• awesome-github-vue - swoole-vue-webim - Web版的聊天应用 (应用实例)
• awesome-vue - swoole-vue-webim - vue-webim?style=social) - Web版的聊天应用 (应用实例)

README

        
# swoole-vue-webim

这是一个`Web`版的聊天应用，前端基于`Vue`来构建，用`Vuex`来进行状态管理，`webpack`构建；服务端通过`Swoole`来实现。基本功能有单聊、群聊、用户状态、消息状态以及通知信息。

# 如何部署？

## 1.前期准备

需要安装`npm`和`Swoole`，其中还要安装`webpack`来作为构建工具，所以你需要拥有`Linux`系统。具体安装过程可以查看相关工具的文档。

## 2.构建项目

切换到项目目录，安装相关依赖：

```

npm install

```

构建项目：

```

npm run build

```

## 3.启动服务

其实很简单，启动自动化构建：

```

npm run dev

```

切换到`app`目录，执行：

```

php websocket.php

```

## 4.访问

```

http://localhost:8080

```

![](http://i1.piimg.com/567571/697dbe904510959c.png)

Job done!

# License

MIT