bpmn js

bpmn -js - bpmn 2.0 para a web

Veja e edite diagramas BPMN 2.0 no navegador.

Instalação

Use a biblioteca pré-embalada ou inclua-a via NPM na sua aplicação na web no estilo de nó.

Uso

Para começar, crie uma instância BPMN-JS e renderize diagramas BPMN 2.0 no navegador:

 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 ) ;
}

Confira nossos exemplos para muitos mais cenários de uso suportados.

Anexo/destacamento dinâmico

Você também pode anexar ou destacar o espectador dinamicamente a qualquer elemento da página:

 const viewer = new BpmnJS ( ) ;

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

// detach the panel
viewer . detach ( ) ; 

Recursos

• Demonstração
• Problemas
• Exemplos
• Fórum
• Changelog

Construir e correr

Prepare o projeto instalando todas as dependências:

npm install

Então, dependendo do seu caso de uso, você pode executar qualquer um dos seguintes comandos:

 # 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

Pode ser necessário executar uma configuração adicional do projeto ao criar o instantâneo mais recente do desenvolvimento.

Relacionado

O BPMN-JS se baseia no topo de algumas ferramentas poderosas:

• BPMN-Moddle: Leia / Write Support para BPMN 2.0 XML nos navegadores
• Diagrama-js: Renderização e edição do diagrama Kit de ferramentas

É um kit de ferramentas extensível, complementado por muitos utilitários adicionais.

Licença

Use nos termos da licença bpmn.io.