Angular 프로젝트 의 새,포장,nginx 배치 전 과정 기록

머리말
현재 AngularJS 는 자 바스 크 립 트 의 MVC(MV*라 고도 부 르 며 이 를 고민 하지 않 는 다)프레임 워 크 로 광범 위 하 게 사용 되 고 있 으 며,응답 식 웹 을 더욱 빠 르 고 쉽게 개발 하 는 데 강력 한 메커니즘 을 제공 하고 있다.MVC 프레임 워 크 로 서 웹 전단 코드 를 세 개의 구성 요소 Model,View,Controller 로 나 눕 니 다.따라서 data model,응용 논리(Controllers)와 view 전시 사이 에 명확 한 분리 가 있어 관건 적 인 개발 구역 에 더욱 쉽게 관심 을 가 질 수 있 습 니 다.view 는 model 에서 온 데 이 터 를 받 아 보 여 줍 니 다.사용자 가 키 보드 를 클릭 하거나 두 드 리 거나 상호작용 을 할 때 contrller 는 모델 의 데 이 터 를 바 꾸 어 응답 합 니 다.결국 view 는 model 에서 발생 하 는 변화 라 는 통 지 를 받 아 보 여 주 는 내용 을 업데이트 할 수 있 습 니 다.
최근 에 나 는 컴퓨터 를 모 르 는 친구 에 게 작은 응용 프로그램 을 만들어 주 고 있다.나 는 Angular 로 하고 싶다.일반적으로 우 리 는 IDE 에서 개발 할 때 npm start 나 ng serve 로 내부 서버 를 시작 합 니 다.그러나 제 가 개발 한 프로그램 을 친구 에 게 주면 어떻게 하면 그 가 자신의 브 라 우 저 에서 열 수 있 습 니까?프로그램 을 배치 하기 위해 nginx 서버 를 선 택 했 습 니 다.
1.새 Angular 프로그램
1.nodejs 설치
2.타 오 바 오 미 러 설치

npm install -g cnpm --registry=https://registry.npm.taobao.org

3.각도 cli 설치

npm install -g @angular/cli

4.새 항목

ng new myProj

5.의존 패키지 설치
package.json 디 렉 터 리 아래 cnpm install
6.IDE 에서 실행ng serve또는npm install,localhost:4200 에서 보기
포장
ng build,프로젝트 폴 더 에 dist 파일 을 생 성 합 니 다.압축 된 파일 입 니 다.
배치
nginx
dist 폴 더 의 압축 파일 을 nginx/html 로 복사 하고 my Proj 로 이름 을 바 꿉 니 다.

  conf/nginx.conf  
location / {
   root html/myProj;
   index index.html index.htm;
  }

nginx.exe 를 누 르 면 nginx 시작
브 라 우 저 에 localhost:80 을 입력 하면 항목 을 볼 수 있 습 니 다.
이 럴 때,우 리 는 nginx 를 포장 해서 친구 에 게 보 내 고,nginx.exe 를 클릭 한 후,브 라 우 저 에 localhost:80 을 입력 하면 된다.
총결산
이상 은 이 글 의 전체 내용 입 니 다.본 논문 의 내용 이 여러분 의 학습 이나 업무 에 어느 정도 참고 학습 가치 가 있 기 를 바 랍 니 다.궁금 한 점 이 있 으 시 면 댓 글 을 남 겨 주 셔 서 저희 에 대한 지지 에 감 사 드 립 니 다.