构建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