---
title: "はじめに"
url: https://docs.catalyst.zoho.com/ja/tutorials/workdrivesync/nodejs/introduction/
description: "Catalyst関数とEvent Listenerを使用して、Catalyst StratusとZoho WorkDrive間でAPIを通じてファイルのアップロードと削除を同期するWebアプリケーションを構築します"
last_updated: 2026-11-03T07:48:52Z
service: All Services
type: tutorial
related_links:
  - name: "プロジェクトディレクトリ構造"
    url: /ja/cli/v1/project-directory-structure/introduction/
  - name: "Java SDK"
    url: /ja/sdk/java/v1/overview/
  - name: "Node.js SDK"
    url: /ja/sdk/nodejs/v2/overview/
  - name: "Zoho WorkDrive"
    url: https://www.zoho.com/workdrive/
---

# WorkDrive Syncアプリ

# はじめに

このチュートリアルでは、[Stratus](https://docs.catalyst.zoho.com/ja/cloud-scale/help/stratus/introduction)と[Zoho WorkDrive](https://www.zoho.com/workdrive/)間のアクションを同期できるWebアプリケーションの構築方法を説明します。WorkDriveは、クラウドベースのファイル管理ツールで、組織内でファイルを保存、整理、管理するための共有スペースを作成できます。

このチュートリアルでは、プロジェクトのStratus内のバケットとWorkDrive内のそれぞれ2つのフォルダ間の同期を実現します。このチュートリアルで構築するクライアントアプリケーションを通じてファイルをアップロードできます。ファイルは必要なバケットにアップロードされ、その後自動的にWorkDriveで利用可能になります。この同期は、Catalyst Signalsを使用したイベント駆動型アーキテクチャによって自動化されています。

クライアントアプリケーションでは、アップロードされたファイルのダウンロードや削除も行えます。削除アクションは、StratusとWorkDriveの両方からファイルを削除します。

CatalystとWorkDrive間のこの接続は、[OAuth 2.0認証プロトコル](https://docs.catalyst.zoho.com/ja/api/oauth2/overview-and-terminology/#OverviewandTerminology)を使用して確立されます。Zoho APIコンソールでクライアントを設定し、WorkDriveへのアクセスを認証するために必要なOAuthトークンを生成します。

クライアントアプリケーションは以下のようになります：

![catalyst_workdrive_client](https://catalyst-docs-development.zohostratus.in/images/tutorials/workdrivesync/work-drive-sync-app-landing-page.webp)

> **注意:** イベントリスナーで処理されるイベントが多数キューに入っている場合、WorkDriveフォルダとの同期に少し時間がかかることがあります。

WorkDrive Syncアプリケーションは、以下のCatalystコンポーネントを使用します：

1. [**Catalyst Serverless**](https://docs.catalyst.zoho.com/ja/serverless/getting-started/introduction/):
    - **[Event Function](https://docs.catalyst.zoho.com/ja/serverless/help/functions/event-functions):** Event関数は**JavaまたはNode.js**プラットフォームでコーディングできます。この関数は、Stratusでファイルのアップロードが行われるたびにイベントリスナーによってトリガーされます。イベントデータとアップロードされたファイルを取得し、APIを通じてファイルをWorkDriveに投稿します。

2. [**Catalyst CloudScale**](https://docs.catalyst.zoho.com/ja/cloud-scale/getting-started/introduction/):
    - **[Data Store](https://docs.catalyst.zoho.com/ja/cloud-scale/help/data-store/introduction):** クライアントを通じてアップロードされたファイルのメタデータ（ファイル名、サイズ、WorkDrive同期ステータスなど）を保存します。これらの詳細はクライアントアプリで取得・表示されます。
    - **[ZCQL](https://docs.catalyst.zoho.com/ja/cloud-scale/help/zcql/introduction):** クエリを通じてData Storeテーブルからデータを取得、更新、削除します。
    - **[Stratus](https://docs.catalyst.zoho.com/ja/cloud-scale/help/stratus/introduction):** Stratusにバケットを作成し、クライアントアプリケーションを通じてファイルをアップロードします。
    - **[Authentication](https://docs.catalyst.zoho.com/ja/cloud-scale/help/authentication/introduction):** クライアントアプリに認証を実装します。標準のログインオプションに加えて、ログインページにZohoサインインオプションを追加します。
    - **Web Client:** [Webクライアントホスティング](https://docs.catalyst.zoho.com/ja/cloud-scale/help/web-client-hosting/introduction)を通じてCatalystでホストされるアプリケーションのフロントエンドです。

3. [**Signals**](https://docs.catalyst.zoho.com/ja/signals/): Stratusでのファイルアップロードイベントをリッスンし、そのイベントが発生すると関連するEvent関数をトリガーします。その後、イベントデータを関数に渡し、WorkDriveとのデータ同期を可能にします。

このアプリケーションの構築には、CatalystウェブコンソールとCatalystコマンドラインインターフェース（CLI）を使用します。

このチュートリアルでは、関数およびクライアントコンポーネントに含めるファイルのコードが提供されます。ここで提供されるコードをコピーして、指示に従って適切なファイルに貼り付けるだけです。

### アプリケーションアーキテクチャ

WorkDrive Syncアプリケーションのアーキテクチャを以下に示します：

![](https://catalyst-docs-development.zohostratus.in/images/tutorials/workdrivesync/workdrive-sync-app-arch.webp)