ホストする方法angular 2 website?
angular 2が初めてで、バックエンドのないシンプルなWebサイトを作成しました。
Index.htmlファイルを直接開こうとすると、エラーで開くと思いました。
しかし、コマンド"npm start"
正常に動作し、コンピューター上でローカルサーバーを実行します。
それでは、このWebサイトを単純なホスティングサイト(専用サーバーではない..!)でホストする方法は?
ホスティングサイトは自動的にindex.htmlファイルを見つけると思いますが、ここに問題があります。index.htmlは"npm start"
コマンド。
サーバー上でそのためのプロセスを開始する必要がありますか?
案内してください。
これらの簡単な手順を使用して、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>
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
herokuを使用してソリューションを展開できます。
シンプルなホスティングパッケージを持っている場合、答えはできませんです。
通常のホスティングプロバイダーのホスティングパッケージはこれを提供しません。
Google Firebaseのような「特別なプロバイダー」が必要であるか、(ホスティングプロバイダーで)独自の(仮想)マシンが必要です。