답변:
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설치.
예를 들어 파이썬은 대부분의 시스템에 사전 설치되어 있으므로 아래 의 John Doe의 파이썬 서버 가 더 빠릅니다.
MacOS는 Ruby와 함께 설치되므로 Mac을 실행하는 경우 또 다른 쉬운 옵션
입니다. ruby -run -ehttpd . -p8000브라우저를 http://localhost:8000.
Python에는 웹 서버를 구동하기위한 내장 명령이 있습니다.
Python3.x :
python -m http.server 8000다른 버전 :
python -m SimpleHTTPServer 8000포트 8000에서 웹 서버를 시작합니다.
(Python은 이에 대한 전제 조건입니다 .python이 설치되어 있지 않으면 다른 답변이 더 쉬울 수 있습니다)
python -m http.server 8000
cd <your project folder>(angularjs의 배포 가능한 코드가있는 곳)
sudo npm install serve -g
서브
당신은 당신의 페이지를 칠 수 있습니다
localhost : 3000 또는 IPaddress : 3000
나는 사용한다:
Node.js를 설치합니다. 및 npm. npm은 Node.js와 함께 설치됩니다.
루트 프로젝트 디렉토리에 위치
$ cd <your_angularjs_project>다음 명령은 package.json을 만듭니다.
$ npm init빠른 설치 ==> 노드에 대해 빠르고, 의견이없고, 미니멀합니다.
$ npm install express --savemorgan ==> node.js 용 HTTP 요청 로거 미들웨어 설치
$ npm install morgan --saveserver.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 프로젝트를 실행하십시오.
$ node server.jslocal-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 /에 액세스하십시오.
ng 서브
이 명령은 다음과 같은 프로젝트 폴더 위치 후에 터미널에서 실행됩니다. ~/my-app$
그런 다음 명령을 실행하십시오. 그러면 URl NG Live Development Server가 수신 중임을 표시합니다. localhost:4200
http : // localhost : 4200 에서 브라우저를 엽니 다 .
각도 응용 프로그램은 localhost의 모든 웹 서버를 사용하여 배포 할 수 있습니다. 아래 옵션은 배포 요구 사항에 따라 가능한 여러 웹 서버 배포에 대한 배포 지침을 간략하게 설명합니다.
Windows IIS를 활성화해야합니다.
1.1. Windows에서 제어판에 액세스하고 프로그램 추가 / 제거를 클릭합니다.
1.2. 프로그램 추가 / 제거 창에서 Windows 구성 요소 추가 / 제거를 클릭합니다.
1.3. 인터넷 정보 서비스 (IIS) 확인란을 선택하고 다음을 클릭 한 후 마침을 클릭합니다.
1.4. Angular Application Zip 파일을 웹 서버 루트 디렉터리에 복사하고 압축을 풉니 다. C : \ inetpub \ wwwroot
"nodejs가 설치되어 있다고 가정하면"
mini-http 는 http 서버를 만들고
패키지를 전역으로 설치 한 npm install mini-http -g
다음 mini-http -p=3000프로젝트 디렉토리에서 실행 되는 cmd (터미널)를 사용 하는 매우 쉬운 명령 줄 도구입니다 . 포트 3000에 서버를 만들었습니다. 이제 확인하십시오. http : // localhost : 3000을 하십시오.
참고 : 포트를 지정할 필요는 없습니다. 단순히 서버를 실행 mini-http하거나 mh시작할 수 있습니다.
이미 node.js가 설치되어 있다고 가정하면 동기화 된 브라우저 테스트에 브라우저 동기화 를 사용할 수 있습니다 .
각도 프로젝트에 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/에 애플리케이션이 자동으로 표시되는 것을 볼 수 있습니다.
Visual Studio 코드에서 환경을 설정할 수도 있습니다. Ctrl + Shift + P를 실행 한 다음 나타나는 상자에 ctr을 입력하고 작업을 선택합니다. Task Runner 구성, 그런 다음 task.json 파일을 다음으로 변경하고 { "version": "0.1.0", "command": "explorer", "windows": { "command": "explorer.exe" }, "args": ["index.html"] }변경 사항을 저장 한 다음 index.html 파일을 선택하고 Ctrl + Shift를 입력합니다. + B. 그러면 기본 브라우저로 프로젝트가 열립니다.