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を選択します。
-
関数スタックとしてPythonの最新ランタイムを選択します。
-
パッケージ名に「authorized_portal_function」、エントリポイントに「main.py」、作成者にメールアドレスを入力してEnterを押します。または、入力せずにEnterを押してデフォルト値を使用することもできます。
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