写点什么

FlyFish 2.0 已发布,大屏开发应用更加灵活便捷

  • 2021 年 12 月 17 日
  • 本文字数:1837 字

    阅读完需:约 6 分钟

FlyFish 2.0已发布,大屏开发应用更加灵活便捷

云智慧数据可视化编排平台-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项目地址


Gitee项目地址


Demo地址

开发者招募:

FlyFish 为了优化产品,适用更广泛的场景,将持续进行 FlyFish 开发者招募,希望聚集更多热爱开源,对数据可视化大屏有兴趣的开发者。FlyFish 团队会加码开发者激励与扶持政策,期望与广大开发者一起建设更加强大的 FlyFish。


如果您想参与 FlyFish 建设,并加入我们的 FlyFish 开发者交流群,可扫码下方二维码添加微信进行申请。



用户头像

全栈智能业务运维服务商 2021.03.10 加入

我们秉承Make Digital Online的使命,致力于通过先进的产品技术,为企业数字化转型和提升IT运营效率持续赋能。 https://www.cloudwise.com/

评论

发布
暂无评论
FlyFish 2.0已发布,大屏开发应用更加灵活便捷