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を選択します。
-
関数スタックとしてNode.jsの最新ランタイムを選択します。
-
パッケージ名として「authorized_portal_function」、エントリーポイントとして「index.js」、作成者としてメールアドレスを入力し、Enterを押します。または、入力せずにEnterを押すとデフォルト値が入力されます。CLIがNode依存関係の初期化を促します。Yを押してインストールを確認し、Enterを押して選択を確定します。Nodeモジュールがインストールされます。
CLIがクライアントのセットアップを開始します。
-
Basic web appを選択してEnterを押し、クライアントをBasic web appとして初期化します。
-
クライアントパッケージの名前を入力してEnterを押します。このチュートリアルでは、クライアントパッケージを「ZylkerTechnologies」と命名しています。同じ名前を使用するか、お好みの名前を指定できます。
Catalystの初期化が完了しました。
プロジェクトディレクトリには、設定ファイルと依存関係とともに、クライアントディレクトリと関数ディレクトリがセットアップされました。プロジェクトディレクトリには、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アプリケーションとして正常に初期化されました。
クライアントディレクトリがプロジェクトディレクトリ内に標準構造で作成されます。
クライアントを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アプリケーションとして正常に初期化されました。
プロジェクトディレクトリには、設定ファイルと依存関係とともに、クライアントディレクトリと関数ディレクトリがセットアップされました。プロジェクトディレクトリには、catalyst.json設定ファイルと非表示の.catalystrcファイルも含まれています。
プロジェクトディレクトリの構造は以下のようになります：
最終更新日 2026-03-24 17:38:39 +0530 IST