构建rancher自定义ui的前端镜像

使用Docker构建rancher ui镜像必须准备好

• 要部署的服务器ip或域名
• 部署的端口
• https证书
  
   

以部署到 192.168.99.100:8000 为例

  

   

    

     

    
    

     
 
     
    
   

    

     

    
    

     

      ./scripts/build-static -l -s -v 'rancher-ui' -c '192.168.99.100:8000' # 编译前端项目
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     

      docker build -t rancher-ui:latest . # 构建镜像
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     

      docker stop ou && docker container rm ou # 停止旧容器并移除
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     

      docker run -d -p 8000:8000 --name ou rancher-ui:latest # 运行新的rancher-ui镜像
     
    
  
 

 Dockerfile

  

   

    

     

    
    

     

      FROM nginx:latest
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     

      COPY ssl /rancher-ui/ssl
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     

      COPY rancher-ui.conf /etc/nginx/conf.d
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     

      COPY /dist/static /rancher-ui/www
     
    
  
 

rancher-ui.conf文件

  

   

    

     

    
    

     

      server {
     
    
   

    

     

    
    

     

          listen       8000 ssl;
     
    
   

    

     

    
    

     

          server_name  127.0.0.1;
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     

          ssl_certificate      /rancher-ui/ssl/server.crt;
     
    
   

    

     

    
    

     

          ssl_certificate_key  /rancher-ui/ssl/server.key;
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     

          ssl_session_cache    shared:SSL:1m;
     
    
   

    

     

    
    

     

          ssl_session_timeout  5m;
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     

          ssl_ciphers  HIGH:!aNULL:!MD5;
     
    
   

    

     

    
    

     

          ssl_prefer_server_ciphers  on;
     
    
   

    

     

    
    

     

          add_header Access-Control-Allow-Origin *;
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     

          location / {
     
    
   

    

     

    
    

     
        alias   /rancher-ui/www/;
     
    
   

    

     

    
    

     

              index  index.html index.htm;
     
    
   

    

     

    
    

     

          }
     
    
   

    

     

    
    

     

      }
     
    
  
 

run之后 访问链接https://192.168.99.100:8000/rancher-ui/

看到 

出现此页面表明一切正常。

后在rancher中访问 /v3/settings/ui-index 如 我的rancher部署在192.168.59.129

https://192.168.59.129/v3/settings/ui-index
需登录后访问

将https://192.168.99.100:8000/rancher-ui/ 填充value中，并保存上传。 在重新刷新rancher的页面，就是新的自定义UI页面。

文章来源: fizzz.blog.csdn.net，作者：拿我格子衫来，版权归原作者所有，如需转载，请联系作者。

原文链接：fizzz.blog.csdn.net/article/details/108120518