Flink Runtime Web - 用于 Flink 的开源,Web仪表板和测量监视器
Flink Runtime Web - 用于 Flink 的开源,Web仪表板和测量监视器
JavaScript CSS相关
共57Star
详细介绍
Flink Runtime Web
Flink Runtime Web is an open source, dashboard and metric monitor for Flink.
Development & Debugging
1.Install Dependencies
Clone this git to local, and install dependencies
$ npm install
2.Start a Local Flink Cluster
More information can be found here.
$ ./bin/start-cluster.sh
3.Proxy the frontend to the backend.
You can modify the proxy target in the proxy.conf.json
, the default proxy target is localhost:8081
.
$ npm run proxy
CodeStyle & Lint
$ npm run lint
Building & Deployment
$ npm run build
Entry files will be built and generated in dist
directory, where you can deploy it to different environments.
Integration with Flink Build Process
Add plugin to flink-runtime-web
<plugin>
<groupId>com.github.eirslett</groupId>
<artifactId>frontend-maven-plugin</artifactId>
<version>1.5</version>
<executions>
<execution>
<id>install node and npm</id>
<goals>
<goal>install-node-and-npm</goal>
</goals>
<configuration>
<nodeVersion>v11.0.0</nodeVersion>
</configuration>
</execution>
<execution>
<id>npm install</id>
<goals>
<goal>npm</goal>
</goals>
<configuration>
<arguments>install</arguments>
</configuration>
</execution>
<execution>
<id>npm run build</id>
<goals>
<goal>npm</goal>
</goals>
<configuration>
<arguments>run build</arguments>
</configuration>
</execution>
</executions>
<configuration>
<workingDirectory>web-dashboard</workingDirectory>
</configuration>
</plugin>
Dependency
- Framework: Angular
- CLI Tools: Angular CLI
- UI Components: NG-ZORRO
-
502 Star
-
47 Star
-
724 Star
-
97 Star
-
304 Star
-
8115 Star
-
0 Star
-
1051 Star
-
335 Star
-
1523 Star