提到虚拟专用网络（下面简称为NPV），大家或多或少都使用过或者听说过。它能够通过专用网络，让我们访问原本访问不到的网络内容。一般大企业用NPV比较多，比如远程办公要连公司内网的时候，就会使用到它。
现在，我给大家介绍下开发的一套WebProxy软件。
从字面上来看，它是Web与Proxy的结合。实如其名，从这两个单词也能大概看出来它的用途：应用于Web网络的Proxy代理服务。
先来假设一个场景，让我们来看看它可以用在什么地方，来实际发现下它的用途和意义所在。
假如我有两台服务器，一台称之为A，连通外网，另一个称之为B，只存在于内网，但B服务器上面有很多网站服务。现在，我们想通过外网访问B服务器上的网站服务，一般是通过两种方法：1，把B暴露到外网，2，通过VPN连通B所在的内网然后访问。如果B不能连通外网，那么方案1显然就不能用了，需要用方案2，建立NPV专用网络。再假设一下，如果有个人要访问B的服务，是不是要开通个NPV账号？个人每次都要先连VPN然后再访问，这些操作看起来就有些繁琐了。
现在我来推出另一个解决方案：WebProxy。
对于上面这个场景，我们可以在A服务器上搭建一个WebProxy服务，这样它自身可以发布到外网，同时它能访问B服务器上的资源，并提供“全量转发”功能，供外网用户访问B服务器的网站。
简单对比下NPV与WebProxy的功能与优缺点，来对两者有个更清晰的认识：
NPV：
优点：可以转发网站服务，也可以转发电脑应用、APP上的所有网络请求，转发速度快
缺点：每个用户要突破网络的时候，都要安装NPV软件、证书
WebProxy：
优点：只需要服务器开一个服务，所有用户都可以通过它突破网络限制进行访问
缺点：只应用于Web网络，不能应用于电脑软件、APP等软件，速度相对NPV来说较慢
从上面简单对比下，可以知道，NPV是单独开一个通道，供当前用户的当前设备（电脑、平板、手机等）突破网络限制，来访问无法直接访问的网络资源。而WebProxy，是通过一台连通外网与内网的中间服务器，打开一个公用通道，以突破网络限制，然后以网站服务的方式，提供对内网环境里的所有网站的转发服务。
上面说了WebProxy与NPV的对比，同时说到了WebProxy的代理转发功能。说到这里，可能会有小部分“懂点行”的软件开发人员会说，“nginx就能代理，要这个干嘛”。实际上，还真不是。
nginx代理无法完成“全量转发”网站的功能。为什么呢？第一，nginx代理网站，只能代理某个域名或IP，如果要代理多个，则需要配置多个域名或IP。第二，网站的运行基本都会依赖很多第三方网站的资源，比如cdn上的js、css文件，静态服务器上的图片、视频资源，第三方网站的网页嵌入，使用的第三方网站的接口，等等等等。上面的功能假如使用nginx代理暴露出来，那么实际上外网用户访问到的B服务器上的网站，很可能会因为各种第三方资源不存在而无法运行。
现在来说下，WebProxy的“全量转发”到底是怎么一回事。首先，“全量转发”分为两个层面，后端层面和前端层面，下面分别进行介绍。
“全量转发”后端层面：
一、网址转发服务
WebProxy后端会转换B服务器上的网站网址成为WebProxy自身的网址并提供服务，当用户访问被转换的网址时，WebProxy会先获取原网址的内容，然后经过内部的一系列处理后，再返回给外网用户。虽然中间有个WebProxy在转发，但在外网用户看来，跟直接访问原网站基本无异。
二、网址转换
后端会搜索获取到的所有html、js、css文件代码里的所有链接，并转换为WebProxy服务的网址，这些链接包括但不限于：
1.href、src、action、srcset、poster等属性链接
2.css代码里的url()链接
3.js代码里的各种import导入的资源链接
4.替换js代码里的所有location.href跳转
5.替换js代码里的所有navigate、location.assign、location.replace跳转
6.替换js代码里的所有document.domain域名
7.往html代码里插入WebProxy前端运行时以支持前端网址转换
等等等等
“全量转发”前端层面：
一、拦截所有Ajax接口调用
主要拦截XMLHttpRequest接口调用并转换接口地址
二、拦截所有fetch接口调用
主要拦截fetch接口调用并转换接口地址
三、拦截所有DOM操作
1.拦截所有元素插入操作并转换元素包含的链接，包括但不限于：
appendChild、insertBefore、replaceChild
replaceChildren、prepend、append、before、after
2.拦截所有元素属性的赋值操作并转换属性包含的链接，包括但不限于：
href、src、srcset、poster、action、data、codebase
3.拦截插入html代码的操作并转换包含的链接，包括但不限于：
insertAdjacentHTML
4.拦截html代码写入文档的操作并转换包含的链接，包括但不限于：
document.write、document.writeln
Element.prototype.innerHTML
Element.prototype.outerHTML
四、拦截所有页面跳转操作
拦截网址跳转函数并转换包含的链接，包括但不限于：
window.open、history.go、window.navigate
location.assign、location.replace、location.href
pushState、replaceState
技术探讨先大概说到这里，具体的实现还是比较困难的，会遇到很多问题，不过多数也基本解决了。
现在来简单说下使用体验。个人使用上来说，基本的网站转发功能已经具备了，高级的网站转发，还有些欠缺的部分，后续也会继续更新维护。
普通的