启动大屏

jetlinks的可视化数据大屏的前端是独立的，启动完jetlinks的平台前端和后端服务，如果你需要使用大屏可视化，还需要启动大屏前端。

注意

可视化数据大屏设计器基于Avue启动 - 图1 (opens new window)二次开发,暂未免费开源 (企业版中提供)

本地启动

下载大屏前端代码：

  1. $ git clone https://github.com/jetlinks/jetlinks-big-screen.git
  2. $ cd jetlinks-big-screen

修改后台接口地址：进入vue.config.js，修改后端请求地址

  1. devServer: {
  2.     proxy: {
  3.         "/jetlinks": {
  4.             target: "http://demo.jetlinks.cn/jetlinks", // 你的后端地址
  5.                 changeOrigin: true,
  6.                 ws: "ws://demo.jetlinks.cn/jetlinks", // 你的后端websocket地址
  7.                 pathRewrite: {
  8.                 '^/jetlinks': ''
  9.             }
  10.         },
  11.     }
  12. }

启动：

  1. $ cd jetlinks-big-screen
  2. $ npm install
  3. $ npm run serve

docker启动

可通过docker镜像启动大屏，执行性如下命令：

  1. docker run -d -e "API_BASE_PATH=http://host.docker.internal:8844/" --name=big-screen -p 9002:80 registry.cn-shenzhen.aliyuncs.com/jetlinks-pro/jetlinks-big-screen:1.0.0

或者在docker-compose.yml中加入如下配置：

  1.   big-screen:
  2.     image: registry.cn-shenzhen.aliyuncs.com/jetlinks-pro/jetlinks-big-screen:1.0.0
  3.     container_name: big-screen
  4.     ports:
  5.       - 9002:80
  6.     environment:
  7.       - "API_BASE_PATH=http://192.168.3.25:8844/" #API根路径

注意：

API_BASE_PATH为jetlinks服务地址。

jetlinks配置修改

在jetlinks中修改大屏跳转地址： jetlinks-pro/jetlinks-standalone/src/main/resources/application.yml

  1. api:
  2.   urls:
  3.     big-screen-path: http://localhost:9002/ #localhost根据大屏实际部署地址修改

创建大屏权限：进入平台，系统设置=>权限管理=>新建

创建权限

赋权：进入平台，系统设置=>用户管理=>赋权，给用户赋权：

image-20201123170823171

然后通过平台的大屏管理进入大屏：

image-20201123151335501