kubethor下載kubethor源代碼下載

kubethor

其他源碼

1.0.0

下載

Kubethor

Kubethor是使用GO和React構建的Kubernetes管理Web應用程序。它提供了一個用戶友好的接口，可以有效地管理和監視Kubernetes群集。

特徵

集群管理：輕鬆管理多個Kubernetes群集。
資源監視：可視化和監視Kubernetes資源，例如POD，服務，部署等。
日誌聚合：集中日誌以查看不同容器的日誌。
資源編輯器：直接從Web界面編輯Kubernetes資源。
資源刪除：輕鬆刪除Kubernetes資源。
資源詳細信息視圖：查看有關Kubernetes資源的詳細信息。
在名稱空間之間切換：在不同的名稱空間之間無縫切換以管理資源。

建立

前端
- React：用於構建用戶界面的JavaScript庫。
- Flowbite：用尾風CSS構建的UI組件。
後端
- GO（Golang）：用於後端的編程語言。
- Kubernetes客戶端：用於與Kubernetes群集交互的客戶庫。

Docker圖像

拉碼頭圖片： docker pull kubethor/kubethor
運行Docker容器： docker run -p 8080:8080 kubethor/kubethor
通過http：// localhost：8080在瀏覽器上訪問該應用程序。

有關Docker圖像的更多詳細信息，請訪問Kubethor Docker Hub頁面。

文件夾結構

這是項目結構的概述：

 kubethor/
├── kubethor-frontend/          # React frontend
│   ├── public/                 # Public assets
│   ├── src/                    # React source code
│       ├── assets              # Contains frontend assets
│       ├── components          # Contains commonly used hooks and components
│       ├── layouts             # Contains common page layouts
│       ├── pages               # Contains pages component
│       ├── App.jsx
│       └── ...                 # Other frontend files
│   ├── package.json            # Node.js dependencies
│   └── ...                     # Other frontend files
│
├── kubethor-backend/           # Go backend
│   ├── main.go                 # Main Go application
│   ├── go.mod                  # Go module dependencies
│   ├── api                     # Contains api's
│   ├── config                  # Contains configuration
│   ├── build.sh                # Build script for standalone app
│   ├── k8s.yaml                # Kubernetes deployment file
│   ├── Dockerfile              # Kubernetes deployment file
│   ├── dist                    # Compiled React build (Need to copy from frontend folder after build)
│   └── ...                     # Other backend files and folders
│
├── README.md                   # Project README
└── ...                         # Other project files

kubethor-frontend/
- public/ ：包含靜態資產，例如圖像，字體和index.html文件，可作為React應用程序的輸入點。
- src/ ：React應用程序的主要源代碼。
  - assets/ ：包含圖像，圖標和样式等前端資產。
  - components/ ：包含在整個應用程序中使用的可重複使用的反應組件和鉤子。
  - layouts/ ：包含定義通用頁面佈局結構的佈局組件。
  - pages/ ：包含代表應用程序中不同視圖或路由的頁面組件。
  - App.jsx ：設置路由並呈現應用程序的核心佈局的主要應用程序組件。
- package.json ：定義了前端項目的node.js依賴項和腳本。
kubethor-backend/
- main.go ：初始化並運行後端服務器的主GO應用程序文件。
- go.mod ：定義後端項目的GO模塊依賴項。
- api/ ：包含後端服務器公開的API實現。
- config/ ：包含用於後端使用的不同環境和設置的配置文件。
- build.sh ：用於編譯獨立後端應用程序並管理構建過程的構建腳本。
- k8s.yaml ：指定如何在Kubernetes群集上部署後端應用程序的Kubernetes部署文件。
- Dockerfile ：用於為後端應用程序創建Docker映像的Docker構建文件。
- dist/ ：構建過程後，從前端文件夾中復制編譯的反應構建的目錄。這允許後端為前端應用程序服務。

入門

先決條件

GO（版本1.16或更高版本）
node.js（版本18.x或更高版本）
Docker（可選，用於容器的部署）
Kubectl（用於與Kubernetes簇相互作用）

影片:

安裝

克隆存儲庫：

git clone [email protected]:sassoftware/kubethor.git
cd kubethor

前端設置：
- 導航到kubethor-frontend目錄：
```
 cd ../kubethor-frontend
```
- 安裝依賴項：
```
npm install
```
  如果有任何錯誤使用：
```
npm config set registry https://registry.npmjs.org/
npm install --verbose
```
- 構建React應用程序：
```
npm run build
```
- 用於在開發環境中運行的React應用程序：
```
npm run dev
```
後端設置：
- 導航到kubethor-backend目錄：
```
 cd ../kubethor-backend
```
- 複製DIST文件夾[React App Build to Backend]從kubethor-frontend到kubethor-backend目錄：
```
cp -r ../kubethor-frontend/dist/ ../kubethor-backend
```
- 下載所有依賴項：
```
go mod download
```
- 構建GO應用程序：
```
go build -o kubethor-backend
```

運行應用程序

開始後端：
- 導航到backend目錄：
```
 cd kubethor-backend
```
- 運行GO應用程序：
```
./kubethor-backend
```
後端應用程序將在http://localhost:8080上運行。
開始前端：
- 導航到frontend目錄：
```
 cd ../kubethor-frontend
```
- 啟動開發服務器：
```
npm run dev
```
前端應用程序將在http://localhost:3000上運行。

作為獨立運行應用程序

構建獨立應用程序：
- 導航到kubethor-backend目錄：
```
 cd kubethor-backend
```
- 運行build.sh腳本：
```
./build.sh
```
注意： build.sh腳本構建了react應用程序，將其複製到kubethor-backend文件夾中，然後將其嵌入到GO的可執行文件中。可以運行此單個可執行文件，以在http://localhost:8080上為整個應用程序提供服務，而無需單獨運行前端。
運行獨立應用程序：
- 運行build.sh後，啟動應用程序：
```
./kubethor-backend
```
該應用程序將在http://localhost:8080提供。

構建和運行Docker圖像

由於Docker映像也是一種獨立應用程序，因此請確保將最新的dist文件夾複製到kubethor-backend文件夾中。如果要構建用於在主機服務器上部署的圖像，請確保使用主機名更改kubethor-frontend中的API_BASE_URL和API_WS_URL 。 build.sh腳本構建了React應用程序，將其複製到kubethor-backend文件夾中。在構建docker映像之前，可以運行build.sh 。

構建Docker圖像：
- 導航到kubethor-backend目錄：
```
 cd kubethor-backend
```
- 構建Docker圖像：
```
docker build --no-cache -t kubethor-backend .
```
運行Docker容器：
- 運行Docker容器：
```
docker run -p 8080:8080 kubethor-backend
```

推到Docker註冊表：

登錄到您的Docker註冊表：
```
docker login YOUR_REGISTERY.com
```

標記Docker圖像：

docker tag kubethor-backend:latest YOUR_REGISTERY.com/kubethor/kubethor-backend:latest

按下Docker圖像：

docker push YOUR_REGISTERY.com/kubethor/kubethor-backend

Kubernetes部署

部署到Kubernetes群集：
- 導航到kubethor-backend目錄：
```
 cd kubethor-backend
```
- 確保您有一個Kubernetes群集運行，並配置為與之交互的kubectl 。
- 使用您的Docker Image鏈接和主機URL更新kubethor-backend目錄中的k8s.yaml文件：
- 應用Kubernetes配置：
```
kubectl apply -f k8s.yaml -n my-namespace
```
- 成功部署後，轉到您的主機URL
注意：確保您有必要的權限將資源部署到Kubernetes群集。 k8s.yaml文件包含用於部署Kubethor應用程序的配置，包括部署，服務，入口和水平POD Autoscaler以及在Kubernetes環境中運行的應用所需的其他資源。