mybabysexy / vue-connect

vue-connect is a simple and open source Kafka Connect UI for setting up and managing connectors.

vue-connect

vue-connect is a simple and open source Kafka Connect UI for setting up and managing connectors.

Note: This project is under development and fare away from production ready.

Features

• Connector status overview
• Delete, pause and resume connectors
• Restart tasks and connectors
• Install new connectors
• Update connector configuration

Components

vue-connect is build with Vue.js and Python.

• vue-connect-api - the backend service project.
• vue-connect-ui - the ui project.
• The UI and API are bundled together in a Docker image.

Run vue-connect

CONNECT_URL is the Kafka Connect Rest Endpoint URL which you want to access with vue-connect.

docker run --rm -it -p 8080:8080 \
           -e "CONNECT_URL=http://CONNECT_REST_ENDPOINT:PORT" \
           rueedlinger/vue-connect:v0.1.0

The vue-connect Web UI will be available at http://localhost:8080

You can modify the Compose file docker-compose.yml and use a prebuilt vue-connect image from Docker Hub.

vue-connect:
  image: rueedlinger/vue-connect:v0.1.0
  hostname: vue-connect
    
  depends_on:
    - connect
  
  ports:
    - "8080:8080"
  
  environment:
    CONNECT_URL: "http://connect:8083"

Build from Source

• See vue-connect-ui how you can build the Vue.js frontend.
• See vue-connect-api how you can build the Python backend.

Docker Image

To run the vue-connect locally you use the Docker image. This image will bundle the frontend and backend together in one image.

docker build . -t vue-connect

Next we can start the Docker image. With CONNECT_URLyou can set the Rest Endpoint which should be used by vue-connect.

docker run --rm -it -p 8080:8080 -e "CONNECT_URL=http://localhost:8083" vue-connect 

Docker Compose

Or you can use the Docker Compose file docker-compose.yml which starts a Kafka Connect cluster with the latest vue-connect version from this branch.

docker-compose up --build

License

The project is licensed under the Apache license.