前言

前面讲过关于快代理的代理ip相关知识，那代理ip它的底层是怎么实现的？带着这个问题，接下来我会讲解开源代理服务器LightWeightProxyServer。LightWeightProxyServer是由本人独立开发的轻量级的全栈项目，前几章会教大家怎么搭建环境和使用LightWeightProxyServer，后面有代码解析，前端的核心的部分会讲，后端ip代理过程会详细讲解

一、LightWeightProxyServer前后端使用的技术

1.后端LightWeightProxyServer

springboot+mybaits-plus+sqlite，同时将前端构建后的js文件集成进来。sqlite作为数据源而不是mysql，因为sqlite是轻量的数据源，不需要额外安装mysql，使用java -jar xxx.jar项目就直接运行，不需要安装其他的

2.前端light-weight-proxy-server-vue

vue2+element-ui

二、搭建环境

1.后端LightWeightProxyServer

1.1.下载项目

打开项目地址LightWeightProxyServer进行下载

1.2.将项目引入idea里面

1.3.mvn clean install

1.4.启动LightWeightServerApplication

启动没有问题了，说明项目的环境已经好了

1.5.打开地址，输入账号和密码

打开地址http://localhost:8088
会跳转登录页面http://localhost:8088/static/index.html#/login
账号和密码：admin/admin

1.6.登录成功后跳转到主页面

2.前端light-weight-proxy-server-vue

2.1.下载项目

打开项目地址light-weight-proxy-server-vue进行下载

2.2.将项目引入idea（或者WebStorm、vs）里面

2.3.npm命令安装启动

node要求：v8-v14,v15 -17没有测试过，v18测试过不行，版本太高了，建议10-14，我的是v14
light-weight-proxy-server-vue目录 cmd
npm install
npm run dev

打开地址http://localhost:8001
会跳转登录页面http://localhost:8001/static/index.html#/login
账号和密码：admin/admin

可以看出，前端启动服务的8001端口的页面和后端启动服务8088端口的页面，是完全独立的。
那怎么让这两个服务的页面是一样的呢？？？
打包目录命令 npm run build
将dist的目录下的文件cope到 后端resources的static目录下就能完全一样了

总结

以上就是今天要讲的内容，简单介绍下LightWeightProxyServer和LightWeightProxyServer的环境搭建。