KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#dsh #dsh-plugin #developer-tools #ai-agent #claude-code #codex #typescript #ai-agents #deepseek-harness #mcp #cli #rust

flink-runtime-web

★ 56 Open GitHub ↗

Default UI in Flink 1.9.0

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

Flink Runtime Web
=================
[![Travis branch](https://travis-ci.com/vthinkxie/flink-runtime-web.svg?branch=master)](https://travis-ci.com/vthinkxie/flink-runtime-web)

Flink Runtime Web is an open source, dashboard and metric monitor for [Flink](https://flink.apache.org/).

![](https://img.alicdn.com/tfs/TB1AHpPnlLoK1RjSZFuXXXn0XXa-2740-1920.png)
![](https://img.alicdn.com/tfs/TB1gVpYngHqK1RjSZFEXXcGMXXa-2790-1872.png)
![](https://img.alicdn.com/tfs/TB1SGJOnhTpK1RjSZR0XXbEwXXa-2790-1872.png)
![](https://img.alicdn.com/tfs/TB1Y0GdniLaK1RjSZFxXXamPFXa-2624-1850.png)
![](https://img.alicdn.com/tfs/TB1g8pQngHqK1RjSZFPXXcwapXa-2628-1798.png)

## Development & Debugging

### 1.Install Dependencies

Clone this git to local, and install dependencies

```bash
$ npm install
```

### 2.Start a Local Flink Cluster

More information can be found [here](https://ci.apache.org/projects/flink/flink-docs-release-1.6/quickstart/setup_quickstart.html).

```bash
$ ./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`.

```bash
$ npm run proxy
```

## CodeStyle & Lint

```bash
$ npm run lint
```

## Building & Deployment

```bash
$ 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](https://github.com/apache/flink/blob/master/flink-runtime-web/pom.xml)

```xml
<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](https://angular.io)
- CLI Tools: [Angular CLI](https://cli.angular.io)
- UI Components: [NG-ZORRO](https://github.com/NG-ZORRO/ng-zorro-antd)

flink-runtime-web

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README