web-dev-qa-db-ja.com

GoDaddyサーバーにangular2プロジェクトをデプロイする

ローカルホストでangular-2プロジェクトを実行しています。 GoDaddyサーバーにデプロイしたい。 GoDaddyサーバーにノードnpmをインストールできません。だから私の質問は、GoDaddyサーバーでangular-2プロジェクトを実行するにはどうすればよいかということです。ありがとう

6
National News

Angular CLIをまだインストールしていない場合は、インストールします。

npm install -g angular-cli

次に、コマンドを使用してビルドします-

ng build

これにより、アプリケーションの本番ビルドで/ distディレクトリが作成されます。/distの内容をホスティングプロバイダーにコピーするだけです(FTP、SCPなどを使用)。

参照--- https://github.com/angular/angular-cli

15
manojtc

1.プロジェクトが完了したら、を使用してプロジェクトをビルドします

ng build --prod

2.プロジェクト/ distに移動します。自動的に作成されたビルドプロジェクトをコピーしてデスクトップに貼り付けます->貼り付けたプロジェクトフォルダーを右クリックします-> Zipに追加します。

3.godaddyアカウント->プロファイル->マイ製品-> cPanelを使用したスターターLinuxホスティング->管理-> cpanel管理->ファイルマネージャーに移動します。

  1. Public_htmlフォルダーをクリックします。

  2. [アップロード]-> [ファイルの選択]-> [Zipフォルダーの選択]-> [リンク "戻る" home/frurugf45/public_html "]をクリックします。

そして、あなたのAngularファイルはgogodaddyサーバーにアップロードされました

4
Anand raj

ng build --prodを実行します。--prodを使用することを忘れないでください。これは、アプリケーションを本番モードでビルドすることを意味します。アプリケーションのパフォーマンスは、ビルドよりも高速です。

3

manojtcはcorectです... npm buildを実行してから、すべてのファイル/フォルダーをdistディレクトリからWebサイト(またはサブドメイン)のルートフォルダーにコピーします...チャームのように機能します..GoDaddyWindowsサブドメインで機能します

0
SuperRoo

使用する $ ng build --prodアプリケーションの本番環境の準備ができている場合。これにより、Web上のアプリケーションのサイズが縮小され、速度が増加します。

$ ng buildVS。$ ng build --prod
私の小さなアプリケーションは23MBから2MBになりました。


3Gネットワ​​ークでの読み込み時間:8秒[〜#〜]フェア[〜#〜]、読み込みによる訪問者の損失は28%時間
VS。
3Gネットワ​​ークでの読み込み時間:4秒[〜#〜]良い[〜#〜]、読み込みによる訪問者の損失10%時間

enter image description here

VS。enter image description here

0
tborges
  1. 開発モード

Angular CLIをインストールします。まだインストールしていない場合は、次のコマンドを実行してインストールします。

_npm install -g @angular/cli_

上記のコマンドは、マシンにangular Command Line Interface(CLI)global(-g)をインストールします。アプリケーションが完了したら、次のコマンドを使用してビルドします。

_ng build_

  1. / distフォルダー

これは、ビルドプロセス後に作成される出力フォルダーです。出力フォルダー(デフォルトでは/ dist)内のすべてをサーバー上のフォルダーにコピーします。

  1. 本番モードを有効にする

"覚えておいてくださいAngularアプリはデフォルトで開発モードで実行されます。ブラウザコンソールの次のメッセージで確認できます:
Angular is running in the development mode. Call enableProdMode() to enable the production mode.

アプリケーションを開発モードから本番モードに移動するには、次のコマンドを実行します。

_ng build --prod_

本番モードに切り替えると、デュアル変更検出サイクルなどの開発固有のチェックを無効にすることで、実行を高速化できます。これで準備は整いましたが、他にもさまざまな問題が発生する可能性があります。そのためには この記事を参照してください。

0
Tahir77667