---
title: "アプリケーションのテスト"
url: https://docs.catalyst.zoho.com/ja/tutorials/payslip-generator-app/nodejs/test-app/
description: "Catalystコンポーネントを使用して、動的なカスタム給与明細テンプレートからPDFドキュメントを生成し、生成したドキュメントをエンドユーザーにメールで送信する基本的なWebアプリを構築します。"
last_updated: 2026-08-17T12:16:04Z
service: All Services
type: tutorial
related_links:
  - name: "CLIリソースの提供"
    url: /ja/cli/v1/serve-resources/introduction/
---

# アプリケーションのテスト

リモートコンソールにデプロイする前に、Catalyst CLIを使用してローカルサーバーでアプリケーションをテストし、すべてが正常に動作するか確認できます。`catalyst serve`の詳細については、[Serve Resourcesのヘルプページ](https://docs.catalyst.zoho.com/ja/cli/v1/serve-resources/introduction)を参照してください。

Catalystプロジェクトをローカルで配信するには、プロジェクトディレクトリから以下のコマンドを実行します：

```sh
catalyst serve
```

Payslip Generatorアプリケーションがデフォルトの`port 3000`で配信されます。コンポーネントのローカルエンドポイントURLがCLIに表示されます。
![catalyst_payslip_catalyst_serve](https://catalyst-docs-development.zohostratus.in/images/tutorials/payslip-generator/catalyst_payslip_catalyst_serve.webp)

> **Note:** クライアントのホームページやサブページ、またはファンクションにアクセスするたびに、アクセスされたURLとそのHTTPメソッドのライブログがCLIに表示されます。

ブラウザでクライアントコンポーネントのローカルURLを開いて、アプリケーションにアクセスできます。

![catalyst_payslip_catalyst_serve_1](https://catalyst-docs-development.zohostratus.in/images/tutorials/payslip-generator/catalyst_payslip_catalyst_serve_1.webp)

フォームにサンプルデータを入力してアプリケーションの機能をテストし、**Submit**をクリックします。

![catalyst_payslip_catalyst_serve_2](https://catalyst-docs-development.zohostratus.in/images/tutorials/payslip-generator/catalyst_payslip_catalyst_serve_2.webp)

メールが送信されると、成功のプロンプトが表示されます。

![catalyst_payslip_catalyst_serve_3](https://catalyst-docs-development.zohostratus.in/images/tutorials/payslip-generator/catalyst_payslip_catalyst_serve_3.webp)

ここで入力したメールアカウントにログインすると、給与明細がPDF添付ファイルとして含まれるメールが届いています。

![catalyst_payslip_catalyst_serve_4](https://catalyst-docs-development.zohostratus.in/images/tutorials/payslip-generator/catalyst_payslip_catalyst_serve_4.webp)

添付ファイルを表示すると、フォームに入力した詳細情報がカスタムテンプレートにレンダリングされていることが確認できます。

![catalyst_payslip_catalyst_serve_5](https://catalyst-docs-development.zohostratus.in/images/tutorials/payslip-generator/catalyst_payslip_catalyst_serve_5.webp)

使用しているメールプロバイダーによっては、`payslip.pdf`ドキュメントをローカルシステムにダウンロードして保存することもできます。

テスト実行が成功した場合は、プロジェクトをコンソールにデプロイできます。