回答:
node.jsを実行している場合、http-serverは非常に簡単です。
cd
あなたのプロジェクトフォルダに
npx http-server -o
# or, install it separately so you don't need npx
npm install -g http-server
http-server -o
-o
ブラウザでページを開くことです。実行http-server --help
して、ポート番号の変更などの他のオプションを表示します
node
か?node
/がnpm
インストールされていない場合、これらの他のワンライナーの方が簡単かもしれません。
たとえば、pythonはほとんどのシステムにプリインストールされているため、以下のJohn Doeのpythonサーバーの方が高速です。
MacOSにはルビーがインストールされているので、Macを実行している場合は別の簡単なオプションです
。ruby -run -ehttpd . -p8000
ブラウザでを開きますhttp://localhost:8000
。
Pythonには、特にWebサーバーを起動するための組み込みコマンドがあります。
Python3.x:
python -m http.server 8000
他のバージョン:
python -m SimpleHTTPServer 8000
ポート8000でWebサーバーを起動します
(これはPythonが前提条件です。Pythonがインストールされていない場合、他の答えの方が簡単な場合があります)
python -m http.server 8000
まず、ターミナルまたはcmdからNode.jsをインストールします。
apt-get install nodejs-legacy npm
次に、依存関係をインストールします。
npm install
次に、サーバーを起動します。
npm start
私が使う:
Node.jsをインストールします。そしてnpm。npmはNode.jsとともにインストールされます
ルートプロジェクトディレクトリ内に配置
$ cd <your_angularjs_project>
次のコマンドは、package.jsonを作成します
$ npm init
ノードの高速インストール==>高速、ピノピオなし、ミニマリスト:
$ npm install express --save
node.js用のmorgan ==> HTTP要求ロガーミドルウェアをインストールします。
$ npm install morgan --save
server.jsファイルを作成する
server.jsファイルに次のコードを追加します
// Required Modules
var express = require("express");
var morgan = require("morgan");
var app = express();
var port = process.env.PORT || 3002;
app.use(morgan("dev"));
app.use(express.static("./"));
app.get("/", function(req, res) {
res.sendFile("./index.html"); //index.html file of your angularjs application
});
// Start Server
app.listen(port, function () {
console.log( "Express server listening on port " + port);
});
最後に、AngularJSプロジェクトをlocalhostサーバーで実行します。
$ node server.js
local-web-server npmパッケージを使用します。
https://www.npmjs.com/package/local-web-server
$ npm install -g local-web-server
$ cd <your-app-folder>
$ ws
また、実行できます
$ ws -p 8181
-pは、使用するポートを定義します
その後、ブラウザにアクセスしてhttp:localhost:8181 /にアクセスします
サーブ
このコマンドは、プロジェクトフォルダーの場所の後にターミナルで実行されます ~/my-app$
次にコマンドを実行します-URl NG Live Development Serverがリッスンしていることが表示されます localhost:4200
ブラウザをhttp:// localhost:4200で開きます
角度付きアプリケーションは、ローカルホスト上の任意のWebサーバーを使用してデプロイできます。以下のオプションは、配備要件に応じて、いくつかの可能なWebサーバー配備の配備手順の概要を示しています。
Windows IISを有効にする必要があります
1.1。Windowsでは、コントロールパネルにアクセスし、[プログラムの追加と削除]をクリックします。
1.2。[プログラムの追加と削除]ウィンドウで、[Windowsコンポーネントの追加と削除]をクリックします。
1.3。[インターネットインフォメーションサービス(IIS)]チェックボックスをオンにし、[次へ]をクリックして、[完了]をクリックします。
1.4。Angular Application ZipファイルをWebサーバーのルートディレクトリにコピーして抽出します:C:\ inetpub \ wwwroot
「あなたがnodejsをインストールしていると仮定すると」、
mini-httpはhttpサーバーを作成し
、パッケージをグローバルにインストールして から、プロジェクトディレクトリでnpm install mini-http -g
実行するcmd(ターミナル)を使用するかなり簡単なコマンドラインツールmini-http -p=3000
であり、ブームです!ポート3000でサーバーを作成した場合は、http:// localhost:3000を確認してください。
注:ポートを指定する必要はありません。単に実行するmini-http
かmh
、サーバーを起動することができます。
Javaを使用している場合は、単純に角度フォルダーをWebアプリケーションのWebコンテンツフォルダーに配置して、Tomcatサーバーにデプロイします。超簡単!
Angular ProjectにVisual Studio Communityまたはその他のエディションを使用した場合は、プロジェクトフォルダーに移動し、最初に次のように入力します。
C:\ Project Folder> npm install -g http-server次のように表示されます。+ http-server@0.11.1は、4.213sに25個のパッケージを追加しました
次に、C:\ Project Folder> http-server –oと入力します
アプリケーションがhttp://127.0.0.1:8080/に自動的に表示されることがわかります
ビジュアルスタジオコードで環境を設定することもできます。Ctrl + Shift + Pを実行し、表示されたボックスにctrと入力して、tasks:Configure Task Runnerを選択し、次にtask.jsonファイルを次の{ "version": "0.1.0", "command": "explorer", "windows": { "command": "explorer.exe" }, "args": ["index.html"] }
ように変更します。変更を保存してから、index.htmlファイルを選択してCtrl + Shiftと入力します。 + B.これにより、デフォルトのブラウザーでプロジェクトが開きます。