Lang-Agentでカスタムノードを拡張するには、フロントエンドのコンポーネントとバックエンドのロジックの両方を開発する必要があります:
フロントエンド開発(React)
- あるsrc/nodes新しいコンポーネントを作成するディレクトリ(例:MyNode.tsx)
- ノードUIの実装:ベースノードプロパティの継承、パラメータ入力フォームの定義
- 登録ノードsrc/nodes/index.tsノードタイプの識別子とアイコンを以下に追加する。
バックエンド開発(Python)
- あるlang_agent/nodes処理クラスを作成するディレクトリ (例 my_node.py)
- コアロジックを実装する:
- BaseNode クラスの継承
- ビジネス・ロジックを処理するためにexecuteメソッドを書き換える
- 入出力パラメータのチェックサムルールの定義
- 登録ノードlang_agent/nodes/__init__.py新しいクラスのインポート
開発提案
- 組み込みノード実装への参照(counter_nodeなど)
- ステート変数の命名規則に従う(競合を避けるため)
- 複雑なノードにTypeScriptの型定義を追加する
- ノードの使用方法に関する文書を提供する
開発が完了すると、新しいノードが自動的にリソース・パネルに表示され、他のノードと組み合わせることができます。
この答えは記事から得たものである。Lang-Agent:AI知能の構成を視覚化するLangGraphベースのプラットフォームについて