Angular를 실행하는 로컬호스트 서버 작성 방법JS 프로젝트

Angular를 실행하는 로컬호스트 서버 작성 방법JS 프로젝트

Xampp와 JetBrain WebStorm을 사용하여 Angular를 실행했습니다.JS 프로젝트하지만 복잡하고 성능이 낮습니다.Angular를 실행할 다른 방법이 있나요?JS 프로젝트?

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도 할 수 .ruby -run -ehttpd . -p8000 " " " 를 엽니다.http://localhost:8000.

Python에는 웹 서버를 회전시키기 위한 명령어가 내장되어 있습니다.

Python3.x:

python -m http.server 8000

기타 버전:

python -m SimpleHTTPServer 8000

포트 8000에서 웹 서버를 시작합니다.

(Python은 필수 조건입니다. python이 설치되어 있지 않으면 다른 답변이 더 쉬울 수 있습니다.)

먼저 터미널 또는 cmd에서 Node.js를 설치할 수 있습니다.

apt-get install nodejs-legacy npm

그런 다음 종속성을 설치합니다.

npm install

다음으로 서버를 기동합니다.

npm start

<your project folder>서 angularjs의 (Angularjs)

sudo npm install serve -g

제공하다

다음에서 페이지를 열 수 있습니다.

localhost: 3000 또는 IP 주소: 3000

사용방법:

• 표현하다
• 건건
  
  

설치 Node.js. 및 npm.npm이 Node.js와 함께 설치됩니다.

루트 프로젝트 디렉토리 내에 배치됨

$ cd <your_angularjs_project>

다음 명령어는 패키지를 만듭니다.json

$ npm init

노드에 대해 express ==> 고속, 의견 없음, 미니멀리스트 설치:

$ npm install express --save

morgan == > node.dloader용 HTTP 요청 로거 미들웨어를 설치합니다.

$ npm install morgan --save

server file server.disc

다음 코드를 server.disc 파일에 추가합니다.

// 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);
});

드디어 Angular 실행로컬 호스트 서버의 JS 프로젝트:

$ 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/에 접속합니다.

각도가 높은 애플리케이션은 로컬호스트상의 임의의 Web 서버를 사용해 전개할 수 있습니다.다음 옵션에서는 도입 요건에 따라 생각할 수 있는 몇 가지 웹 서버 도입 순서를 개략적으로 설명합니다.

---

Microsoft 인터넷 정보 서비스(IIS)

1. Windows IIS 를 유효하게 할 필요가 있습니다.

   1.1. Windows의 경우 제어판에 접속하여 [프로그램 추가 및 삭제]을 클릭합니다.

   1.2. [프로그램 추가 및 삭제]창에서 [Windows 컴포넌트 추가 및 삭제]을 클릭합니다.

   1.3. 인터넷 정보 서비스(IIS) 확인란을 선택하고 다음을 클릭한 후 마침을 클릭합니다.

   1.4. Angular Application Zip 파일을 웹 서버 루트 디렉토리에 복사하고 압축을 풉니다.C:\inetpub\wwwroot

2. 이제 다음 URL을 사용하여 Angular 응용 프로그램에 액세스할 수 있습니다.http://localhost:8080

---

NPM Lightweight 웹 서버

1. Lightweight Web 서버 1.1 설치https://www.npmjs.com/get-npm 1.2에서npm을 다운로드하여 설치합니다.npm이 설치되면 명령 프롬프트를 열고 npm install -g http-server 1.3을 입력합니다.Angular Zip 파일을 추출합니다.
2. 웹 서버를 실행하려면 명령어프롬프트를 열고 이전에 Angular를 추출한 디렉토리로 이동하여http-server 라고 입력합니다.
3. 이제 다음 URL을 사용하여 Angular Application에 액세스할 수 있습니다.http://localhost:8080

---

Apache Tomcat 웹 서버

1. Apache Tomcat 버전 8 1.1을 설치하는 중입니다.Apache Tomcat을 https://tomcat.apache.org/ 1.2에서 다운로드하여 설치합니다.Angular Application Zip 파일을 웹 서버 루트 디렉토리 C:\Program Files\에 복사하여 압축을 풉니다.Apache Software Foundation \Tomcat 7.0\webapps
2. 이제 다음 URL을 사용하여 Angular Application에 액세스할 수 있습니다.http://localhost:8080

인스톨 되어 경우」, 「nodejs」, 「nodejs」, 「nodejs」, 「nodejs」, 「nodejs」가 인스톨 되어 있는 것을 전제로 하고 있습니다.

mini-display는 http 서버를 작성하기 위한 매우 쉬운 명령줄 도구입니다.
를 글로벌하게 npm install mini-http -g
cmd하여 cmd(말단)를 실행합니다.mini-http -p=3000네 프로젝트 디렉토리에 있어 그리고 붐!포트 3000에 서버를 작성했습니다.여기서 http://localhost:3000을 확인합니다.

.「 」를 실행하면 .단순히 실행할 수 있습니다.mini-http ★★★★★★★★★★★★★★★★★」mh를

Java 사용자라면 웹 애플리케이션의 웹 컨텐츠 폴더에 angular 폴더를 배치하고 Tomcat 서버에 배포하기만 하면 됩니다.아주 간단해!

node.js가 이미 설치되어 있는 경우 동기화된 브라우저 테스트에 브라우저 동기화를 사용할 수 있습니다.

• 달려.

ng 서브

이 명령어는 프로젝트 폴더 위치 뒤에 터미널에서 다음과 같이 실행됩니다.~/my-app$

• 그런 다음 명령어를 실행합니다.이 명령어는 URL NG Live Development Server가 수신하고 있는 것을 나타냅니다.localhost:4200

• http://localhost: 4200에서 브라우저를 엽니다.

각진 프로젝트에 Visual Studio Community 또는 다른 에디션을 사용한 경우 프로젝트 폴더, 첫 번째 유형으로 이동합니다.

C:\Project Folder>npm install -g http-server 다음과 같이 표시됩니다.+ http-server@0.11.1은 4.213초 동안 25개의 패키지를 추가했습니다.

그런 다음 C를 입력합니다.\Project Folder>http-server –o

http://127.0.0.1:8080/ 에 애플리케이션이 자동적으로 기동하는 것을 알 수 있습니다.

비주얼 스튜디오 코드로 환경을 설정할 수도 있습니다.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를 입력합니다.기본 브라우저로 프로젝트가 열립니다.

언급URL : https://stackoverflow.com/questions/29528922/how-to-create-a-localhost-server-to-run-an-angularjs-project