# TITA Web 上位机 Demo 指南

{% file src="<https://1365543451-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIvizQxXQ8Smv9HzBMxwu%2Fuploads%2FHJwD8u8oZBwYEewFAAnt%2Frobot-np-dev.zip?alt=media&token=23d3f765-7dbb-4877-8b76-8808b236aa41>" %}
Web Demo Code
{% endfile %}

TITA Web端 Demo Code  是基于NPS开发，其大体框架特性如下介绍：

nps是一款轻量级、高性能、功能强大的**内网穿透**代理服务器。目前支持**tcp、udp流量转发**，可支持任何**tcp、udp**上层协议（访问内网网站、本地支付接口调试、ssh访问、远程桌面，内网dns解析等等……），此外还**支持内网http代理、内网socks5代理**、**p2p等**，并带有功能强大的web管理端。

### 背景

[![image](https://github.com/ehang-io/nps/raw/master/image/web.png?raw=true)](https://github.com/ehang-io/nps/blob/master/image/web.png?raw=true)

1. 做微信公众号开发、小程序开发等----> 域名代理模式
2. 想在外网通过ssh连接内网的机器，做云服务器到内网服务器端口的映射，----> tcp代理模式
3. 在非内网环境下使用内网dns，或者需要通过udp访问内网机器等----> udp代理模式
4. 在外网使用HTTP代理访问内网站点----> http代理模式
5. 搭建一个内网穿透ss，在外网如同使用内网vpn一样访问内网资源或者设备----> socks5代理模式

### 特点

* 协议支持全面，兼容几乎所有常用协议，例如tcp、udp、http(s)、socks5、p2p、http代理...
* 全平台兼容(linux、windows、macos、群辉等)，支持一键安装为系统服务
* 控制全面，同时支持服务端和客户端控制
* https集成，支持将后端代理和web服务转成https，同时支持多证书
* 操作简单，只需简单的配置即可在web ui上完成其余操作
* 展示信息全面，流量、系统信息、即时带宽、客户端版本等
* 扩展功能强大，该有的都有了（缓存、压缩、加密、流量限制、带宽限制、端口复用等等）
* 域名解析具备自定义header、404页面配置、host修改、站点保护、URL路由、泛解析等功能
* 服务端支持多用户和用户注册功能

**没找到你想要的功能？不要紧，点击**[**进入文档**](https://ehang-io.github.io/nps)**查找吧**

#### 安装

> [releases](https://github.com/ehang-io/nps/releases)

下载对应的系统版本即可，服务端和客户端是单独的

#### 服务端启动

下载完服务器压缩包后，解压，然后进入解压后的文件夹

* 执行安装命令

对于linux|darwin `sudo ./nps install`

对于windows，管理员身份运行cmd，进入安装目录 `nps.exe install`

* 默认端口

nps默认配置文件使用了80，443，8080，8024端口

80与443端口为域名解析模式默认端口

8080为web管理访问端口

8024为网桥端口，用于客户端与服务器通信

* 启动

对于linux|darwin `sudo nps start`

对于windows，管理员身份运行cmd，进入程序目录 `nps.exe start`

`安装后windows配置文件位于 C:\Program Files\nps，linux和darwin位于/etc/nps`

**如果发现没有启动成功，可以查看日志(Windows日志文件位于当前运行目录下，linux和darwin位于/var/log/nps.log)**

* 访问服务端ip:web服务端口（默认为8080）
* 使用用户名和密码登陆（默认admin/123，正式使用一定要更改）
* 创建客户端

#### 客户端连接

* 点击web管理中客户端前的+号，复制启动命令
* 执行启动命令，linux直接执行即可，windows将./npc换成npc.exe用cmd执行

如果需要注册到系统服务可查看[注册到系统服务](https://ehang-io.github.io/nps/#/use?id=%E6%B3%A8%E5%86%8C%E5%88%B0%E7%B3%BB%E7%BB%9F%E6%9C%8D%E5%8A%A1)

#### 配置

* 客户端连接后，在web中配置对应穿透服务即可
* 更多高级用法见[完整文档](https://ehang-io.github.io/nps/)
