kubesphere前端源码运行

一、下载源码

源码是react，下载地址是

GitHub - kubesphere/console at v3.3.2

然后直接用git下拉就可以了

下拉完成后差不多是这样一个目录结构，记得切分支到3.3.2

二、下载依赖

1、node & yurn

想要运行源码首先需要node，使用刚才下载源码的网站中推荐的node14.21.3版本

这边提供网址下载：Node.js — 节点 v14.21.3 （LTS）

安装全点下一步就好。

然后验证一下安装是否成功：

下载yurn1.22.4版本，在终端输入：

npm install -g yarn@1.22.4

设置node源和yurn源以及跳过ssh验证否则下载依赖可能过慢或需要https验证导致失败，跟着输入一遍：

npm config set registry https://registry.npmmirror.com
npm config set strict-ssl false -g
yarn config set registry https://registry.npmmirror.com/
yarn config set "strict-ssl" false -g

2、python

想要运行源码需要下载python，但python3改变了部分结构架构，使用python3会导致下载依赖时node-sass不兼容然后下载失败，所以使用python2.7

下载地址：Python 2.7.0 Release | Python.org

同样是全点下一步，但要记住安装目录，我这边安装到了D:\python\python2.7

然后告诉node使用的python地址，后面换成你的python然后加个\python：

npm config set python D:\python\python2.7\python

3、依赖下载

直接输入命令：

yarn install --network-timeout 1000000

然后构建一下输入：

yarn build

构建成功会弹一个网页

三、k8s端口开放

想要运行的kubesphere源码链接真正的k8s集群，需要k8s主节点执行以下命令开放一个端口：

kubectl -n kubesphere-system patch svc ks-apiserver -p '{"spec":{"type":"NodePort","ports":[{"port":80,"protocal":"TCP","targetPort":9090,"nodePort":30881}]}}'

 四、源码修改

源码有些地方在linux中运行能成功，但如果想在windows运行则需要修改一点代码

以下以开头/代表项目根目录

1、/package.json

修改第85行server的内容为：

set NODE_ENV=production && node server/server.js

2、/server/config.yaml

修改第31和32行中的服务地址（第三步中开启的服务）：

url: http://192.168.1.121:30881
wsUrl: ws://192.168.1.121:30881

3、/server/components/boot.js

删掉38行然后添加：

  let httpStatic = {}
  if(process.env.NODE_ENV == 'production'){
    httpStatic = serverConfig.http.static['production']
  }else{
    httpStatic = serverConfig.http.static['development']
  }

五、运行 

终端输入：

npm run serve

 默认地址是8000，浏览器访问，OK