【教程】用腾讯云搭建云智慧开源数据可视化编排平台—FlyFish

飞鱼平台(FlyFish)是云智慧公司自主设计、研发的一款低门槛、高拓展性的低代码应用开发平台,为大屏开发场景提供了高效的一站式解决方案。零开发背景的用户也可以通过拖拉拽的方式完成大屏的开发交付工作。

依托于云智慧的行业项目实践,飞鱼沉淀了丰富的前端组件库与大屏模版库与大屏模板库,针对不同行业进行模版划分,能够更加精确地服务于各行业需求场景

引至知乎文章 《云智慧开源数据可视化编排平台—FlyFish》

我们今天就来尝试一下用腾讯云来搭建飞鱼平台吧,个人推荐使用腾讯云轻量应用服务器(物美价廉),新用户最近还有活动 活动地址

需要的东西

  1. 一台服务器
  2. 一双手

一、购买服务器

【教程】用腾讯云搭建云智慧开源数据可视化编排平台—FlyFish

购买演示

二、进入服务器

【教程】用腾讯云搭建云智慧开源数据可视化编排平台—FlyFish

登入演示

<iframe allowfullscreen="true" data-mediaembed="bilibili" id="k1crozqW-1642825206003" src="https://player.bilibili.com/player.html?aid=591871682"></iframe>

做一个酷炫可视化大屏真没那么难!

安装说明

分支说明

分支 说明
master 主分支
dev 测试分支

环境依赖

环境 说明
node >= 8.9.3
redis >= 4.0.8
mysql >= 5.6.38

部署流程

# 1、进入项目目录
$ cd flyfish

# 2、修改mysql、redis配置文件ip
# #修改 127.0.0.1 为服务器对应ip【本地部署无需修改】
$ vim src/common/config/adapter.js

# 3、修改code-server配置文件ip
# #用于部署vscode编辑器开发组件
# #查找127.0.0.1 替换127.0.0.1为服务器对应ip【本地部署无需修改】
$ vim code-server/linux/out/browser/pages/vscode.browserified.js

# 4、修改后端服务接口ip
# #修改 apiDomain  与 coderDomain 为服务器对应ip【本地部署无需修改】
$ vim www/static/solution_platform_web/config/ENV.production.js

模式一:Docker 中运行所有服务

  • 优势:操作便捷,只依赖 Docker 服务
  • 缺点:运行速度慢(包含源码拷贝、软件包安装时间),不方便调试

# 5、编译并启动 docker
$ docker build --tag flyfish --file Dockerfile .
$ docker run -itd --name flyfish -p 8364:8364 -p 3306:3306 -p 6379:6379 -p 8081:8081 flyfish

# 6、浏览器访问
# #http://127.0.0.1:8364

# 7、进入docker操作
# #根据开发需要【非必操作项】
$ docker exec -it flyfish /bin/bash

模式二:Docker 中运行仅数据库服务,代码在本机运行

  • 优势:运行速度较快(只有软件包安装时间),方便本地调试
  • 缺点:本地需要安装、配置 NodeJS 环境

# 5、编译并启动 docker
$ docker build --tag flyfish_database --file scripts/macos/Database-Dockerfile .
$ docker run -itd --name flyfish_database -p 3306:3306 -p 6379:6379 flyfish_database

# 6、编译代码
$ bash scripts/flyfish-startup.sh

# 7、浏览器访问
# #http://127.0.0.1:8364

# 8、进入docker操作
# #根据开发需要【非必操作项】
$ docker exec -it flyfish_database /bin/bash

模式三:所有服务都在本地运行

  • 优势:浸入式参与全程编译、运行
  • 缺点:安装软件及配置项啰嗦

# 0、系统版本
$ sw_vers
ProductName:    macOS
ProductVersion: 12.0.1
BuildVersion:   21A559

# 1、启动 MySQL 服务
$ mysql.server start
$ mysql --version 
mysql  Ver 14.14 Distrib 5.7.34, for osx10.16 (x86_64) using  EditLine wrapper

# 2、创建数据库 flyfish
$ mysql -h127.0.0.1 -uroot -p<root密码> -e "create database IF NOT EXISTS flyfish;"

# 3、创建用户 Rootmaster
$ mysql -h127.0.0.1 -uroot -p<root密码> -e "create user Rootmaster@% identified by '<见配置档>';"
$ mysql -h127.0.0.1 -uroot -p<root密码> -e "grant all privileges on *.* to 'Rootmaster'@'%' identified by '<见配置档>';"
$ mysql -h127.0.0.1 -uroot -p<root密码> -e "flush privileges;"

# 4、初始化数据
$ npm run init_database_dev

# 5、启动 Redis 服务
$ brew services start redis

# 6、确认服务运行状态(端口)
$ lsof -i:3306,6379
COMMAND     PID     USER   FD   TYPE             DEVICE SIZE/OFF NODE NAME
mysqld     5768 jaden.li   27u  IPv4 0x2b28571b878724bf      0t0  TCP localhost:mysql (LISTEN)
redis-ser 12319 jaden.li    6u  IPv4 0x2b28571b87871a0f      0t0  TCP localhost:6379 (LISTEN)
redis-ser 12319 jaden.li    7u  IPv6 0x2b28571b77d81b87      0t0  TCP localhost:6379 (LISTEN)

# 7、启动本地前后端服务
$ bash scripts/flyfish-startup.sh

# 8、浏览器访问
# #http://127.0.0.1:8364

升级流程

# 1、更新代码
$ git checkout master
$ git pull

# 2、停止并删除容器
$ docker container stop flyfish
$ docker container rm flyfish

# 3、更新并启动容器
# #重复【部署流程】步骤

上一篇:Redis Stream类型的使用


下一篇:2021-11-04②Redis服务,单机版部署、使用选项 、全网最细讲解