kubernetes dashboard 介绍
- 是一款开源软件，它提供了界面化视图，让k8s集群管理者，可以通过界面化进行管理k8s集群。比如pod的创建、deployment的创建等等。
- 在kubernetes dashboard 源码编译安装之前，你需要在linux（作者使用虚拟机centos7）上部署一个k8s集群，单机或者多节点均可。简易搭建k8s集群可以参考https://github.com/gjmzj/kubeasz自动化搭建K8S集群。
编译环境前提条件
- Docker，如果前面已经使用脚本搭建完成K8S集群，则机器上会自动存在Doker。
- Golang 1.8+ （可以使用 yum install -y golang 进行安装），kubernetes dashboard 采用angular+go进行开发的，所以需要安装golang来运行go语言环境。
- Node.js 8+ and npm 5。
- 1.可以先去https://npm.taobao.org/mirrors/node进行查看所需要的版本，作者使用的是8.5.0版本。
- 2.下载nodejs:wget -c https://npm.taobao.org/mirrors/node/v8.5.0/node-v8.5.0-linux-x64.tar.xz
- 3.解压tar -xvf node-v8.5.0-linux-x64.tar.xz
- 4.进入node-v8.5.0-linux-x64/bin
- 5.测试
- [root@kubernetes bin]# ./node -v
- v8.5.0
- 6.出现版本号就ok，然后建立软连接到/usr/local/bin
- ln -s 完整目录/node-v8.5.0-linux-x64/bin/npm /usr/local/bin/npm
- ln -s 完整目录/node-v8.5.0-linux-x64/bin/node /usr/local/bin/node
- 7.测试
- [root@kubernetes bin]# node -v
- v8.5.0
- [root@kubernetes bin]# npm -v
- 5.3.0
- JDK
- 作者编译的是kubernetes 1.8.2版本的，最初使用的是jdk1.7最后导致编译报错。最终使用jdk1.8得以解决。
- Gulp.js 3.9+，这个是 一个自动化构建工具, 使用命令npm install --global gulp-cli 进行安装
- 安装完毕执行
- [root@kubernetes source]# gulp -v
- [18:42:54] CLI version 2.0.1
- 发现版本是2.0.1这个先不用管，如果发现命令没有找到，那就去node-v8.5.0-linux-x64/bin目录下找，同样加入软连接即可。
下载源码
- github 地址是https://github.com/kubernetes/dashboard
- 作者本次并未下载head版本，下载的是1.8.2版本，地址是https://github.com/kubernetes/dashboard/archive/v1.8.2.tar.gz
- wget -c https://github.com/kubernetes/dashboard/archive/v1.8.2.tar.gz
- 解压 tar -zvxf v1.8.2.tar.gz
- cd dashboard-1.8.2
- 执行命令 npm i --unsafe-perm，这个命令是下载依赖库，时间较长。
- 执行完毕，在执行
- [root@kubernetes dashboard-1.8.2]# gulp -v
- [18:47:27] Failed to load external module @babel/register
- [18:47:27] Requiring external module babel-register
- [18:47:27] CLI version 2.0.1
- [18:47:27] Local version 3.9.1
- 发现本地版本是3.9.1，全局是2.0.1.
环境已经准备好，开始编译
- 设置一个环境变量
- 可以通过修改/etc/profile文件实现
- 在最后加上export KUBE_DASHBOARD_APISERVER_HOST="http://127.0.0.1:8080"
- 这个是kubernetes 集群 kube-serverapi的地址，请根据实际进行修改
- 修改build/serve.js
- 找到target: conf.frontend.serveHttps
- 将https://localhost:${conf.backend.secureDevServerPort}和http://localhost:${conf.backend.devServerPort}中的localhost修改为127.0.0.1
- 原因是，作者在配置时，如果是localhost，则绑定的127.0.0.1:9090，然后通过其他主机进行访问时ip:9090,访问不到。修改之后即可。
- 执行 gulp build 进行编译源码。该时间较长。
- 编译成功，执行 gulp serve进行启动，该时间作者启动使用了8分钟左右。
- 如果你看到以下界面，那么恭喜你，启动成功了。
- 访问ip:9090进行访问。界面挺漂亮的。
-
- 如果你想在docker中运行，则需要编译打包成镜像
- 使用命令gulp docker-image:head ，head是版本号。过程时间较长
- 通过docker images 可以查询到打包后的镜像。
-
- 镜像运行，可以通过k8s集群进行运行。
- 如果你使用了上面的链接搭建了一个小的集群，则进入目录/etc/ansible/manifests/dashboard
- vi kubernetes-dashboard.yaml
- 将镜像mirrorgooglecontainers/kubernetes-dashboard-amd64:v1.6.3改成本地kubernetes/kubernetes-dashboard-amd64:head
- 并且加上imagePullPolicy: IfNotPresent
-
- 执行命令 kubectl create -f . 进行创建
- 通过kubectl get pod --all-namespaces 查看所有pod
-
- 出现以上则ok，通过地址https://10.13.11.25:6443/api/v1/namespaces/kube-system/services/kubernetes-dashboard/proxy/#!/cluster?namespace=default进行访问
-
修改前端界面
- 源码目录在dashboard-1.8.2/src/app下面
- 其中frontend是前端界面（使用angular开发）
- backend是后端（采用go 、go-restful开发）
- 如果修改前端界面，比如首页，修改完毕之后，则界面F5进行刷新则可以直接看到效果（非Docker容器）
- 接下来作者就要学习angular前端框架了。
注意事项(作者在搭建环境的时候踩了好多雷和坑):
- 具体的就不一一细说了，重要的是前期准备，环境的搭建。
- 一个是jdk版本的问题
- 要注意设置KUBE_DASHBOARD_APISERVER_HOST这个环境变量
- 修改serve.js
- 创建软连接等。