关于大前端:FlyFish-20已发布大屏开发应用更加灵活便捷

27次阅读

共计 2522 个字符,预计需要花费 7 分钟才能阅读完成。

云智慧数据可视化编排平台 -FlyFish 自开源至今已有 2 个月啦!在这期间,这款具备低门槛、高拓展性的利用开发平台,不仅为用户提供了数据可视化一站式解决方案,还取得了中国云联盟优良开源我的项目奖,并成为 Gitee 最有价值开源我的项目(GVP)。与此同时,在云智慧 AIOps 社区中,因 FlyFish 汇聚了一群酷爱开源与技术的小伙伴,与他们一起交流学习更是让 FlyFish 吸取了泛滥贵重倡议和反馈。近期,通过降级与优化后,FlyFish2.0 版本正式公布。

较大扭转:

FlyFish 2.0 将拆分为 组件开发和数据利用 两个平台;精细化分工,使得大屏的开发和利用更加专一和高效。

新增性能:

组件开发平台

用于组件开发及组件积淀,组件开发平台的独立将更有利于组件的开发及灵便的拓展与保护。

  1. 新增组件分类性能,反对组件分类管理,反对组件筛查。
  2. 反对组件组织批改,依据组件的类型、应用范畴等更改组织类别。
  3. 新增组件导入导出性能,便于组件灵便分享和接入。
  • 反对组件共用;一个组件开发平台能够对接多个利用平台。
  • 反对组件下载和导入;已下载的组件可导入数据利用平台。
  • 升高组件占用空间;导入到数据利用平台的组件体积更小。

数据利用平台

用于大屏的开发和利用;减少了标签性能,更为便捷的治理大屏。

  1. 新增标签治理性能;创立大屏可抉择预设标签,使大屏的分类管理更加直观便捷。
  2. 新增可视化组件模块;反对组件封面上传,组件展现更加直观,反对组件二次更新。

新增组件:

  • 视频组件

  • 按钮 - 1 组件

  • 按钮 - 2 组件

  • 导航栏 - 1 组件

  • 导航栏 - 2 组件

降级形式:

FlyFish 2.0 需重新安装部署,可参考下列步骤,点击 “浏览原文” 获取我的项目地址。

组件开发平台部署文档

配置文件批改

1. 进入我的项目

cd component_platform



npm install

2. 初始化数据库配置

本地:pm2 run init_database_dev

开发:pm2 run init_database_development

测试:pm2 run init_database_staging

生产:pm2 run init_database_production

在线编辑器服务启动

1.clone 仓库

ssh : git clone ssh://git@git.cloudwise.com:36000/FlyFish/code-server.git

https : git clone https://git.cloudwise.com/FlyFish/code-server.git

[2. 如在本地开始,须要批改 vscode 编辑器文件门路]

批改本地 web 代码,path:component_platform_web/CodeEditor.jsx

批改 codeServerUrl folder 参数为组件所在目录

3. 批改配置文件

vi ~/.config/code-server/config.yaml



{

  bind-addr: 0.0.0.0:8080           // 可应用 localhost:8080 或者 127.0.0.1:8080 拜访

  auth: none                        // 删除明码登录

}

3. 装置依赖

npm i pm2 -g

4. 启动

mac: npm run macos-start

linux: npm run linux-start

启动 / 进行

// 启动

本地:pm2-dev-start

开发:pm2-development-start

测试:pm2-staging-start

生产:pm2-production-start



// 重启

本地:pm2-dev-restart

开发:pm2-development-restart

测试:pm2-staging-restart

生产:pm2-production-restart



// 从新加载

本地:pm2-dev-reload

开发:pm2-development-reload

测试:pm2-staging-reload

生产:pm2-production-reload



// 进行

本地:pm2-dev-stop

开发:pm2-development-stop

测试:pm2-staging-stop

生产:pm2-production-stop

数据利用平台部署文档

配置文件批改

1. 进入我的项目

cd solution_platform



npm install

2. 初始化数据库配置

本地:pm2 run init_database_dev

开发:pm2 run init_database_development

测试:pm2 run init_database_staging

生产:pm2 run init_database_production

启动 / 进行

// 启动

本地:pm2-dev-start

开发:pm2-development-start

测试:pm2-staging-start

生产:pm2-production-start



// 重启

本地:pm2-dev-restart

开发:pm2-development-restart

测试:pm2-staging-restart

生产:pm2-production-restart



// 从新加载

本地:pm2-dev-reload

开发:pm2-development-reload

测试:pm2-staging-reload

生产:pm2-production-reload



// 进行

本地:pm2-dev-stop

开发:pm2-development-stop

测试:pm2-staging-stop

生产:pm2-production-stop

FlyFish 地址:

Github:https://github.com/CloudWise-…

Gitee:https://gitee.com/CloudWise/f…

在线地址:https://www.cloudwise.ai/#/da…

开发者招募:

FlyFish 为了优化产品,实用更宽泛的场景,将继续进行 FlyFish 开发者招募,心愿汇集更多酷爱开源,对数据可视化大屏有趣味的开发者。FlyFish 团队会加码开发者激励与搀扶政策,冀望与宽广开发者一起建设更加弱小的 FlyFish。

如果您想参加 FlyFish 建设,并退出咱们的 FlyFish 开发者交换群,可扫码下方二维码增加微信进行申请。

正文完
 0