/ Angular 2(+)およびNode / Expressサーバーを使用した/ All TypeScriptプロジェクトのセットアップ - node.js、Angular、Express、TypeScript

すべてのTypeScriptプロジェクトを角2(+)およびノー​​ド/エクスプレスサーバー-node.js、角、明示、タイスクリプト

私はこのようなプロジェクトのベストプラクティスを探しています。

  • TypeScriptで書かれたAngular 2(4)クライアント
  • Node / ExpressバックエンドもTypeScriptで書かれています
  • クライアントコードとサーバーコードの両方で使用されるいくつかの共有(TypeScript)モデル。

クライアント/サーバー/共有を3つのノードプロジェクトに分けるべきですか? それとも、すべてを1か所にまとめることは可能ですか。これを実現するためにどのようなツール/構成を使用できますか?

回答:

回答№1は1

通常は、クライアントに2つのフォルダが必要です。ソースファイルとサーバーファイルを共有する場合は、後で整理するためにそれらを3つの別々のフォルダーに保存する方が良い場合があります。それが「ちょうどあなたの好みのルートです。でも、私は非常にお勧めです。カップルノード/エクスプレスアンギュラーボイラープレートをチェックアウトすることをお勧めします。

Angular 2 Expressスターター (角度2ノードエクスプレス)

アングルユニバーサルスターター (角度4節点)

Angular MEANボイラープレート (角度2/4ノードエクスプレスmongodb)

他の人々がこれらのプロジェクトを一般的にどのように設定したかを理解するため。それらはまた、将来のプロジェクトのための素晴らしい基盤でもあります。


回答№2の場合は0

あなたはあなたのプロジェクトのための単一のリポジトリを持つことができますそしてそれから client そして server ディレクトリは次のとおりです。

server/
|- src/
|- package.json
|- tsconfig.json
|- gulpfile.js
client/
|- src/
|- package.json
|- tsconfig.json
|- .angular-cli.json

サーバー側では、以下のモジュールをインストールする必要があります。

npm install --save express socket.io @types/express @types/socket.io

いくつかのビルド作業を自分の作業と簡単に統合できます。 typescript コードを使用して gulp

npm install --save-dev typescript gulp gulp-typescript

クライアントサイドには 角度CLI プロジェクトを生成します。

Socket.io、Node.js、Angularを使用して、Typescriptで完全に記述されたChatアプリケーションのソースコードを見ることができます。 ここに