例子代码的简单介绍
因为要想做这个流量比对，那得有前端代码，后端代码，nginx，测试同学想要熟悉diffy的功能，需要有修改前后端代码的能力，我们的AIMP项目部署起来相对复杂，所以我编写了一个小项目，用于同学们测试。
1.前端代码 vue架构：https://gitee.com/li_shuai520/diffy.example.frontend.git。提供一个页面，有输入框和按钮，供用户输入和触发http请求到后端
2.后端代码python3: https://gitee.com/li_shuai520/diffy.example.backend.git。里面包含4段代码，4段代码都运行起来，会占用5000,50001,5002,5003端口
3.nginx关键配置如下：
192.168.0.240 是运行diffy机器的IP，192.168.1.5是运行我本机的IP
location /api { mirror /mirror; proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_set_header X-NginX-Proxy true; proxy_pass http://192.168.1.5:5000/getMsg; } location = /mirror { internal; proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_set_header X-NginX-Proxy true; proxy_pass http://192.168.0.240:8880/getMsg; }
业务实践图
前端代码安装
1.把前端代码下载到本地，修改src\components\Lzw.vue里的const path 为自己的nginx后台路径
1.运行命令npm install ,npm run build。产生dist目录
2.把dist目录里的文件复制到nginx的/usr/share/nginx/html目录下
nginx配置
1.修改/etc/nginx/conf.d/default.conf。配置后端反向代理和流量镜像
后端代码安装
把4个代码run就完事了。new_code和old_code的区别，就在/getMsg这个接口的get请求的非返回结果中，多了一个“new”：随机数 。我们的目标，就是diffy要能比较并告诉我们，这个new在新老代码中是不同的
new_code有2个一样的，占用了5000和5001
old_code也有2个一样的，占用了5002和5003
diffy用docker安装
其中192.168.1.5是我自己电脑的IP地址
docker run -ti \ -p 8880:8880 -p 8881:8881 -p 8888:8888 \ diffy/diffy \ -candidate=192.168.1.5:5001 \ -master.primary=192.168.1.5:5002 \ -master.secondary=192.168.1.5:5003 \ -service.protocol=http \ -serviceName="Test-Service" \ -summary.email='zhenwei.li@sfere-elec.com' \ -proxy.port=:8880 \ -admin.port=:8881 \ -http.port=:8888 \ -allowHttpSideEffects=true \ -rootUrl=localhost:8888
使用截图
