Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.
https://github.com/Tencent/TSW

Tencent Server Web
https://github.com/Tencent/TSW
capture javascript js log monitor nodejs observability server tsw web
Last synced: 5 days ago
JSON representation
Tencent Server Web
Host: GitHub
URL: https://github.com/Tencent/TSW
Owner: Tencent
License: other
Created: 2018-05-08T08:08:34.000Z (about 6 years ago)
Default Branch: master
Last Pushed: 2024-03-16T23:30:51.000Z (3 months ago)
Last Synced: 2024-04-29T21:14:35.606Z (about 2 months ago)
Topics: capture, javascript, js, log, monitor, nodejs, observability, server, tsw, web
Language: TypeScript
Homepage: https://tswjs.org/
Size: 7.68 MB
Stars: 1,800
Watchers: 89
Forks: 184
Open Issues: 9
Metadata Files:
- Readme: README.md
- Changelog: changeLog.md
- License: LICENSE
- Code of conduct: .github/CODE_OF_CONDUCT.md
Lists

awesome-made-by-chinese - TSW
awesome - Tencent/TSW - Tencent Server Web (TypeScript)
awesome-stars - Tencent/TSW - `★1803` Tencent Server Web (TypeScript)
awesome-github-star - TSW
awesome-stars - Tencent/TSW - Tencent Server Web (TypeScript)
README

        # [Tencent Server Web 2.0](https://tswjs.org)

[![license](https://img.shields.io/github/license/mashape/apistatus.svg)](https://github.com/Tencent/TSW/blob/master/LICENSE) [![Build Status](https://github.com/tencent/tsw/workflows/build/badge.svg)](https://github.com/Tencent/TSW/actions?query=workflow%3Abuild) [![tested with jest](https://img.shields.io/badge/tested_with-jest-99424f.svg)](https://github.com/facebook/jest) [![codecov](https://codecov.io/gh/tencent/tsw/branch/master/graph/badge.svg)](https://codecov.io/gh/tencent/tsw)

What is it


Tencent Server Web(TSW) 是一套面向 WEB 前端开发者，以提升问题定位效率为初衷，提供 **染色抓包** 和 **全息日志** 的 Node.js 基础设施。TSW 关注业务的运维监控能力，适用于 http、https 协议的业务场景，可无缝与现有应用（Koa、Express）进行整合。

TSW 2.0 在 1.0 的基础上抽丝剥茧，辅以现代化的设计模式，去除了 1.0 中的大量糟粕，同时对容器化、云原生更加友好。做到了无侵入、低成本接入。

Highlights


  

    
🚀
0 侵入



    📒
全息日志

    🛠
请求抓包

  

  

    通过 Hack NodeJS 底层代码实现功能。对原有业务代码 0 侵入。

    按照请求聚类的显微镜级别的全息日志，给开发者完美的现场还原。

    可抓取 Server 端向外部发送的所有请求的完整包体内容，与后台沟通再无障碍。

  

特别提醒


### TSW 1.0 迁移到 2.0 需要注意的地方

 - TSW 1.0 服务包含进程管理，日志管理等多项内置模块，在进行往 2.0 迁移的时候，请选择其他组件完成替代，如引入 PM2 管理 Node 进程，使用 winston 进行日志管理

 - 另外 2.0 没有包含日志清理工具，建议选择 winston-rotating-file 类似工具来完成清理，避免日志存放过多，导致磁盘空间不足

Quick Start


### 1. 安装

```bash

npm install --save @tswjs/tsw

// yarn add @tswjs/tsw

```

### 2. 添加配置文件  

配置文件是 TSW 启动时加载进运行时的配置文件，主要声明需要使用的 [插件](#plugins) 列表。**默认会加载项目根目录下的 `tswconfig.js` 文件，也可以通过启动参数 `-c` 或者 `--config` 来手动指定配置文件路径。**

**注意事项**: 2.0 中没有集成开放平台相关逻辑，而是封装成了一个插件让用户按需使用，详情见[插件](#plugins)章节。

**配置文件示例：**

```js

module.exports = {

  plugins: [

    new MyPlugin({})

  ]

}

```

**参数列表**:

|    Name     |     Type    |     default    |   Optional  |  Description  |

| :-: | :-: | :-: | :-: | :-: |

|   plugins   | Array<[Plugin](#plugins)>| - |  yes | [插件](#plugins)列表 |

|   cleanLog  | boolean |  `false` |  yes | 是否关闭默认打印 |

|   logLevel  | `DEBUG/INFO/WARN/ERROR` |  `DEBUG` |  yes | 设置 log level |

|   winstonTransports  | Array<[TransportStream](https://github.com/winstonjs/winston-transport/blob/master/index.d.ts)> |  - |  yes | [Winston](#winston-是什么)日志通道 |

### 3. 启动

```bash

npx @tswjs/tsw ./index.js

```

**注意事项**：原先 `node --inspect ./index.js` 中的 CLI 参数如 `--inspect` 需要转化为环境变量 `NODE_OPTIONS` 来执行，如 `NODE_OPTIONS="--inspect" npx @tswjs/tsw ./index.js`。

**使用 ts**: 在保证项目有 [ts-node](https://www.npmjs.com/package/ts-node) 依赖包的情况下，按照如下方式执行即可直接加载 ts 文件。

```bash

NODE_OPTIONS="--require=ts-node/register" npx @tswjs/tsw ./index.ts

```

### CLI (Command Line Interface)

使用 `npx @tswjs/tsw --help` 来获取 CLI 选项。

### Examples

我们提供了一些示例项目以让大家尽快了解该项目。

1. `cd ~`

2. `git clone https://github.com/Tencent/TSW.git`

3. `cd TSW`

#### Koa

1. `cd examples/koa`

1. `yarn`

1. `yarn serve` 或者 `npm run serve`

1. `curl -v localhost:4443/path/to/foo -X POST -d "hello, server"`

Plugins


### 插件是什么？

TSW 核心的实现方式是 Hack NodeJS 自身的 `http.request` 以及 `http.createServer`， 以此来实现抓包机制。在服务器处理请求的前后，在服务器向其他服务器发包的前后，等等，都会有相应的事件抛出，以供用户来进行自定义处理。**为了让用户更加方便地复用、传播这样一组组自定义处理，我们将他们抽象出来，形成了插件机制。**

### 一个最简单的插件

```js

export.modules = class MyPlugin() {

  constructor() {

    this.name = "MyPlugin"

  }

  async init(eventBus, config) {

    eventBus.on("RESPONSE_CLOSE", (payload) => {

      console.log(payload);

    })

  }

}

```

`init` 方法是必须的，这个方法在插件加载开始时会被调用，可以是同步也可以是异步。

#### `eventBus`

`eventBus` 是通过 `new EventEmitter()` 得到的。TSW 核心会在各个关键时机触发上面的事件。

| key | 含义（触发时机） | payload |

| -- | -- | -- |

| `DNS_LOOKUP_SUCCESS` | 在每次 DNS 查询成功之后触发 | `string \| dns.LookupAddress[]` |

| `DNS_LOOKUP_ERROR` | 在每次 DNS 查询失败之后触发 | `NodeJS.ErrorException` |

| `RESPONSE_START` | 在每次服务器开始返回响应（执行 `writeHead`）时触发 | `ResponseEventPayload` |

| `RESPONSE_FINISH` | 在响应结束时（`res.on("finish")`）触发 | `ResponseEventPayload` |

| `RESPONSE_CLOSE` | 在底层链接关闭时 （`res.on("close")`）触发 | `ResponseEventPayload` |

| `REQUEST_START` | 在每次服务器接受到新的请求时触发 | `RequestEventPayload` |

Open Platform


在默认的情况下，TSW 只是会把所有的日志和抓包内容抓取到并且送到事件总线上，以供 [插件](#插件是什么？) 消费。所以将日志和抓包内容落地查看一般需要用户自己编写插件以及提供存储，使用成本过于高昂。  

因此，TSW 官方提供了公共的服务平台 [https://tswjs.org](https://tswjs.org)，让用户低成本、更快、更方便地使用 TSW 的特性，详情见 [开放平台使用指引](./docs/use-open-platform.md)。

Cluster


TSW 2.0 是面对容器化和云原生设计的，所以没有内置 Cluster 相关功能，推荐直接使用容器的健康检查来完成服务的无损重启和故障重启机制。对于没有使用容器化方案的场景来说，我们推荐使用 [pm2](https://github.com/Unitech/pm2) 类似工具来实现多进程模式。

### pm2

#### 使用 Ecosystem File

```js

// ecosystem.config.json

{

  "apps": [

    {

      "name": "app-name",

      "script": "built/index.js",

      "interpreter": "node",

      "interpreter_args": "./node_modules/@tswjs/tsw/dist/cli.js",

      // other options

    }

  ]

}

```

```js

// package.json

{

  ...

  "scripts": {

    "start": "pm2 start ecosystem.config.json"

  },

  ...

}

```

Winston


### winston 是什么？

`winston` 是一个通用且轻量的日志包。`winston` 支持多个日志通道，并且可以分别定义日志优先级。除了内置的三个日志传输通道[`Console`、 `File`、`HTTP`](https://github.com/winstonjs/winston#common-transport-options)，在 Winston 项目外部还会维护一些[传输模块](https://github.com/winstonjs)。查看 `winston` [官方文档](https://github.com/winstonjs/winston)。

TSW 2.0 支持使用 `winston` 传输通道记录日志信息，用户在配置文件中可以添加 `winston.transports` 实例，日志会落到对应配置中。

### 一个简单的示例

使用 `winston` 记录 `error` 级别 以及 `debug` 级别以下的日志信息到对应文件中，当前 `config` 文件配置如下：

```js

module.exports = {

  winstonTransports: [

    new winston.transports.File({ filename: 'error.log', level: 'error'}),

    new winston.transports.File({ filename: 'debug.log', level: 'debug'})

  ]

}

```

**日志记录**

![log](./static/images/winston-log.png)

Users


[![tsw](./static/images/user/01.png)](https://qzone.qq.com/ "QQ空间")　　　　![tsw](./static/images/user/02.png)　　　　[![tsw](./static/images/user/03.png)](https://www.weiyun.com/ "腾讯微云")　　　

　  

　  

[![tsw](./static/images/user/04.png)](https://fm.qq.com/ "企鹅FM")　　　　[![tsw](./static/images/user/05.png)](https://www.weishi.com/ "微视")　　　　![tsw](./static/images/user/06.png)　　　　

　  

　  

[![tsw](./static/images/user/07.png)](http://vip.qq.com/ "QQ会员")　　　　[![tsw](./static/images/user/08.png)](http://egame.qq.com/ "企鹅电竞")　　　　[![tsw](./static/images/user/09.png)](http://ac.qq.com/ "QQ动漫")　　　　

　  

　  

[![tsw](./static/images/user/10.png)](https://buluo.qq.com/ "QQ兴趣部落")　　　　[![tsw](./static/images/user/11.png)](http://now.qq.com/ "NOW直播")　　　　![tsw](./static/images/user/12.png)　　　　

　  

　  

![tsw](./static/images/user/13.png)　　　　[![tsw](./static/images/user/14.png)](http://yundong.qq.com/ "QQ运动")　　　　![tsw](./static/images/user/15.png)　　　　

　  

　  

[![tsw](./static/images/user/16.png)](https://mp.qq.com/ "QQ公众平台")　　　　[![tsw](./static/images/user/17.png)](https://office.qq.com/ "TIM")　　　　[![tsw](./static/images/user/18.png)](http://tianqi.qq.com/index.htm "腾讯天气")　　　　

　  

　  

[![tsw](./static/images/user/19.png)](https://ke.qq.com/ "腾讯课堂")　　　　[![tsw](./static/images/user/20.png)](https://cloud.tencent.com/ "腾讯云")　　　　[![tsw](./static/images/user/21.png)](https://y.qq.com/ "QQ音乐")　　　　

　  

　  

[![tsw](./static/images/user/22.png)](https://kg.tencent.com/ "全民K歌")　　　　![tsw](./static/images/user/23.png)　　　　[![tsw](./static/images/user/24.png)](http://e.qq.com/ads/ "广点通")　　　　

　  

　  

[![tsw](./static/images/user/25.png)](http://open.qq.com/ "腾讯开放平台")　　　　[![tsw](./static/images/user/26.png)](http://kk.qq.com/ "企鹅看看")　　　　[![tsw](./static/images/user/27.png)](http://sports.qq.com/ "腾讯体育") 

License


Tencent Server Web 的开源协议为 MIT, 详情参见 [LICENSE](https://github.com/Tencent/TSW/blob/master/LICENSE) 。