IIS 를 통해 웹 게시하기 (rewrite, ORCA)

<1> 먼저 IIS 를 켜보자.

1. window키 + R 로 appwiz.cpl을 실행한다.(제어판- 프로그램 및 기능)

2. 왼쪽에 windows 기능 켜기/ 끄기가 있다. 클릭!

asp와 cgi isapi등을 켜준다.(응용프로그램 개발기능)

그리고 iis 실행.

 

<2> build 만들기

웹을 만들었으면

npm run build로 build 폴더를 생성한다.

그리고 자신이 게시하려는 폴더를 만들고, 그 폴더에 build폴더 내부의 파일들을 넣는다.

 

<3> IIS 실행

IIS(인터넷 정보 서비스)관리자 를 켠다

iis에서 사이트 우클릭해서 웹 사이트 추가를 누르고

사이트 이름 적고, build폴더 내부 파일들을 넣은 폴더를 지정.

ip 주소는 모든 ip로. 포트는 기본 80인데, 다른 숫자들을 쓴다. 포트에 대한 설명 참조.

그러면 이제 내가 업로드한 사이트에 접속이 된다.

IIS 우측의 웹 사이트 찾아보기를 눌러서 접속 확인

 

그리고 이제 다른 사람들 컴퓨터에서도 접속이 가능하도록

업로드한 후에 방화벽 상태확인에 들어간다.(윈도우 누르고 검색 혹은 제어판)

방화벽에서 고급 설정에 들어가서

인바운드 규칙- 새 규칙을 눌러서.. 방화벽 포트를 연다.

80이 기본적인 default 서버이다. 8080포트를 주로 사용. 왜 8080일까? 이유는 잘 모른다. html에 자주 사용되는 포트로 알고 있지만.. 모름.

 

<3> url 재작성 모듈 IIS에 넣기

이제 url 재작성 모듈을 IIS에 넣어야 한다. 그래야 규칙이 적용돼 index에서 내부의 Route에 접속할 수 있다.(react. 차후 규칙 수정도 가능하다)

1. web.config 파일을 복사해서 해당 서버 폴더에 넣는다.(처음에 만든 폴더)

https://hotdogya.tistory.com/23

web.config 파일 고찰

이에 대한 설명은 위의 링크에... 모르는 분 블로그.

그리고 'URL재작성' 기능을 IIS에 넣어주기 위한 rewirte 모듈을 설치한다.

https://www.iis.net/downloads/microsoft/url-rewrite#additionalDownloads

그런데 설명은 많은 버전과 호환이 된다고 돼있는데, 안되는 경우가 있다.

그럴땐 ORCA로 버전을 맞춰줘야 한다.

그러니 설치 전에 ORCA로 먼저 버전체크기능을 없애버린다.

 

orca 설치는 아래 블로그 참조.

https://rroott.tistory.com/30

윈도우 설치파일(.msi) 편집용 프로그램 ORCA 다운로드 및 설치

사용법도 잘 나와있다.

여기에 rewrite파일을 넣고 버전체크기능을 제거한다.

launch condition에서 iis major version.. 머시기를 삭제(drop)시키면 된다.

 

그 후에 re write를 설치하면

 

끗!