--- title: "実装" url: https://docs.catalyst.zoho.com/ja/cloud-scale/help/web-client-hosting/implementation/ description: "Catalystを使用すると、任意のフロントエンドフレームワークで構築されたアプリのWebクライアントを簡単かつ安全にホストし、Webアプリのバージョン管理を行うことができます。" last_updated: 2026-08-17T12:16:04Z service: Cloud Scale type: general --- # 実装 実装セクションでは、CatalystコンソールからWebアプリケーションをホスト、更新、ロールバックする手順のガイドを提供します。 ### Webアプリケーションのホスト [前述](https://docs.catalyst.zoho.com/ja/cloud-scale/help/web-client-hosting/key-concepts/#source-file-format)のとおり、`[client-package.json](https://docs.catalyst.zoho.com/ja/cli/v1/project-directory-structure/client-directory/)`ファイルにはWebアプリのすべての設定情報が含まれています。名前、説明、バージョン、ホームページ情報をこのファイルに指定する必要があります。コンソールからWebアプリをホストする際に、この情報を再度入力する必要はありません。 Catalystコンソールからクライアントファイルをホストするには、_Web Client Hosting_にzipファイル形式でアップロードする必要があります。zipファイルの名前は自由に付けることができます。 これにより、ファイルがコンソールで自動的に利用可能になります。クライアントパッケージがデプロイされると、CatalystがアプリケーションのWebアプリURLを生成します。 > **注意:** Catalystがzipファイルを展開する際、`client-package.json`ファイルがルートに存在する必要があります。したがって、clientフォルダーを丸ごと圧縮するのではなく、clientフォルダー内に移動し、すべてのファイルを選択してから一緒に圧縮してください。 _ShipmentTracking_プロジェクトでWebアプリケーションをホストしましょう。 Catalystコンソールからwebアプリをホストするには： 1. Catalyst Cloud Scaleコンソールの_Host and Manage_の下にある**Web Client Hosting**に移動します。 2. **Upload**をクリックして、Webアプリのzipファイルをアップロードします。 ![catalyst_webapp_hosting](https://catalyst-docs-development.zohostratus.in/images/help/web-client-hosting/catalyst_webapp_hosting.webp) 3. ポップアップウィンドウでコンピューターからアップロードするzipファイルを選択し、**Upload**をクリックします。 ![catalyst_webapp_upload](https://catalyst-docs-development.zohostratus.in/images/help/web-client-hosting/catalyst_webapp_upload.webp) Webアプリは自動的にホストされ、_Web Client Hosting_に表示されます。 ![catalyst_webapp_hosted](https://catalyst-docs-development.zohostratus.in/images/help/web-client-hosting/catalyst_webapp_hosted.webp) アプリケーションが正常にホストされると、デフォルトアプリケーションURLが自動的に生成され、ここに表示されます。このURLからアプリケーションにアクセスできるようになります。 ### Webアプリケーションの更新 [前述](https://docs.catalyst.zoho.com/ja/cloud-scale/help/web-client-hosting/key-concepts/#application-versioning)のとおり、アプリケーションを更新する前に、`client-package.json`ファイルにアプリケーションのバージョン情報を指定する必要があります。更新バージョンのアップロード時にも、Webアプリケーションのアップロードに関するすべてのガイドラインに従う必要があります。 すべてのバージョンアップグレードは、必要な詳細情報とともに_App Version History_の下に表示されます。 Webアプリの更新バージョンをアップロードするには： 1. 右上隅の省略記号アイコンをクリックし、**Update**をクリックします。 ![catalyst_webapp_update](https://catalyst-docs-development.zohostratus.in/images/help/web-client-hosting/catalyst_webapp_update.webp) 2. ポップアップウィンドウでコンピューターからアップロードするzipファイルを選択し、**Upload**をクリックします。 ![catalyst_webapp_upload](https://catalyst-docs-development.zohostratus.in/images/help/web-client-hosting/catalyst_webapp_upload.webp) アプリケーションの更新バージョンがホストされ、詳細がこのセクションに表示されます。 ![catalyst_webapp_version_history](https://catalyst-docs-development.zohostratus.in/images/help/web-client-hosting/catalyst_webapp_version_history.webp) 必要に応じてアプリケーションの更新を何回でもアップロードできますが、アプリケーションの名前を変更することはできません。 ### 古いバージョンのWebアプリケーションのデプロイ 以下の方法でアプリケーションの古いバージョンにロールバックできます： 1. _App Version History_セクションの下で、チェックボックスを使用してアプリケーションの必要な古いバージョンを選択します。 ![catalyst_webapp_roll_back](https://catalyst-docs-development.zohostratus.in/images/help/web-client-hosting/catalyst_webapp_roll_back.webp) 2. ポップアップウィンドウで**Confirm**をクリックします。 ![catalyst_webapp_version_change_confirmation](https://catalyst-docs-development.zohostratus.in/images/help/web-client-hosting/catalyst_webapp_version_change_confirmation.webp) アプリケーションの古いバージョンがホストされます。 ![catalyst_webapp_version_changed](https://catalyst-docs-development.zohostratus.in/images/help/web-client-hosting/catalyst_webapp_version_changed.webp) 同じ方法で、以前にデプロイされた任意のバージョンのアプリケーションに切り替えることができます。 ### Webアプリケーションのバージョン削除 現在ホストされていないアプリケーションの任意のバージョンを以下の方法で削除できます： 1. _App Version History_の下で、削除するバージョンの削除アイコンをクリックします。 ![catalyst_webapp_version_delete](https://catalyst-docs-development.zohostratus.in/images/help/web-client-hosting/catalyst_webapp_version_delete.webp) 2. ポップアップウィンドウで**Yes, Proceed**をクリックします。 ![catalyst_webapp_version_delete_confirmation](https://catalyst-docs-development.zohostratus.in/images/help/web-client-hosting/catalyst_webapp_version_delete_confirmation.webp) ### Webアプリケーションのダウンロード 必要に応じて、_Web Client Hosting_からホストされているWebアプリケーションの現在のバージョンをローカルシステムにダウンロードできます。右上隅の省略記号アイコンをクリックし、**Download**をクリックすることで実行できます。 ![catalyst_webapp_download](https://catalyst-docs-development.zohostratus.in/images/help/web-client-hosting/catalyst_webapp_download.webp) アプリケーションのホスト時にアップロードしたクライアントパッケージのzipファイルがシステムにダウンロードされます。