2017-06-21 6 views
2

角度2(+)とノード/ Expressサーバーを持つすべての活字体プロジェクトのセットアップ:私はこのようなプロジェクトのベストプラクティスを探しています

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

クライアント/サーバー/共有を3つのノードプロジェクトに分割する必要がありますか? または、すべてを1か所にまとめることが可能ですか?これを実現するためにどのようなツールや設定を使用できますか?

答えて

1

通常、クライアントのソースファイルとサーバーファイルには2つのフォルダが必要ですが、共有する部分では、3つの別々のフォルダに保存して後で整理する方がよい場合があります。それがちょうどあなたの優先ルートであるならば、すべてを1か所に保つことは間違いなく可能です。私は非常...角度ボイラープレートのようなgithubの形成表現/カップルノードをチェックアウトお勧め

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

Angular Universal Starter(角度4ノード)

Angular MEAN Boilerplate(角度2/4ノードエクスプレスmongodb)

他の人がこれらのプロジェクトをどのようにして設定しているかを知るには彼らはまたあなたの将来のプロジェクトのための素晴らしい基礎です。

0

あなたは次のようにclientserverディレクトリを作成し、プロジェクトのための単一のリポジトリを持つことができます:サーバー側の場合

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 

クライアント側では、Angular CLIを使用してプロジェクトを生成します。

あなたはSocket.io、Node.jsのを使用して、活字体で書かれたチャットアプリケーションのソースコードを見てみることができますし、here

角度
関連する問題