https://github.com/zhuima/gin-react-wesocket

go + gin + react + websocket exec system command
https://github.com/zhuima/gin-react-wesocket

Last synced: 11 months ago
JSON representation

go + gin + react + websocket exec system command

• Host: GitHub
• URL: https://github.com/zhuima/gin-react-wesocket
• Owner: zhuima
• Created: 2022-10-10T08:39:50.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2022-10-10T08:58:15.000Z (over 3 years ago)
• Last Synced: 2025-05-31T06:19:01.094Z (about 1 year ago)
• Language: JavaScript
• Size: 1.55 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
GIN  + React + Vite 实现websocket的demo

# 研究原因

- 看别人的实现觉得很牛逼(类似Jenkins的日志输出)，自己模(抄)仿(袭)下来感觉确实很牛逼，牛逼到自己都看不懂对应的代码，尤其是React写的懵逼的不要不要的

- 这只能是一个小demo, 玩具级别的都算不上

# Demo

> ping

![home](./docs/home.png)

> ping

![ping](./docs/ping.png)

> uptime

![uptime](./docs/uptime.png)

> ansible

![ansible](./docs/ansible.png)

# Server

- Gin + gorilla/websocket 实现，其实是抄的 gorilla 官方的 Example

# Client

- Vite + React + bootstrap 实现

# 使用

> 后端启动

```python

cd gin-react-websocket/server

go run main.go

```

> 前端启动

```python

cd gin-react-websocket/client

yarn dev

```

# Note

- 如果你自定义了server端的ip和端口，记得修改client/.env文件