Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/blinksocks/blinksocks-gui

A web based GUI wrapper for blinksocks.
https://github.com/blinksocks/blinksocks-gui

blinksocks gui nodejs

Last synced: about 2 months ago
JSON representation

A web based GUI wrapper for blinksocks.

Awesome Lists containing this project

README

        

# blinksocks-gui

[![version](https://img.shields.io/npm/v/blinksocks-gui.svg)](https://www.npmjs.com/package/blinksocks-gui)
[![downloads](https://img.shields.io/npm/dt/blinksocks-gui.svg)](https://www.npmjs.com/package/blinksocks-gui)
[![license](https://img.shields.io/npm/l/blinksocks-gui.svg)](https://github.com/blinksocks/blinksocks-gui/blob/master/LICENSE)
[![%e2%9d%a4](https://img.shields.io/badge/made%20with-%e2%9d%a4-ff69b4.svg)](https://github.com/blinksocks/blinksocks-gui)

> 为 [blinksocks](https://github.com/blinksocks/blinksocks) 封装的 WEB 图形化界面。

![](screenshot-0.png)

![](screenshot-1.png)

## 特性

- 三大平台支持(Windows、Linux、macOS)
- 双端图形化界面
- 单机服务多开
- 远程服务配置、启动/停止
- 实时监控图表(CPU、内存、上下行速度、网络连接数、网络流量)
- 日志查看和搜索

## 安装

### 使用 npm 安装或升级(推荐)

在此之前,请先安装 [Node.js](https://nodejs.org/en/),Node.js 自带 npm 包管理器。

> Tips: 如果你是在服务端(一般是 Linux)上使用,可以使用官方提供的安装脚本:
> https://nodejs.org/en/download/package-manager/#installing-node-js-via-package-manager

然后执行下面的命令安装 blinksocks 和 blinksocks-gui:

```
$ npm install -g blinksocks blinksocks-gui
```

需要升级时重新执行上面的命令即可。

## 启动

### 交互式启动

```
$ NODE_ENV=production blinksocks-gui
```

根据提示选择启动类型(客户端或者服务端):

```
? Please choose run type › - Use arrow-keys. Return to submit.
❯ Client
Server
```

选择一个端口号用于远程访问图形界面:

```
✔ Please choose run type › Client
? Please choose a port(1 ~ 65535) for web ui: › 3000
```

完成后在**浏览器**中打开提示链接即可:

```
✔ Please choose run type › Client
✔ Please choose a port(1 ~ 65535) for web ui: … 3000
info: blinksocks gui client is running at 3000.
info: You can now open blinksocks-gui in browser:

http://localhost:3000/

```

### 一行命令启动

```
$ blinksocks-gui --client --port 3000
```

> Tips: 第一次启动时,程序会自动创建一个 `root` 用户,初始密码为 `root`,在 `/landing` 页面输入初始密码后登录系统。

## 修改初始登录密码

转到 `/settings` 页面或点击左侧 `Settings` 菜单进入系统配置面板修改相关配置并保存。

## 开发指引

### 拉取仓库并初始化

```
$ git clone https://github.com/blinksocks/blinksocks-gui
$ cd blinksocks-gui
$ git submodule update --init
```

### 安装依赖

**core 模块安装**

```
$ cd core
$ npm install
$ npm install --no-save blinksocks
```

**ui 模块安装**

```
$ cd ui
$ npm install
```

### 启动调试

启动本地 HTTP/WebSocket 服务:

```
$ cd core && npm run start:client
```

启动前端开发服务器:

```
$ cd ui && npm start
```

根据提示打开链接开始调试。

### 编译和打包

只需要编译打包前端代码,完成后会自动替换 `core/public` 里的内容:

```
$ cd ui && npm run build
```

### 发布

只需发布 `core/` 里的内容到 npm registry 即可:

```
$ cd core
$ npm publish
```

## 更新日志

[CHANGELOG.md](CHANGELOG.md)

## License

Apache License 2.0