web-dev-qa-db-ja.com

angularアプリを本番環境にデプロイする方法

私はいくつかのAngular 5つの側面について少し不確かです。私はアプリを開発しましたが、本番環境でそれを実行する方法がわかりません。

現在、NodeJSでng serveを使用してアプリを実行していますが、本番環境でも同じですか？

ありがとう！

node.jsangularangular5application-server
6
Gfuentes

ng serve

ng serveは開発用です。 docs を確認してください。

ng serveを使用すると、コンパイルされた出力はディスクからではなくメモリから提供されます。これは、提供されているアプリケーションがdistフォルダーのディスク上にないことを意味します。

ngビルド

ng build --prodは本番用です。 docs を確認してください。

ng buildは、アプリケーションを出力ディレクトリにコンパイルします。ビルドアーティファクトは、angularアプリのルートディレクトリ内のdist /ディレクトリに保存されます。

Jusは、distフォルダーを [〜＃〜] iis [〜＃〜] または Node Express のような任意のサーバーにコピーし、angular app稼働しています。

IIS check this を使用してアプリをデプロイするには、Node Express check this を使用します。

5
shaijut

一般的に、私はAngular CLIの組み込みWebサーバーを本番デプロイメントに使用しません。

Angular CLIでは、このコマンドを使用して本番ビルドを作成できます

ng build –prod

これにより、distフォルダーが作成されます。このフォルダーは、アプリケーションをデプロイするために選択した任意のWebサーバーにアップロードできます。

2
JeffryHouser

ng buildoutDirフォルダーに製品ファイルを生成します。

それがどこにあるかを知るには、.angular-cli.jsonファイルに移動し、apps > outDirプロパティを参照してください。例えば：

"apps": [
{
  "root": "src",
  "outDir": "../../webapp/recorder",
  "assets": [
    "assets",
    "favicon.ico"
  ],

...

これらのファイルはhtml、css、javascriptのみで、どのWebサーバーでも使用できます

1
Fábio Pereira de Souza