お知らせ:

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

Clientのデプロイ

Webクライアントのデプロイにより、ホストされたWebクライアントのURLエンドポイントが生成され、アプリケーションにアクセスできるようになります。

Basic Clientアプリケーションのデプロイ

Basic Webクライアントはそのままデプロイされます。

Deploy Client


Angularアプリケーションのデプロイ

Angularアプリをデプロイすると、Angularアプリの初期化時にインストールされたCatalystプラグイン zcatalyst-cli-plugin-angular がデプロイを処理します。

polyfillsやランタイムファイルなど、Angularコンポーネントとサービスを表すチャンクファイルが生成されます。チャンクファイルが生成された後にビルドが生成されます。

Angularアプリケーションは出力ディレクトリdist/にコンパイルされビルドされます。このフォルダには、アプリのソースフォルダsrcにあるHTML、CSS、JSまたはTSタイプのエントリーポイントファイル、スタイルシート、テンプレートなど、すべてのコンパイル済みファイルが含まれます。

デプロイの詳細はワークスペース設定ファイルangular.jsonに更新されます。これらは、Angularアプリケーションの標準デプロイ手順に該当します。

CLIはAngularアプリのデプロイ詳細を表示します。デプロイされたWebクライアントのURLエンドポイントが生成されて表示されます。このURLでアプリケーションを開くことができます。

Deploy Angular Applications


Reactアプリケーションのデプロイ

Reactアプリをデプロイすると、Reactアプリの初期化時にインストールされたCatalystプラグイン zcatalyst-cli-plugin-react がデプロイを処理します。

プラグインによりReactアプリのコンパイルが有効になります。Reactアプリケーションは出力ディレクトリbuild/にコンパイルされビルドされます。このフォルダには、アプリのソースフォルダsrcにあるHTML、スタイルシート、JSなどのファイルを含む、すべてのコンパイル済みファイルが含まれます。コンパイル後に本番環境用のビルドが生成されます。

ReactアプリをTypeScriptで開発した場合、コンパイル中にコードがJavaScriptにトランスパイルされます。これらは、Reactアプリケーションの標準デプロイ手順に該当します。

CLIはReactアプリのデプロイ詳細を表示します。デプロイされたWebクライアントのURLエンドポイントが生成されて表示されます。このURLでアプリケーションを開くことができます。

Deploy React Applications


注意:
  • CatalystアプリケーションのURLの/app/部分はClientコンポーネントを示します。両方の環境のアプリケーションURLは、環境設定セクションから確認できます。

  • アプリケーションのURLを次の形式で入力した場合: https://project_domain_name.development.catalystserverless.com開発環境client-package.jsonファイルに設定したアプリケーションのホームページに自動的にリダイレクトされます。


最終更新日 2026-02-23 18:09:41 +0530 IST