web-dev-qa-db-ja.com

ホストする方法angular 2 website?

ホストする方法angular 2 website?

angular 2が初めてで、バックエンドのないシンプルなWebサイトを作成しました。

Index.htmlファイルを直接開こうとすると、エラーで開くと思いました。

しかし、コマンド"npm start"正常に動作し、コンピューター上でローカルサーバーを実行します。

それでは、このWebサイトを単純なホスティングサイト(専用サーバーではない..!)でホストする方法は?

ホスティングサイトは自動的にindex.htmlファイルを見つけると思いますが、ここに問題があります。index.htmlは"npm start"コマンド。

サーバー上でそのためのプロセスを開始する必要がありますか?

案内してください。

9
Yash

これらの簡単な手順を使用して、Angular 2 App onFirebaseをホストします。Angular CLIを最初にここで詳細情報を取得 https://cli.angular.io/

ステップ1:アプリをビルドする

以下のcmdを実行してビルドします

ng build --prod

ステップ2:FireBaseプロジェクトを作成し、Firebase CLIをインストールします

https://console.firebase.google.com/ でFirebaseコンソールを開き、新しいFirebaseプロジェクトを作成します。

Firebaseコマンドラインツールをインストールするには、次を実行します。

npm install -g firebase-tools

ステップ3:FireBaseにデプロイする

以下のfirebase cmdを実行してログインします。

firebase login

ブラウザが開き、認証を求められます。 Firebaseアカウントでログインします。ブラウザウィンドウを閉じることができます。コマンドラインで、ログインが正常に実行されたことを示すメッセージが表示されます。

次に、以下のcmdを実行します。

firebase init

まず、どのFirebaseクライアント機能を使用するかを尋ねられます。 [ホスティング:Firebaseホスティングサイトの構成と展開]オプションを選択する必要があります。次に、Firebaseクライアントは、展開に使用するフォルダーを尋ねます。 distと入力します。それは、本番ビルドが保存される場所であるため重要です。

次に、このアプリが単一ページアプリかどうか、およびすべてのURLをindex.htmlに書き換える必要があるかどうかが質問されます。この場合、yesと答える必要があります。

最後の質問は、Firebaseがファイルindex.htmlを上書きする必要があるかどうかです。その質問への答えはノーです。

次に、以下のcmdを実行して展開します。

firebase deploy

Firebaseは、アプリケーションにオンラインでアクセスするために使用できる[〜#〜] url [〜#〜]を提供します。

[更新]

いくつかの変更を行い、同じURLにコードをデプロイする場合は、アプリを正常にデプロイした後です。同じ手順に従います。ただし、プロジェクトを指していることを確認してください。

すべてのプロジェクトをリストするには、次のコマンドを使用します:

firebase list

プロジェクトを現在のプロジェクトとして使用するには:

firebase use <project_id>
27
AmanDeepSharma

http-serverを使用できます:

http-serverは、シンプルなゼロ構成のコマンドラインhttpサーバーです。本番環境での使用には十分強力ですが、テスト、ローカル開発、学習に使用するのに十分なほど単純でハッキング可能です。

npm install http-server -g

以下によってプロジェクトをビルドします。

ng build -app

次に、プロジェクトディレクトリで次を使用します。

http-server dist/ -p 3000 // -p is port 

ブラウザ上 http:// localhost:30 または http:// your-ip:30

3
waris

herokuを使用してソリューションを展開できます。

https://www.heroku.com

2
Ahmed

シンプルなホスティングパッケージを持っている場合、答えはできませんです。

通常のホスティングプロバイダーのホスティングパッケージはこれを提供しません。

Google Firebaseのような「特別なプロバイダー」が必要であるか、(ホスティングプロバイダーで)独自の(仮想)マシンが必要です。

1
RWC