diffy做流量比对的实践和样例

2022-03-08 07:51:30

例子代码的简单介绍

因为要想做这个流量比对，那得有前端代码，后端代码，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