乐趣区

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

jiezi

云智慧数据可视化编排平台 -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 开发者交换群，可扫码下方二维码增加微信进行申请。

退出移动版