プロジェクトの初期化

CLIからCatalystプロジェクトの作業を開始できます。最初のステップは、空のディレクトリでプロジェクトを初期化することです。このディレクトリがプロジェクトのホームディレクトリとなり、すべてのプロジェクトファイルがここに保存されます。

このアプリケーションでは、プロジェクト、Advanced IOファンクション、およびReactクライアントコンポーネントを初期化します。

1. ローカルマシンにプロジェクト用のフォルダを作成し、ターミナルからそのフォルダに移動します。

2. そのディレクトリから以下のコマンドを実行してプロジェクトを初期化します：

3. 矢印キーで移動し、希望するポータルを選択してEnterをクリックします。アカウントに他の組織が関連付けられていない場合は、デフォルトが自動的に選択されます。
   

4. CLIがCatalystプロジェクトをディレクトリに関連付けるよう求めます。先ほどコンソールから作成したプロジェクトに関連付けてください。リストからTaskManagerを選択し、Enterをクリックします。
   

5. 矢印キーで移動し、スペースバーでFunctions、Clientを選択します。Enterを押して初期化します。
   

6. CLIがファンクションのセットアップを開始します。バックエンドロジックをコーディングするためのファンクションタイプとしてAdvanced IOを選択します。
   

7. ファンクションスタックとしてNode.jsの最新ランタイムを選択します。
   

8. パッケージ名として「task_manager_function」、エントリーポイントとして「index.js」、作者としてメールアドレスを入力し、Enterを押します。または、入力せずにEnterを押すとデフォルト値が設定されます。CLIがNodeの依存関係の初期化を求めます。Yを押してインストールを確認し、Enterを押して選択を確定します。Nodeモジュールがインストールされます。
   CLIがクライアントのセットアップを開始します。

9. React web appを選択し、Enterを押してクライアントをReact Webアプリとして初期化します。
   

10. ReactアプリのタイプとしてJavaScriptを選択し、Enterを押します。
    

11. クライアントパッケージ名として「task-manager-client」と入力し、Enterをクリックします。任意の名前を指定することもできます。「react」、「react-dom」、「react-scripts」などの必要なReactパッケージはすべてCatalyst Reactプラグイン（zcatalyst-cli-plugin-react）を通じてインストールされます。
    

クライアントがReact Webアプリケーションとして正常に初期化されました。

プロジェクトディレクトリ内に標準的な構造でクライアントディレクトリが作成されます。

クライアントをReactアプリとして初期化した場合のTaskManagerプロジェクトのディレクトリ構造は以下の通りです。

Catalystの初期化が完了しました。