This document describes how to setup your development environment.
Make sure the following software is installed and added to the $PATH variable:
- Curl 7+ (installation manual)
- Git 2.13.2+ (installation manual)
- Docker 1.13.1+ (installation manual)
- Golang 1.19+ (installation manual)
- Dashboard uses
go modfor go dependency management.
- Dashboard uses
- Node.js 16.14.2+ and yarn (installation with nvm)
Clone the repository and install the dependencies:
yarnTo make Dashboard work you need to have cluster running. If you would like to use local cluster we recommend kubeadm, minikube or kubeadm-dind-cluster. The most convenient way is to make it work is to create a proxy. Run the following command:
kubectl proxykubectl will handle authentication with Kubernetes and create an API proxy with the address localhost:8080. Therefore, no changes in the configuration are required.
Quick updated version:
npm startAnother way to connect to real cluster while developing dashboard is to specify options for npm like following:
npm run start:https --kubeconfig=<path to your kubeconfig>Please see here which options you can specify to run dashboard with npm.
Open a browser and access the UI under localhost:8080.
In the background, npm start makes a concurrently call to start the golang backend server and the angular development server.
Once the angular server starts, it takes some time to pre-compile all assets before serving them. By default, the angular development server watches for file changes and will update accordingly.
As stated in the Angular documentation, i18n does not work in the development mode. Follow Building Dashboard for Production section to test this feature.
Due to the deployment complexities of i18n and the need to minimize rebuild time, the development server only supports localizing a single locale at a time. Setting the "localize" option to true will cause an error when using ng serve if more than one locale is defined. Setting the option to a specific locale, such as "localize": ["fr"], can work if you want to develop against a specific locale (such as fr).
To build dashboard for production, you still need to install bc.
The Dashboard project can be built for production by using the following task:
make buildThe code is compiled, compressed, i18n support is enabled and debug support removed. The dashboard binary can be found in the dist folder.
To build and immediately serve Dashboard from the dist folder, use the following task:
make prodOpen a browser and access the UI under localhost:9090. The following processes should be running (respective ports are given in parentheses):
Dashboard backend (9090) ---> Kubernetes API server (8080)
To build the docker image on darwin OS you will need to set environment variable for go to build as linux:
export GOOS=linuxIn order to package everything into a ready-to-run Docker image, use the following task:
make docker-build-headYou might notice that the Docker image is very small and requires only a few MB. Only Dashboard assets are added to a scratch image. This is possible, because the dashboard binary has no external dependencies. Awesome!
Unit tests should be executed after every source code change. The following task makes this a breeze. The full test suite includes unit tests and integration tests.
make testYou can also run individual tests on their own (such as the backend or frontend tests) by doing the following:
make test-backend
make test-frontendThe code style check suite includes format checks can be executed with:
make checkThe code formatting can be executed with:
make fixThese check and formatting involves in go, ts, scss, html, license and i18n files.
Before committing any changes, please run make fix. This will keep you from accidentally committing non tested and unformatted code.
Since the hooks for commit has been set with husky into <dashboard_home>/.git/hooks/pre-commit already if you installed dashboard according to above, so it will run make fix and keep your code as formatted.
Then you can commit your changes and push them to your fork:
git commit
git push -f origin my-featureAt first, change directory to kubernetes dashboard repository of your fork. This development container has all of dependencies to develop dashboard.
- Development container builds Kubernetes Dashboard and runs it with self-certificates by default.
- This container create
userwithUIDandGIDsame as local user, switch user touserwithgosuand run commands. So created or updated files like results ofmake fixwould have same ownership as your host. You can commit them immediately from your host. - Built Kubernetes Dashboard will run by
docker compose, so other few containers will be created in your docker.
- Copy kubeconfig from your cluster, and confirm the URL for API server in it, and modify it if necessary.
- Set filepath for kubeconfig into
K8S_DASHBOARD_KUBECONFIGenvironment variable. - If you deployed
dashboard-metrics-scraperin your cluster, set its endpoint toK8S_DASHBOARD_SIDECAR_HOSTenvironment variable. - Change directory into your dashboard source directory.
- Run
hack/develop/run-dev-container.sh.
These manipulations will build container and run dashboard with make run as default.
To accessing Kubernetes Dashboard, open https://localhost:4443 from your browser.
- Set
K8S_DASHBOARD_CMDenvironment variable asbash. - Run
hack/develop/run-dev-container.sh. - Run commands as you like in the container.
This runs container with bash command.
To run dashboard, execute make run. This will build dashboard for production and run three containers for the dashboard.
Then, access https://localhost:4443 from your browser.
- Run
docker exec -it k8s-dashboard-dev gosu user bash.
Copyright 2019 The Kubernetes Dashboard Authors