bpmn js

BPMN -JS -웹의 경우 BPMN 2.0

브라우저에서 BPMN 2.0 다이어그램을보고 편집하십시오.

설치

미리 포장 된 라이브러리를 사용하거나 NPM을 통해 노드 스타일 웹 응용 프로그램에 포함시킵니다.

용법

시작하려면 BPMN-JS 인스턴스를 생성하고 브라우저에서 BPMN 2.0 다이어그램을 렌더링하십시오.

 const xml = '...' ; // my BPMN 2.0 xml
const viewer = new BpmnJS ( {
  container : 'body'
} ) ;

try {
  const { warnings } = await viewer . importXML ( xml ) ;

  console . log ( 'rendered' ) ;
} catch ( err ) {
  console . log ( 'error rendering' , err ) ;
}

더 많은 지원되는 사용 시나리오에 대한 예제를 확인하십시오.

동적 첨부/분리

시청자를 페이지의 모든 요소에 동적으로 첨부하거나 분리 할 수도 있습니다.

 const viewer = new BpmnJS ( ) ;

// attach it to some element
viewer . attachTo ( '#container' ) ;

// detach the panel
viewer . detach ( ) ; 

자원

• 데모
• 문제
• 예
• 법정
• changelog

빌드 및 실행

모든 종속성을 설치하여 프로젝트 준비 :

npm install

그런 다음 사용 사례에 따라 다음 명령 중 하나를 실행할 수 있습니다.

 # build the library and run all tests
npm run all

# spin up a single local modeler instance
npm start

# run the full development setup
npm run dev

최신 개발 스냅 샷을 구축 할 때 추가 프로젝트 설정을 수행해야 할 수도 있습니다.

관련된

BPMN-JS는 몇 가지 강력한 도구 위에 구축됩니다.

• BPMN-MODDLE : 브라우저에서 BPMN 2.0 XML에 대한 읽기 / 쓰기 지원
• 다이어그램 -JS : 다이어그램 렌더링 및 편집 툴킷

많은 추가 유틸리티로 보완되는 확장 가능한 툴킷입니다.

특허

bpmn.io 라이센스의 조건에 따라 사용하십시오.