建议先部署bcs-cc和bcs-projmgr,再部署该模块
进入前端根目录下,安装依赖包
cd bcs-app/frontend
npm install .
变量名 | 说明 |
---|---|
DEVOPS_HOST | 项目管理的地址 |
DEVOPS_BCS_API_URL | bcs-app 后台的API地址 |
STATIC_URL | 静态资源地址。构建后,会根据这个值动态插入 js css 等静态资源 |
DEVOPS_ARTIFACTORY_HOST | 镜像地址 |
BK_CC_HOST | 查看业务和运维信息的地址 |
SITE_URL | 前端路由的前缀,这个值会被设置为前端路由的根 |
PROJECT_MESOS | MESOS 项目类型的值 |
PROJECT_K8S | K8S 项目类型的值 |
BK_IAM_APP_URL | 权限中心的地址 |
document.domain | 登录弹框是一个 iframe,因此需要设置 document.domain,一般为项目地址的一级域名 |
注意:实际在生产环境中,使用的是 index.html,部分变量的值由后端服务渲染到文件中(配置index-dev.html时可参考)
端口的具体配置在config.js#L29,如设置成8004
cd bcs-app/frontend
npm run dev
bcs-projmgr 通过 iframe 的方式加载bcs-app,因此在本地单独开发 bcs-app 前端页面时,可以借助 Proxy SwitchyOmega (推荐chrome插件) 和 whistle 配置代理,将 iframe 的 src 指向本地。具体步骤如下:
dev/test
),配置如下图所示# 安装whistle
npm i whistle -g
# 启动 whistle
w2 start
# 查看 whistle 的帮助
w2 help
通过浏览器访问 http://127.0.0.1:8899/
,打开 Rules 选项卡,新建 example 环境,填写域名配置。如图所示,其中 BK_PAAS_HOST
是社区版PaaS地址(如paas.bk.com),8004是 frontend 的本地端口。具体的代理域名(图中的dev.bcs.{ BK_PAAS_HOST }
),你需要从 iframe 的 src 处获取。最终,local-dev.bcs.{BK_PAAS_HOST}
配置成 127.0.0.1
以便本地访问
插件选中dev/test
,代理配置生效,即可实时调试前端代码了
# 如果只开发后端环境,可以一次性编译为静态文件
cd bcs-app/frontend
npm run build
# 创建数据库bcs_app
CREATE DATABASE IF NOT EXISTS bcs_app DEFAULT CHARACTER SET utf8 COLLATE utf8_general_ci;
# 虚拟环境, 自动进入virtualenv
mkvirtualenv bcs-app
# 进入bcs-app根目录
cd bcs-app
# 安装依赖
pip install -r requirements.txt
# 本地开发在安装下开发依赖
pip install -r requirements-dev.txt
# 修改配置文件, 配置数据库, redis, 域名等
# 其中的环境变量值可参考 docker-compose.yml 中 bcs-app 的 environment 配置
vim backend/settings/ce/dev.py
# 执行migration
python manage.py migrate
# 拉起服务, 可以使用其他的托管服务, 例如supervisor
python manage.py runserver 8000
变量名 | 说明 |
---|---|
BK_PAAS_HOST | 当前社区版地址 |
将后台API地址添加到hosts文件中 127.0.0.1 dev.{BK_PAAS_HOST}
, 其中{BK_PAAS_HOST}
需替换成实际的域名
# 启动API,静态资源托管主进程
python manage.py runserver 8000
# 启动celery后台任务进程
python manage.py celery worker -l info
# 启动WebConsole后台进程
python -m backend.web-console
通过 http://dev.{BK_PAAS_HOST}:8000/ 访问应用
app.log
文件,可以通过这个查询历史日志rsync, tar, sed
命令# 进入app根目录
cd bcs_app
# 执行命令
scripts/publish/build.sh build_bcs_app
会在build目录生成一个bk_bcs_app-V{datetime}.tar.gz的包
前往你部署的蓝鲸社区版平台,在"开发者中心"点击"S-mart应用",找到bk-bcs-app并进入详情。在"上传版本"中,点击"上传文件"后选中上一步打包生成的版本包,等待上传完成。然后点击"发布部署",你就已经部署你最新的版本包了
注意:依赖rsync, tar命令
# 进入app根目录
cd bcs_app
# 执行命令
scripts/publish/build.sh build_web_console
会在build目录生成一个bcs_web_console-ce-{datetime}.tar.gz的包
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。