Repolode
bpmn-io

bpmn-io/bpmn-js

브라우저에서 BPMN 2.0 프로세스 다이어그램을 렌더링하고 편집하는 JavaScript 툴킷입니다.

스타
9,702
포크
1,489
열린 이슈
119
마지막 커밋
17시간 전

어떤 프로젝트인가요?

bpmn-js를 사용하면 서버 측 구성 요소 없이 웹 애플리케이션에서 BPMN 2.0 다이어그램을 보고 편집할 수 있습니다. 컨테이너 요소에 viewer 또는 modeler 인스턴스를 만든 다음 BPMN 2.0 XML을 가져와 페이지에 프로세스 다이어그램을 렌더링합니다.

이 라이브러리는 BPMN 2.0 XML의 읽기와 쓰기를 처리하는 bpmn-moddle, 렌더링 및 편집 캔버스를 제공하는 diagram-js를 기반으로 합니다. 확장 가능한 툴킷으로 설계되어 있어 기본 modeler에 사용자 지정 동작을 추가할 수 있습니다.

프로젝트는 미리 패키징된 번들로 사용하거나 npm으로 설치해 번들링된 웹 애플리케이션에 포함할 수 있습니다. 참고용으로 데모 modeler와 다양한 연동 예제가 제공됩니다.

핵심 기능

  • 01브라우저에서 BPMN 2.0 XML 다이어그램을 렌더링합니다.
  • 02다이어그램을 만들고 편집할 수 있는 인터랙티브 modeler를 제공합니다.
  • 03bpmn-moddle을 통해 BPMN 2.0 XML을 가져오고 내보냅니다.
  • 04사용자 지정 모델링 동작을 추가할 수 있는 확장 가능한 아키텍처를 제공합니다.
  • 05npm으로 설치하거나 미리 패키징된 번들로 사용할 수 있습니다.

활용 사례

  • 웹 애플리케이션에 읽기 전용 BPMN 프로세스 뷰어를 삽입합니다.
  • 최종 사용자를 위한 브라우저 기반 프로세스 모델링 도구를 구축합니다.
  • 내부 워크플로 또는 관리 대시보드에 BPMN 다이어그램 편집 기능을 추가합니다.

토픽

자주 묻는 질문

bpmn-js은(는) 무엇인가요?
브라우저에서 BPMN 2.0 프로세스 다이어그램을 렌더링하고 편집하는 JavaScript 툴킷입니다. bpmn-js를 사용하면 서버 측 구성 요소 없이 웹 애플리케이션에서 BPMN 2.0 다이어그램을 보고 편집할 수 있습니다. 컨테이너 요소에 viewer 또는 modeler 인스턴스를 만든 다음 BPMN 2.0 XML을 가져와 페이지에 프로세스 다이어그램을 렌더링합니다.
bpmn-js은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
bpmn-js은(는) Other 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
bpmn-js은(는) 아직 유지보수되고 있나요?
활발히 유지보수 중. bpmn-js의 마지막 커밋은 2026년 10월 21일입니다.
bpmn-js은(는) 어디에 사용할 수 있나요?
웹 애플리케이션에 읽기 전용 BPMN 프로세스 뷰어를 삽입합니다. 최종 사용자를 위한 브라우저 기반 프로세스 모델링 도구를 구축합니다. 내부 워크플로 또는 관리 대시보드에 BPMN 다이어그램 편집 기능을 추가합니다.
bpmn-js은(는) 어디서 받을 수 있나요?
소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/bpmn-io/bpmn-js

요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.

관련 프로젝트