私はこのようなプロジェクトのベストプラクティスを探しています。
- 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アプリケーションのソースコードを見ることができます。 ここに