お知らせ:

当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。

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

アプリケーションをリモートコンソールにデプロイする前に、Catalyst CLIを使用してローカルサーバーでアプリケーションをテストし、すべてが正常に動作するか確認できます。

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

copy
$
catalyst serve

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

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

catalyst_alien_city_serve

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

catalyst_alien_city_catalyst_serve

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

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

catalyst_alien_city_new_york

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

catalyst_alien_city_new_york_no_alien

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

catalyst_alien_city_report_encoutner

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

catalyst_alien_city_local_host_message

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

catalyst_alien_city_data_view

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

catalyst_alien_city_report_created

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

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

catalyst_alien_ctiy_local_repeat_report

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


最終更新日 2026-03-05 11:43:24 +0530 IST

関連リンク

CLIリソースの提供