nginx配合前端实现网站分流 ABtest

前端随机生成0-99的cookie，通过nginx分配10%的流量
nginx配置

前端生成cookie

  (function(){function random(min, max) {return Math.floor(Math.random() * (max - min)) + min;}function setCookie(name, value, days) { // 设置cookie days设置过期时间 单位:天 不传默认是 cookie 在浏览器关闭时删除var exp = new Date();days = days || 30;exp.setTime(exp.getTime() + days * 24 * 60 * 60 * 1000);document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString() + ';path=/';}function getCookie(name) { // 获取一个cookie  var strCookie = document.cookie;var arr = strCookie.split(';');for (var i = 0; i < arr.length; i++) {var t = arr[i].split("=");if (t[0].trim() == name) {return t[1];}};return null;}if(!getCookie('pagetest')){// alert(1)setCookie('pagetest',random(0,99))location.reload();}})()

nginx配合前端实现网站分流 ABtest相关推荐

nginx配置前端网站
原文链接:nginx配置前端网站 0.前言上面一篇文章中,简单介绍了windows下下载安装nginx.这篇文章继续介绍下nginx下配置前端网站等. 1.配置文件 nginx的配置文件在下面的目录 ...
Jenkins+Github+Nginx实现前端项目自动部署
Jenkins+Github+Nginx实现前端项目自动部署前言最近在搭建一个自己的网站,网站框架搭好了要把项目放到服务器运行,但是每次更新网站内容就要手动部署一次,实在很麻烦,于是就想搭建一套自 ...
Nginx配合uGIGI和Django用作应用程序网关
Nginx配合uGIGI和Django用作应用程序网关本文介绍了如何将NGINX或NGINX Plus用作uWSGI和Django的应用程序网关. 介绍关于uWSGI和Django 配置NGINX ...
前端网页发布到nginx_通过nginx部署前端代码实现前后端分离
实现前后端分离,可以让前后端独立开发.独立部署.独立单测,双方通过JSON进行数据交互. 对于前端开发人员来说,不用每次调试都需要启动或配置Java/Tomcat运行环境:对于后端开发人员来说 ,也不 ...
Web前端自学之路学习路线，web前端开发网站
前端开发作为一个由网页制作演变成的新兴岗位,其实在国内外来说,受到重视的时间并不长,在前几年间技术快速的发展和其应用普及率的迅猛增长,使得前端人才市场一片盛况空前的景象,由于其的易入门性和不错的发展前 ...
nginx配置搭建单网站/多网站
nginx配置搭建单网站/多网站 1.nginx概述 1.1nginx处理请求逻辑图 2.nginx安装 2.1yum安装方式 3配置实例 3.1利用nginx服务搭建单个网站 3.2利用nginx服 ...
nginx 发布前端资源的缓存方案
nginx 发布前端资源的缓存方案前言对于前端开发者来说,最头疼的事情莫过于.当你兴冲冲的给项目打包以后,上传到 nginx 等静态资源服务器发布以后,自己本地验证没问题,以为万事大吉,结果测试人 ...
Nginx做前端代理时缓存与否的性能差别
Nginx做前端代理,后端两台apache upstream webservers {------------------定义在http段server 172.16.20.31 ;server 172 ...
手把手教你nginx下如何增加网站
[nginx]手把手教你nginx下如何增加网站楼主# 更多发布于:2011-08-08 17:06 首先确定下您的环境是否是用按照< redhat 一键安装web环境全攻略>来配置的. ...

nginx配合前端实现网站分流 ABtest

nginx配合前端实现网站分流 ABtest相关推荐

最新文章

热门文章