翻訳準備中 — 韓国語の原文を表示しています。

kakao/kafka-connect-web

Kafka Connect 커넥터를 웹 UI로 쉽게 관리하고 운영할 수 있는 도구

完成アプリ自由に使える · Apache-2.0バックエンド・DBVue難易度
119+0今週0
12フォーク0Issue

中辛 の解説

Vue.js 기반 웹 애플리케이션으로, Kafka Connect REST 를 래핑한 관리 인터페이스입니다. 스택은 Node.js/이며, 난이도는 낮습니다(배포 후 바로 사용 가능). 이미지로 제공되므로 별도 빌드 없이 즉시 운영 가능합니다. 커넥터 생성/수정/삭제, 플러그인 조회 등 주요 기능이 이미 구현되어 있으며, 브라우저에서 http://localhost:8080 접속만으로 데모를 시작할 수 있습니다.

이런 레포예요

이럴 때 쓰면 좋아요

  • Kafka Connect 커넥터를 GUI에서 생성, 수정, 삭제하여 운영 효율 향상
  • 여러 Kafka Connect 클러스터를 한 대시보드에서 중앙 집중식으로 관리
  • 데이터 파이프라인 운영자가 CLI 없이 웹 브라우저만으로 커넥터 상태 확인 및 제어

핵심 기능

Kafka 소스/싱크 커넥터 웹 기반 관리 (생성, 수정, 삭제)다중 Kafka Connect 클러스터 지원커넥터 플러그인 조회 및 모니터링

대안 대비 차별점

Kakao에서 만든 경량 오픈소스 솔루션으로, 별도 백엔드 없이 Docker 한 줄로 즉시 배포 가능하며, 복잡한 상용 플랫폼(Control Center, Aiven Console) 없이도 기본적인 Kafka Connect 운영 기능을 웹으로 제공합니다.

食べた人たち

実際に使ってみた人の記録です — 一言も完走の記録も、確認のうえで公開しています。

試食評 · 使った人のひとこと

まだ試食評がありません。使ってみたら、最初のひとことをどうぞ。

ほかのリポジトリの試食評を見る →

이 레포로 만든 것들

🖋 완주 인증하기

아직 이 레포로 만든 완주 인증이 없어요. 첫 밥도장을 찍어보세요!

このリポジトリの作り方

はじめてですか? むずかしくありません — 上から順にたどれば、自分の環境で動かして味見できます。

준비물

  • Kafka Connect 클러스터 (포트 8083 기본)
  • CORS 설정 활성화 (connect-distributed.properties 수정)
  • Node.js 및 npm (소스 빌드 시)
  • Docker (이미지 실행 시)

すぐ動かしてみるNode.js (npm)

ギット飯がリポジトリの構成を確認して組み立てた実行コマンドです。ターミナルに貼り付ければ、取得から実行までまとめて進みます。

git clone --depth 1 https://github.com/kakao/kafka-connect-web.git &&
cd kafka-connect-web &&
npm install &&
npm run serve

コードは自分の環境で動きます — はじめて見るリポジトリなら、中身にひととおり目を通してから実行するのがおすすめです。

README가 안내하는 자세한 단계 보기
  1. Docker 이미지로 빠르게 시작하기 (권장)

Kafka Connect 서버의 주소를 환경변수로 지정하고 이미지를 실행합니다.

docker run -d -p 8080:8080 \
           -e "VUE_APP_CONNECT_SERVERS=http://connect:8083,http://connect2:8083" \
           officialkakao/kafka-connect-web:latest

브라우저에서 http://localhost:8080 접속하면 UI가 나타납니다.

  1. 소스 코드에서 빌드하기

저장소를 클론합니다.

git clone https://github.com/kakao/kafka-connect-web.git
cd kafka-connect-web
  1. Kafka Connect 서버 주소 설정
export VUE_APP_CONNECT_SERVERS=http://connect:8083,http://connect2:8083
  1. Vue CLI 서비스 설치
npm i @vue/cli-service
  1. 프로덕션 빌드
npm run build
  1. 개발 서버 실행
npm run serve

브라우저에서 http://localhost:8080 (또는 출력된 주소) 접속합니다.

ギット飯トライで味見

入れるのが面倒で少し不安だったなら — 安全スキャンからインストールまで、ターミナル一行で終わります。

ターミナルに貼り付ければ、ギット飯の安全スキャン → 隔離フォルダへ clone → インストール → 実行方法の案内まで自動です。はじめてでも大丈夫 — この一行だけです。

npx gitbap-try kakao/kafka-connect-web

Node.js さえあれば、インストールなしで動きます · ギット飯トライとは? →

スター推移 · 7日

119+0 / 7일

使いやすさ · まねしやすいか

サンプル評点 20/100
  • ゆるいライセンス
  • テストあり
  • サンプル集
  • 最近の更新
  • AGENTS.md
  • llms.txt
  • テンプレート

更新の情報なし · 2022 年に作成

「백엔드·DB」 こういうリポジトリを毎週受け取りませんか?

毎週月曜の朝、選んだ一膳だけ。広告なし · いつでも解除。

自分のリポジトリですか? README にギット飯バッジを貼る
[![깃밥](https://www.gitbap.com/badge/kakao/kafka-connect-web.svg)](https://www.gitbap.com/r/kakao/kafka-connect-web)
Claude からそのまま使う — ギット飯のつなぎ方

ギット飯を Claude につなぐと、こうしたリポジトリを Claude・Cursor・Codex から直接さがして試せます。

方法 ① コネクタ URL

Claude の設定 → コネクタにこのアドレスを貼り付け。

https://www.gitbap.com/api/mcp
方法 ② プラグイン(試用まで)

プラグインを入れると /gitbap-trending·/gitbap-try のスラッシュコマンドで、その場でリポジトリを試せます。Claude Code で下の 2 行を順に実行してください。

/plugin marketplace add jakeparkcolde/gitbap-cowork
/plugin install gitbap-cowork@gitbap
つなぎ方をくわしく →

AI が README をもとに要約しました · 原文を見る