CLIからのプロジェクトの初期化
CLIからCatalystプロジェクトの作業を開始できます。最初のステップは、空のディレクトリでプロジェクトを初期化することです。これがプロジェクトのホームディレクトリとなり、すべてのプロジェクトファイルがここに保存されます。
詳細については、プロジェクトディレクトリ構造ヘルプページをご覧ください。プロジェクトの初期化の詳細については、CLIヘルプドキュメントをご覧ください。
このアプリケーションでは、Custom User Validationのロジックを含むBasic I/O functionと、クライアントコンポーネントとしてBasic web appを初期化します。
-
ローカルマシンにプロジェクト用のフォルダを作成し、ターミナルからそのフォルダに移動します。
-
そのディレクトリから以下のコマンドを実行してプロジェクトを初期化します：
- 矢印キーで移動し、希望するポータルを選択してEnterキーを押します。アカウントに他の組織が関連付けられていない場合、デフォルトのものが自動的に選択されます。
-
CLIがCatalystプロジェクトをディレクトリに関連付けるよう求めます。先ほどコンソールから作成したプロジェクトに関連付けます。リストからAuthorization Portalを選択し、Enterを押します。
-
矢印キーで移動し、スペースバーでFunctions、Clientを選択します。Enterを押して初期化します。
-
CLIが関数のセットアップを開始します。Custom User Validation関数の関数タイプとしてBasic IOを選択します。
-
関数スタックとしてJavaの最新ランタイムを選択します。
-
パッケージ名として「authorized_portal_app」、関数名として「Custom_User_Validation_Java」を入力し、Enterを押します。または、入力せずにEnterを押してデフォルト値を設定することもできます。CLIがJava依存関係の初期化を促します。
CLIがクライアントのセットアップを開始します。
-
Basic web appを選択し、Enterを押してクライアントをBasic web appとして初期化します。
-
クライアントパッケージ名を入力し、Enterを押します。このチュートリアルでは、クライアントパッケージ名を「ZylkerTechnologies」としています。同じ名前を使用するか、お好みの名前を付けてください。
Catalystの初期化が完了しました。
プロジェクトディレクトリは、設定ファイルと依存関係とともに、clientディレクトリとfunctionsディレクトリで構成されています。プロジェクトディレクトリには、catalyst.json設定ファイルと隠しファイル.catalystrcも含まれています。
プロジェクトディレクトリの構造は以下のようになります：
-
React web appを選択し、Enterを押してクライアントをReact web appとして初期化します。
-
ReactアプリタイプとしてJavaScriptを選択し、Enterを押します。
-
クライアントパッケージ名として「zylkertechnologies」を入力し、Enterをクリックします。お好みの名前を使用することもできます。「react」、「react-dom」、「react-scripts」などの必要なReactパッケージは、Catalyst Reactプラグイン（zcatalyst-cli-plugin-react）を通じてインストールされます。
クライアントがReact Webアプリケーションとして正常に初期化されました。
プロジェクトディレクトリに標準的な構造でclientディレクトリが作成されます。
クライアントをReactアプリとして初期化した場合のAuthorization Portalプロジェクトのディレクトリ構造は以下のとおりです。
Catalystの初期化が完了しました。
-
Angular web appを選択し、Enterを押してクライアントをAngular web appとして初期化します。
-
Angularアプリ名を「ZylkerTechnologies」とし、Enterキーを押します。このアプリケーションではAngular Routingは不要なため、プロンプトで「N」を入力します。最後に、スタイルシート形式としてCSSを選択し、Enterキーを押します。
CatalystがCatalyst Angularプラグイン（zcatalyst-cli-plugin-angular）を使用してクライアントを初期化します。
クライアントがAngular Webアプリケーションとして正常に初期化されました。
プロジェクトディレクトリは、設定ファイルと依存関係とともに、clientディレクトリとfunctionsディレクトリで構成されています。プロジェクトディレクトリには、catalyst.json設定ファイルと隠しファイル.catalystrcも含まれています。
プロジェクトディレクトリの構造は以下のようになります：
最終更新日 2026-03-24 17:38:39 +0530 IST