nestjs-server-sent-events - GitLite

KO | EN

gitlite — search

#json #vue #anthropic #awesome #editor #privacy #shell #video #github #react

nestjs-server-sent-events

(★ 18)

Example project of using Server-Sent Events with Nest.js

파일 탐색기

ZIP 다운로드

- index.html
- app.controller.ts
- app.module.ts
- constants.ts
- main.ts
- notifications.service.ts
.eslintrc.js
.gitignore
.prettierrc
Dockerfile
nest-cli.json
package.json
README.md
tsconfig.build.json
tsconfig.json
yarn.lock

# CDN으로 사용하기

jsDelivr

jsDelivr는 공개 GitHub 리포지토리를 별도 설정 없이 CDN으로 즉시 서빙합니다. 버전과 파일을 고르면 웹페이지에 바로 붙일 수 있는 링크와 예시 코드가 만들어집니다.

버전

파일

링크

예시

명령어 용어집

이 문서에서 사용된 명령어를 모아봤습니다. 낯선 명령어가 있다면 펼쳐서 확인해보세요.

🔍

`git clone`

설명 보기 ▼

Clone an existing repository.

git clone {{remote_repository_location}} {{path/to/directory}}

Clone an existing repository into a new directory (the default directory is the repository name):

git clone --recursive {{remote_repository_location}}

Clone an existing repository and its submodules:

git clone {{[-n|--no-checkout]}} {{remote_repository_location}}

Clone only the `.git` directory of an existing repository:

🔍

`yarn`

설명 보기 ▼

JavaScript 및 Node.js 패키지 대체 관리자.
더 많은 정보: <https://yarnpkg.com/cli>.

yarn global add {{module_name}}

전역적으로 모듈 설치:

yarn install

`package.json` 파일에 참조된 모든 의존성을 설치 ( `install`은 선택 사항입니다):

yarn add {{module_name}}@{{version}}

모듈을 설치하고 `package.json` 파일에 대한 의존성으로 저장 (개발 전용 의존성으로 추가하려면 `--dev` 추가):

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

This is a simple Nest.js application demonstrating the use of Server-Sent Events (SSE) to send real-time notifications to clients. The project includes a basic backend service to handle notifications and a frontend example to display them.

## Features

-   **Backend**: A Nest.js server that provides endpoints to post notifications and stream notifications to clients in real-time using SSE.
-   **Frontend**: A simple HTML page to demonstrate receiving notifications in real-time and displaying them with a notification badge.

## Installation

1. Clone the repository:

```bash
   git clone git@github.com:peterkracik/nestjs-server-sent-events.git
   cd nestjs-server-sent-events
   ```

2. Install the dependencies:

```bash
   yarn install
   ```

## Running the Application

1. Start the Nest.js server:

```bash
   yarn start:dev
   ```

The server will run on `http://localhost:3000`.
   Provide a query parameter `user` to the frontend to specify the user ID. For example, `http://localhost:3000/?user=1`.

## Endpoints

### POST /api/notifications

-   **Description**: Receives a new notification and adds it to the store.
-   **Request Body**:
  ```json
  {
    "message": "string",
    "userId": "string"
  }
  ```

### GET /api/notifications/:id

-   **Description**: Returns all notifications for a given user.
-   **Parameters**:
  - `id`: User ID

### SSE /api/notifications/:id/stream

-   **Description**: Returns a stream of notifications for a given user.
-   **Parameters**:
  - `id`: User ID

## Frontend Example

The frontend is a simple HTML page using Tailwind CSS for styling. It demonstrates how to:

-   Send notifications via a form.
-   Display notifications count using a badge.
-   Receive real-time notifications using SSE.

### How to Use

1. Open the `http://localhost:3000/?user=1` file in a browser.
2. Use the form to send notifications to a user.
3. The notification count badge will update in real-time as new notifications are received.

## Dependencies

-   `@nestjs/common`: Core Nest.js components.
-   `@nestjs/event-emitter`: Used to emit and listen to events within the application.
-   `rxjs`: Library for reactive programming using Observables.

## License

This project is licensed under the MIT License.