* 免費Kubernetes 教程，絕不降低品質 * [](https://shang.qq.com/wpa/qunwpa?idkey=a2d64aa5f578fe885fce065b242afbb12eeb804a67a552f996584b464277303a)在線答疑，也可以掃描左側導航下方的二維碼加群 # 在K8S上部署back-center 本文假設您已經完成了[在Kubernetes 上部署 Spring Cloud - OCP](https://kuboard.cn/learning/k8s-practice/ocp/)系列教程的前面部分，并已經完成了 eureka-server、user-center-mysql、log-center-mysql、redis、auth-server、user-center 在 K8S 上的部署。 ## 理解back-center back-server 是一個前端項目，OCP中，將其運行在一個 SpringBoot 中。 該項目中，與服務端連接的參數，請參考`web-portal/back-center/src/main/view/static/module/config.js`中的如下代碼片段，OCP需要在前端項目中引用： * `base_server`即 api-gateway 的 URL 地址，`http://api-gateway.ocp.demo.kuboard.cn/` * `eureka_server`即 eureka-server 的 URL 地址`http://cloud-eureka.ocp.demo.kuboard.cn/`（經確認，實際并沒用到，我們在此處仍然修改該取值） ### [#](https://kuboard.cn/learning/k8s-practice/ocp/back-center.html#依賴項)依賴項 back-center 的部署依賴有： * api-gateway 上述依賴在教程的前面部分都已經完成部署。 ## [#](https://kuboard.cn/learning/k8s-practice/ocp/back-center.html#確定部署方案)確定部署方案 back-center 為無狀態服務，使用 Deployment 部署。 前端項目中需要替換的兩個參數都是 js 代碼中的內容，執行點是客戶端瀏覽器，因此，不能夠通過環境變量注入該參數。由于我們只需要`web-portal/back-center/src/main/view/static`目錄下的靜態內容，且 js 中的變量不能像 java 一樣，通過環境變量覆蓋，此時，我們使用 nginx 部署該項目顯得更為合理一些。 因此，我們為其構建一個 nginx 的 docker 鏡像。 ### [#](https://kuboard.cn/learning/k8s-practice/ocp/back-center.html#構建docker鏡像)構建docker鏡像 * 在 master 節點上執行本章節 “構建docker鏡像” 的內容 * 創建文件`/root/open-capacity-platform/web-portal/back-center/entry-point.sh`，內容如下所示： 該文件在啟動 nginx 前，從環境變量獲得參數，并以此為依據，使用 sed 命令修改 config.js 中對應字段的取值，以便我們能夠獲得一個可以適應測試環境、生產環境部署的 docker 鏡像。 ~~~ #!/bin/sh echo "GATEWAY_API_URL 為 ${GATEWAY_API_URL}" echo "CLOUD_EUREKA_URL 為 ${CLOUD_EUREKA_URL}" sed -i "s#base_server.*#base_server: '${GATEWAY_API_URL}',#g" /usr/share/nginx/html/module/config.js sed -i "s#eureka_server.*#eureka_server: '${CLOUD_EUREKA_URL}',#g" /usr/share/nginx/html/module/config.js echo "參數修改完畢，如下所示：" cat /usr/share/nginx/html/module/config.js echo "" echo "啟動 nginx" nginx -g "daemon off;" ~~~ * 創建文件`/root/open-capacity-platform/web-portal/back-center/dockerfile`，內容如下所示： ~~~ FROM nginx:1.17.1 LABEL maintainer="kuboard.cn" ADD ./entry-point.sh /entry-point.sh RUN chmod +x /entry-point.sh && rm -rf /usr/share/nginx/html # 創建環境變量的默認內容，防止 sed 腳本出錯 ENV GATEWAY_API_URL http://gateway_api_url_not_set/ ENV CLOUD_EUREKA_URL http://cloud_eureka_url_not_set/ ADD ./src/main/view/static /usr/share/nginx/html EXPOSE 80 CMD ["/entry-point.sh"] ~~~ * 構建 docker 鏡像并推送 ~~~ # 切換到 back-center 目錄 cd /root/open-capacity-platform/web-portal/back-center # 使用你自己的 docker 用戶名登錄 docker login # 構建鏡像 docker build -t ocpsample/back-center:latest . # 推送鏡像 docker push ocpsample/back-center:latest ~~~ 1 2 3 4 5 6 7 8 ## [#](https://kuboard.cn/learning/k8s-practice/ocp/back-center.html#部署back-center)部署back-center * 在 Kuboard 界面進入`ocp`名稱空間，點擊**創建工作負載**按鈕，并填寫表單，如下圖所示： | 字段名稱 | 填寫內容 | 備注 | | --- | --- | --- | | 服務類型 | Deployment | | | 服務分層 | 展現層 | | | 服務名稱 | back-center | | | 服務描述 | 后臺中心 | | | 副本數 | 1 | | | 容器名稱 | back-center | | | 鏡像 | ocpsample/back-center:latest | | | 抓取策略 | Always | | | 環境變量 | GATEWAY\_API\_URL=http://api-gateway.ocp.demo.kuboard.cn/ CLOUD\_EUREKA\_URL=http://cloud-eureka.ocp.demo.kuboard.cn/ | 填入 kuboard 時 環境變量名后面不帶`=` | | Service | ClusterIP（集群內訪問） 協議`TCP`服務端口`80`容器端口`80` | | | Ingress | 域名`back-center.ocp.demo.kuboard.cn/` URL`/`服務端口`80` | 請使用您自己的Ingress域名 | 域名 * 該域名由`工作負載名`.`名稱空間`.`集群名字`.`一級域名`組成，這種命名規則下，只需要將`*.demo.kuboard.cn`的域名解析指向集群 Ingress Controller 的地址就可以 * 關于 Ingress，請參考[Ingress通過互聯網訪問您的應用](https://kuboard.cn/learning/k8s-intermediate/service/ingress.html)  ## [#](https://kuboard.cn/learning/k8s-practice/ocp/back-center.html#檢查部署結果)檢查部署結果 * 在瀏覽器訪問[http://back-center.ocp.demo.kuboard.cn/](http://back-center.ocp.demo.kuboard.cn/) > 此處請使用您自己的 url 使用默認用戶名密碼 admin/admin 登錄系統，可查看到登錄后的結果如下所示：  * ?? ?? ?? 您已在 K8S 上完成了 back-center的部署 [](https://shang.qq.com/wpa/qunwpa?idkey=a2d64aa5f578fe885fce065b242afbb12eeb804a67a552f996584b464277303a)在線答疑  [如果您覺得 Kubernetes教程 有幫到您，點擊此處，給個 Github Star，謝謝！](https://github.com/eip-work/kuboard-press)