bpmn js

BPMN -JS -BPMN 2.0 Web用

ブラウザでBPMN 2.0図を表示および編集します。

インストール

ライブラリを事前にパッケージ化するか、NPM経由でノードスタイルのWebアプリケーションに含めてください。

使用法

開始するには、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ライセンスの条件の下で使用します。