web项目的灰度发布/金丝雀发布

前言

什么是灰度发布？

灰度发布，又被称之为金丝雀发布，是指某次新发布功能特性和旧功能特性之间能够以平滑过渡的方式呈现给用户，就像金丝雀的羽毛一样多种颜色平滑渐变。

对于前端而言灰度发布的作用

一个项目多需求同时开发，需求测试阶段为了互相之间不影响
重要更新时，测试新版本的性能和表现，以保障整体系统稳定的情况下，尽早发现、调整问题，降低风险

基本原理

使用nginx $http_[自定义请求头]读取自定义的请求头，根据请求头不同指向不同资源。

server {
	listen 443 ssl;#配置HTTPS的默认访问端口为443。
    #如果未在此处配置HTTPS的默认访问端口，可能会造成Nginx无法启动。
    #如果您使用Nginx 1.15.0及以上版本，请使用listen 443 ssl代替listen 443和ssl on。
    server_name admin.template.liufashi.top; #需要将yourdomain替换成证书绑定的域名。
    ssl_certificate ssl/admin/admin.template.liufashi.top.pem;  #需要将cert-file-name.pem替换成已上传的证书文件的名称。
    ssl_certificate_key  ssl/admin/admin.template.liufashi.top.key; #需要将cert-file-name.key替换成已上传的证书私钥文件的名称。
    ssl_session_timeout 5m;
    ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:ECDHE:ECDH:AES:HIGH:!NULL:!aNULL:!MD5:!ADH:!RC4;#表示使用的加密套件的类型。
    ssl_protocols TLSv1.1 TLSv1.2 TLSv1.3; #表示使用的TLS协议的类型。
    ssl_prefer_server_ciphers on;
	underscores_in_headers on; #开启header下划线支持
    location / {
		root /apps/react-admin/build;
        if ($http_envtag = "abcde"){
            root /apps/react-admin/gradation;
        }
        index  index.html index.htm;
        try_files $uri $uri/ /index.html;
    }
}