Activepieces開発環境のセットアップ

Dries and Logo
目次

この記事は Dries Buytaert 氏の公式ブログ「dri.es」の翻訳記事です。Driesブログの記事一覧よりすべての翻訳記事をご覧いただけます。

 

このページは私のデジタルガーデンの一部です。洗練されたブログ記事というより、ノートのようなものです。主に自分自身の参考のために学んだことを記録する場所ですが、他の方の役に立つかもしれないので共有しています。私のブログ記事とは異なり、これらのページは進行中の作業であり、時間をかけて更新されます。本当の庭の手入れと同じように、定期的にコンテンツを改善しています。改善の提案はdries@buytaert.netまでお寄せください。

ローカル開発マシンでDrupalActivepiecesを単に使用したいだけであれば、最も簡単な方法はDockerでActivepiecesをローカルで実行するガイドに従うことです。このアプローチではActivepiecesを使用できますが、コードを変更することはできません。

Drupal Piece統合に貢献したい、または新しいPieceを作成したい場合は、Dockerセットアップでは機能しません。Pieceを開発または変更するには、完全なActivepieces開発環境をセットアップする必要があります。このノートではその方法を説明します。

まず、GitHub UIを使用してActivepiecesリポジトリをフォークします。次に、フォークをローカルにクローンします:

git clone https://github.com/YOUR-USERNAME/activepieces.git

プロジェクトディレクトリに移動し、すべての依存関係をインストールします:

cd activepieces
npm install

デフォルトでは、開発セットアップは限られたコンポーネントのセットのみをビルドします。Drupal Pieceを含めるには、./packages/server/api/.envを開き、AP_DEV_PIECES変数に「drupal」を追加します。

次に、ローカル開発インスタンスを起動します:

npm start

Webブラウザを開き、http://localhost:4200にアクセスします。

デフォルトの開発アカウントでサインインします:

  • メールアドレス:dev@ap.com
  • パスワード:12345678

このアカウントは事前設定されているため、すぐにカスタムPieceの構築とテストを開始できます。

Drupal Pieceのコードは./packages/pieces/community/drupalにあります。

コードを変更すると、自動的にコンパイルされてホットリロードされるため、開発サーバーを再起動することなく変更内容をすぐに確認できます。

セットアップを完了するには、DrupalとActivepiecesを接続するガイドを参照してください。

一般的な問題のトラブルシューティング

Activepieces開発環境での作業中にいくつかの問題に遭遇しました。通常、これらの方法で解決します。

まず、すべてのキャッシュを削除します:

rm -rf node_modules cache dev

これにより、node_modules(インストールされたすべての依存関係)、cache(ビルドおよびランタイムキャッシュ)、dev(一時的な開発ファイル)が削除されます。

Activepiecesは、モノレポ用のオープンソースビルドシステムであるNxを使用しています。Nxのキャッシュが同期されていない場合は、リセットしてビルドとテストのクリーンな状態で開始します:

npx nx reset

By Dries Buytaert

この記事は「Setting up an Activepieces development environment」(投稿日:2025-11-07)の翻訳記事です。

カテゴリ

タグ