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

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

```sh
catalyst serve
```

このAlien Cityアプリケーションは、デフォルトのポート3000で提供されます。コンポーネントのローカルエンドポイントURLが表示されます。

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

![catalyst_alien_city_serve](https://catalyst-docs-development.zohostratus.in/images/tutorials/alcity/catalyst_alien_city_serve.webp)

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

![catalyst_alien_city_catalyst_serve](https://catalyst-docs-development.zohostratus.in/images/tutorials/alcity/catalyst_alien_city_catalyst_serve.webp)

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

テキストボックスに都市名を入力し、**Check**をクリックします。

![catalyst_alien_city_new_york](https://catalyst-docs-development.zohostratus.in/images/tutorials/alcity/catalyst_alien_city_new_york.webp)

この都市に一致するレコードがData Storeに見つからないため、クライアントは否定的な応答を表示します。

![catalyst_alien_city_new_york_no_alien](https://catalyst-docs-development.zohostratus.in/images/tutorials/alcity/catalyst_alien_city_new_york_no_alien.webp)

次に、エイリアン遭遇を報告してみましょう。*Report Alien Encounter*タブをクリックします。都市名を入力し、**Report**をクリックします。ここでは、アプリケーションに「**Amsterdam**」と入力しました。

![catalyst_alien_city_report_encoutner](https://catalyst-docs-development.zohostratus.in/images/tutorials/alcity/catalyst_alien_city_report_encoutner.webp)

アプリケーションは、データがData Storeに追加されたことを確認するポップアップボックスを表示します。

![catalyst_alien_city_local_host_message](https://catalyst-docs-development.zohostratus.in/images/tutorials/alcity/catalyst_alien_city_local_host_message.webp)

Catalystコンソールを開き、*Storage* **>** *CloudScale*の下にある**Data Store**に移動して確認できます。**Data View**タブをクリックすると、先ほど挿入されたレコードが表示されます。

![catalyst_alien_city_data_view](https://catalyst-docs-development.zohostratus.in/images/tutorials/alcity/catalyst_alien_city_data_view.webp)

次に、クライアントでこの都市を検索し、Data Storeからこのレコードを取得できるか確認してみましょう。クライアントアプリケーションで*Check My City*をクリックし、先ほど報告した都市名を入力します。ここでは、「**Amsterdam**」と入力します。**Check**をクリックします。

![catalyst_alien_city_report_created](https://catalyst-docs-development.zohostratus.in/images/tutorials/alcity/catalyst_alien_city_report_created.webp)

クライアントは肯定的な応答を表示します。

同じ都市を再度報告して、クライアントが重複メッセージを表示するかどうかも確認できます。

![catalyst_alien_ctiy_local_repeat_report](https://catalyst-docs-development.zohostratus.in/images/tutorials/alcity/catalyst_alien_ctiy_local_repeat_report.webp)

このセットアップが正しく動作していれば、アプリケーションを本番環境にデプロイできます。