---
title: "アプリケーションのテスト"
url: https://docs.catalyst.zoho.com/ja/tutorials/alien-city-appsail/express/test-app/
description: "Catalyst AppSailサービスとCatalyst Data Storeを使用して、都市でのエイリアン遭遇を報告・検索できるアプリケーションを作成し、Catalystでホストします。"
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を使用してローカルサーバーで[アプリケーションをテスト](https://docs.catalyst.zoho.com/ja/cli/v1/serve-resources/introduction/)し、すべてが正常に動作するか確認できます。

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

```sh
catalyst serve
```

このAlien Cityアプリケーションは、デフォルトポート`3001`で配信されます。

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

![catalyst_alcity_catalyst_serve](https://catalyst-docs-development.zohostratus.in/images/tutorials/alien-city-appsail-express/catalyst_alcity_catalyst_serve.webp)

ブラウザでアプリケーションのlocalhostURLを開き、Alien Cityアプリケーションにアクセスできます。
![catalyst_alcity_catalyst_test_1](https://catalyst-docs-development.zohostratus.in/images/tutorials/alien-city-appsail-express/catalyst_alcity_catalyst_test_1.webp)

都市名を入力して、その都市でのエイリアン遭遇の履歴を確認してアプリケーションをテストしましょう。まだどの都市でもエイリアン遭遇を報告していないため、結果は否定的になるはずです。

テキストボックスに都市名を入力し、**Check**をクリックします。
![catalyst_alcity_catalyst_test_2](https://catalyst-docs-development.zohostratus.in/images/tutorials/alien-city-appsail-express/catalyst_alcity_catalyst_test_2.webp)

Data Storeにこの都市の一致する記録が見つからず、アプリケーションは否定的なレスポンスを表示します。
![catalyst_alcity_catalyst_test_3](https://catalyst-docs-development.zohostratus.in/images/tutorials/alien-city-appsail-express/catalyst_alcity_catalyst_test_3.webp)

次に、エイリアン遭遇を報告しましょう。**Report Alien Encounter**タブをクリックします。都市名を入力し、**Report**をクリックします。ここでは「**Monaco**」と入力しました。
![catalyst_alcity_catalyst_test_4](https://catalyst-docs-development.zohostratus.in/images/tutorials/alien-city-appsail-express/catalyst_alcity_catalyst_test_4.webp)

アプリケーションにポップアップボックスが表示され、データがData Storeに追加されたことが確認されます。
![catalyst_alcity_catalyst_test_5](https://catalyst-docs-development.zohostratus.in/images/tutorials/alien-city-appsail-express/catalyst_alcity_catalyst_test_5.webp)

Catalystコンソールを開き、*CloudScale*の下にある**Data Store**に移動して確認できます。テーブルの**Data View**タブをクリックして、挿入された記録を表示します。
![catalyst_alcity_catalyst_test_6](https://catalyst-docs-development.zohostratus.in/images/tutorials/alien-city-appsail-express/catalyst_alcity_catalyst_test_6.webp)

次に、アプリケーションでこの都市を検索し、Data Storeからこの記録を取得するか確認しましょう。アプリケーションの**Check My City**タブをクリックし、先ほど報告した都市名を入力します。ここでは「**Monaco**」と入力します。**Check**をクリックします。
![catalyst_alcity_catalyst_test_7](https://catalyst-docs-development.zohostratus.in/images/tutorials/alien-city-appsail-express/catalyst_alcity_catalyst_test_7.webp)

アプリケーションは肯定的なレスポンスを表示します。

同じ都市を再度報告して、アプリケーションが重複メッセージを表示するかどうかも確認できます。
![catalyst_alcity_catalyst_test_8](https://catalyst-docs-development.zohostratus.in/images/tutorials/alien-city-appsail-express/catalyst_alcity_catalyst_test_8.webp)

このセットアップが正常に動作している場合、アプリケーションをデプロイできます。