当前位置: 首页 > news >正文

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

http://www.lryc.cn/news/517790.html

相关文章:

  • 分布式主键ID生成方式-snowflake雪花算法
  • 深入理解感知机(Perceptron)算法
  • 操作系统——死锁与饥饿
  • 【算法】字符串算法技巧系列
  • Vue中el-tree结合vuedraggable实现跨组件元素拖拽
  • 湘潭大学人机交互复习
  • 基于ADAS 与关键点特征金字塔网络融合的3D LiDAR目标检测原理与算法实现
  • Kivy App开发之UX控件DropDown下拉列表
  • 机器学习模型评估指标
  • C# 特性
  • Reactor测试框架之StepVerifier
  • k8s helm部署kafka集群(KRaft模式)——筑梦之路
  • unity action委托举例
  • conda 批量安装requirements.txt文件
  • Flutter:封装一个自用的bottom_picker选择器
  • Group3r:一款针对活动目录组策略安全的漏洞检测工具
  • 支持向量机算法(一):像讲故事一样讲明白它的原理及实现奥秘
  • 力扣-数组-35 搜索插入位置
  • List ---- 模拟实现LIST功能的发现
  • HashMap和HashTable区别问题
  • mysql -> 达梦数据迁移(mbp大小写问题兼容)
  • leetcode热门100题1-4
  • 作业:IO:day2
  • UVM: TLM机制
  • flink的EventTime和Watermark
  • arcgis的合并、相交、融合、裁剪、联合、标识操作的区别和使用
  • 【Leetcode 热题 100】20. 有效的括号
  • 比较procfs 、 sysctl和Netlink
  • Leetcode 3413. Maximum Coins From K Consecutive Bags
  • MakeFile使用指南