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

待我称王封你为后i 2022-11-29 11:50 167阅读 0赞

使用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/][https_192.168.99.100_8000]rancher[\-ui/][https_192.168.99.100_8000]*

看到

![image.png][]

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

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

[https://192.168.59.129/v3/settings/ui-index][https_192.168.59.129_v3_settings_ui-index]  
需登录后访问

![image.png][image.png 1]

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

[https_192.168.99.100_8000]: https://192.168.99.100:8000/openkube-ui/
[image.png]: /images/20221124/92783c0b0aef4f6ba0b9715f0d96946a.png
[https_192.168.59.129_v3_settings_ui-index]: https://192.168.59.129/v3/settings/ui-index
[image.png 1]: /images/20221124/6e1958393bd64d0c83ba4718f0abe2b8.png