Nginx:通过Cookie实现A/B测试

最新推荐文章于 2023-06-12 15:52:26 发布

爱被窝的程序猿

最新推荐文章于 2023-06-12 15:52:26 发布

阅读量498

点赞数

分类专栏：临时笔记文章标签： ab测试 nginx

本文链接：https://blog.csdn.net/guanking19/article/details/100006194

版权

临时笔记专栏收录该内容

17 篇文章 0 订阅

订阅专栏

Nginx:通过Cookie实现A/B测试

启动
- Nginx配置
- 启动
通过Cookie重设root

启动

Nginx配置


worker_processes  1;

error_log  logs/error.log;
error_log  logs/error.log  notice;
error_log  logs/error.log  info;
events {
    worker_connections  1024;
}
http {
    include       mime.types;
    default_type  application/octet-stream;
    access_log  logs/access.log;
    sendfile        on;
    keepalive_timeout  65;
    server {
        listen       80;
        server_name  localhost;
        location / {
            root   html;
            index  index.html index.htm;
        }
        error_page   500 502 503 504  /50x.html;
    }
}

启动

进入nginx的安装目录直接双击运行nginx.exe就可以启动。

有没有起来可以使用tasklist命令进行查看。我使用的是cmder，命令和运行结果如下；

D:\nginx-1.14.2
λ tasklist | grep nginx
nginx.exe                     3456 Console                    4      7,056 K
nginx.exe                     9508 Console                    4      7,528 K

通过Cookie重设root

配置文件

server {
    listen       80;
    server_name  guanjie.com;
    location /index.html {
        expires -1;
        add_header Cache-Control no-cache;
        add_header Pragma no-cache;
        add_header Expires 0;
        set $index_root html;
        if ($cookie_greyFlag = 'grey') {
            set $index_root grey;
        }
        root $index_root;
    }
}

Nginx 文件配置

├─conf
├─contrib
│  ├─unicode2nginx
│  └─vim
│      ├─ftdetect
│      ├─ftplugin
│      ├─indent
│      └─syntax
├─grey
│  └─index.html
├─html
│  └─js
│  └─index.html
├─logs
└─temp
    ├─client_body_temp
    ├─fastcgi_temp
    ├─proxy_temp
    ├─scgi_temp
    └─uwsgi_temp

index.html文件内容

html文件夹下index.html文件内容

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Productive Index</title>
</head>
<body>
    <p>This is Productive User Index!!</p>
</body>
</html>

grey文件夹下index.html文件内容

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Grey Index</title>
</head>
<body>
    <p>This is Grey User Index!</p>
</body>
</html>

测试

为guanjie.com配置对应的host，在浏览器进行访问。使用下面的函数设置请求使用的cookie

function setCookie(key, val) {
    document.cookie = key + "=" + val;
}
setCookie("greyFlag", "grey"); //灰度
setCookie("greyFlag", "nogrey"); //正式

设置不同的cookie我们可以看到不同的界面，从而实现A/B测试

爱被窝的程序猿

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录