# see-demo

**Repository Path**: libinos/see-demo

## Basic Information

- **Project Name**: see-demo
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-11-27
- **Last Updated**: 2024-11-27

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# see-demo

#### 介绍
{**以下是 Gitee 平台说明，您可以替换此简介**
Gitee 是 OSCHINA 推出的基于 Git 的代码托管平台（同时支持 SVN）。专为开发者提供稳定、高效、安全的云端软件开发协作平台
无论是个人、团队、或是企业，都能够用 Gitee 实现代码托管、项目管理、协作开发。企业项目请看 [https://gitee.com/enterprises](https://gitee.com/enterprises)}

#### 软件架构
创建一个使用SSE(Server-Sent Events)的消息通讯demo，包含Java后端服务器和Node.js前端。我们将创建以下结构：

Java后端：使用Spring Boot创建SSE端点
前端：使用Node.js和Express创建静态文件服务器，以及HTML/JavaScript客户端

这个demo包含以下组件：

1. Java后端 (java-sse-server)：
使用Spring Boot框架
实现了两个端点：
* /subscribe：用于建立SSE连接
* /broadcast：用于广播消息给所有连接的客户端
* 使用SseEmitter来管理SSE连接

2. Node.js前端 (node-sse-client)：
使用Express框架提供静态文件服务
实现了一个简单的Web界面，包含：
* 消息显示区域
* 消息输入框
* 发送按钮
* 使用原生EventSource API连接SSE服务器


#### 安装教程

要运行这个demo：

启动Java后端：

```
cd java-sse-server
mvn spring-boot:run
```

启动Node.js前端：
```
cd node-sse-client
npm install
npm start
```
打开浏览器访问 http://localhost:3000

#### 使用说明

功能特点：

实时消息推送
自动重连机制
支持多客户端同时连接
简洁的用户界面
支持按回车发送消息
这个demo展示了SSE的基本使用方式，包括：

服务器端的事件推送
客户端的事件监听
错误处理和重连机制
消息广播功能
需要注意的是，Java后端运行在8080端口，而Node.js前端运行在3000端口。前端页面会通过SSE连接到Java后端服务器。

你可以打开多个浏览器窗口来测试消息广播功能，每个窗口都会收到所有发送的消息。


#### 参与贡献

1.  Fork 本仓库
2.  新建 Feat_xxx 分支
3.  提交代码
4.  新建 Pull Request


#### 特技

1.  使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
2.  Gitee 官方博客 [blog.gitee.com](https://blog.gitee.com)
3.  你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解 Gitee 上的优秀开源项目
4.  [GVP](https://gitee.com/gvp) 全称是 Gitee 最有价值开源项目，是综合评定出的优秀开源项目
5.  Gitee 官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
6.  Gitee 封面人物是一档用来展示 Gitee 会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)