뭐

랩톱 및 모바일 장치를 포함하여 로컬 네트워크의 모든 장치에서 Angular 응용 프로그램의 실시간 미리 보기를 활성화합니다. 이는 장치의 로컬 네트워크 IP 주소(인터넷 아님)로 일반:4200 포트를 활성화하여 작동합니다.

그래서, 뭐?

반응형 디자인을 위해 더 작은 장치 화면에서 응용 프로그램을 미리 보는 데 유용합니다. 서로 다른 장치 및/또는 운영 체제에서 서로 다른 브라우저에 의해 렌더링된 불일치 디버깅을 위해.

이제 뭐?

IP 주소 받기

앱의 포트를 실행합니다

.

단계로 건너뛰기

Find and Copy Local IP Address

Host Application on IP Address

Result

로컬 IP 주소 찾기 및 복사

명령줄에서 로컬 IP 주소 가져오기

# for Mac machines connected via ethernet
ipconfig getifaddr en0

# for Mac machines connected via router
ipconfig getifaddr en1

# for Windows machines
ipconfig

IP 주소의 호스트 애플리케이션

# Command Line
ng serve -o --host 192.16x.x.xx

-o가 브라우저에서 열립니다

.

--host 플래그 다음에 오는 주소가 호스트 역할을 할 수 있도록 합니다[192.16x.x.xx를 첫 번째 단계의 명령에서 반환된 주소로 바꿉니다]

결과

동일한 네트워크에 있는 모든 장치(wifi가 켜져 있는지 확인)는 http://192.16x.x.xx:4200를 통해 애플리케이션을 미리 볼 수 있습니다.