bpmn js

BPMN -JS - BPMN 2.0 para la web

Ver y editar diagramas BPMN 2.0 en el navegador.

Instalación

Use la biblioteca preenvasada o incluya a través de NPM en su aplicación web de estilo nodo.

Uso

Para comenzar, cree una instancia de BPMN-JS y represente diagramas BPMN 2.0 en el 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 ) ;
}

Consulte nuestros ejemplos para muchos más escenarios de uso apoyados.

Adjunta dinámica/separar

También puede adjuntar o separar el visor dinámicamente a cualquier elemento en la página:

 const viewer = new BpmnJS ( ) ;

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

// detach the panel
viewer . detach ( ) ; 

Recursos

• Manifestación
• Asuntos
• Ejemplos
• Foro
• Colegio de cambios

Construir y correr

Prepare el proyecto instalando todas las dependencias:

npm install

Luego, dependiendo de su caso de uso, puede ejecutar cualquiera de los siguientes 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

Es posible que deba realizar una configuración adicional del proyecto al construir la última instantánea de desarrollo.

Relacionado

BPMN-JS se basa en algunas herramientas poderosas:

• BPMN-MODDLE: Leer / escribir soporte para BPMN 2.0 XML en los navegadores
• Diagrama-JS: Kit de herramientas de representación y edición de diagrama

Es un conjunto de herramientas extensible, complementado por muchas utilidades adicionales.

Licencia

Use bajo los términos de la licencia BPMN.io.