programing

iPhone 브라우저에서 localhost에서 실행되는 웹 사이트에 액세스하는 방법

goodsources 2023. 6. 15. 21:49
반응형

iPhone 브라우저에서 localhost에서 실행되는 웹 사이트에 액세스하는 방법

저는 모바일 웹사이트에서 작업 중이며 아이폰 브라우저를 사용하여 테스트하고 싶습니다.Windows 7(윈도우 7) 컴퓨터와 iPhone이 동일한 무선 네트워크에 있습니다.아이폰에서 로컬 호스트에 액세스하려면 어떻게 해야 합니까?지금 404 에러가 납니다.

iPhone에서 localhost에 액세스하면 루프백을 수행하거나 연결을 시도합니다(지원하는 경우).

Windows인 에는 데크를컴톱의예 IP는으로 합니다).Command Prompt 및형을 합니다.ipconfig또는 로 이동Network and Sharing Centre그리고 위를 보세요.connection status.

일단 당신이 당신의 IP를 얻으면, 당신의 브라우저에서 그것을 방문하세요. http://192.168.0.102.

방화벽을 실행 중인 경우 방화벽의 인바운드 보안에서 포트 80(또는 웹 사이트가 실행 중인 포트)을 열어야 할 수도 있습니다.

참고: iPhone 브라우저에서 다음과 같이 앱을 디버그하려면 앱의 포트를 잊지 마십시오.http://192.168.0.102:3000이 예에서 3000은 ReactJS에서 사용되는 기본 포트입니다.

Mac을 사용하는 경우 시스템 기본 설정 > 네트워크로 이동하여 localhost 대신 IP 주소를 사용합니다.포트 번호를 사용할 수도 있습니다.저의 경우, 포트 1448에서 실행 중인 서버가 있으며 아이폰을 사용하여 192.168.1.241:1448을 미리 볼 수 있습니다.

MacOsNetworkSettings

당신은 ngrok.io 을 사용해 볼 수 있습니다.로컬 터널과 동일한 원리로 작동합니다.
OS용 응용 프로그램을 다운로드하고 다음과 같이 실행해 보십시오.

Linux의 경우:

./ngrok http 8000

8000은 응용 프로그램이 실행 중인 포트 번호입니다.

창:

 ngrok.exe http 8000

사용해 보십시오.

  1. +를 누릅니다.
  2. 을 엽니다.cmd
  3. 려달을 합니다.ipconfig 전) ifconfig (새로 만들기)
  4. 무선 네트워크 카드 IP 확인
  5. iPhone으로 이동하여 브라우저를 통해 "http://xxx.xxx.xxx.xxx/ "으로 이동합니다.
    xxx.xxx.xxx xxx.xxx.xxx .IP입니다) xxxxx는 IP입니다.)

참고: 방화벽 설정에 대한 권한을 설정해야 합니다(있는 경우).

만약 당신이 Mac을 사용하고 있습니다.

  1. USB를 통해 iPhone을 Mac에 연결합니다.

  2. 네트워크 유틸리티(cmd+space)로 이동하고 "네트워크 유틸리티"를 입력합니다.

  3. "정보" 탭으로 이동합니다.

  4. 사진과 같이 "Wi-Fi"라고 적힌 드롭다운 메뉴를 클릭하고 "iPhone USB"를 선택합니다.

Network Utility, select iPhone USB

  1. "xxx.xxx .xx.xx" 또는 유사한 IP 주소를 찾을 수 있습니다.iPhone에서 Safari 브라우저를 열고 IP_address:port_number를 입력합니다.

    예: 169.254.72.86:3000

[참고: IP 주소 필드가 공백인 경우, iPhone이 USB를 통해 연결되어 있는지 확인하고 네트워크 유틸리티를 종료한 후 다시 열고 IP 주소를 확인하십시오.]

경고:네트워크 유틸리티는 macOS Big Sur 이후로 더 이상 사용되지 않습니다.

동일한 네트워크에 있지 않은 경우 로컬 터널이라는 타사 도구를 사용할 수 있습니다.

http://localtunnel.me/

기본적으로 다른 서버를 통해 콘텐츠를 라우팅하고 사용자가 액세스합니다.

MAMP를 사용하는 경우 iPhone Safari 브라우저에서 IP 주소(예: 192.0.0.63)를 입력한 후 포트 번호 8888(예: 192.0.0.63:8888)을 입력하면 iPhone에서 로컬 사이트를 볼 수 있습니다.

WAMP 서버를 사용하는 경우 아이폰 사파리 브라우저에서 IP 주소(예: 192.0.0.63)만 입력하면 됩니다.하지만 그것을 제거하는 것을 잊지 마세요.deny from allWAMP 서버의 httpd.conf 파일에서 다운로드할 수 있습니다.만약 당신이 그 라인을 찾는다면.allow from 127.0.0.1그것의 위나 아래를 보게 될 것입니다.deny from all이 줄을 삭제하고 WAMP 서버를 다시 시작하면 작업에 연결됩니다.

오래된 질문.나에게 효과가 있었던 새로운 간단한 대답.

USB를 통해 iPhone을 컴퓨터에 연결합니다.

시스템 기본 설정 > 공유를 엽니다.

왼쪽 탭에서 인터넷 공유를 선택합니다.오른쪽에 인터넷 공유 컨트롤이 표시됩니다.

인터넷 공유 옆에 있는 확인란을 선택 취소합니다.

인터넷 공유 옵션의 오른쪽에서 iPhone USB를 확인합니다.

해당 확인란을 선택하여 인터넷 공유를 활성화합니다.이 작업을 확인하라는 팝업이 표시될 수 있습니다.

맨 위에서 "로컬 네트워크의 컴퓨터는 xxxx.local에서 컴퓨터에 액세스할 수 있습니다.xxxxx가 표시하는 내용을 메모합니다. – 이것이 컴퓨터 이름입니다.주소 표시줄에 입력하게 되므로 짧은 단어로 편집하는 것이 좋습니다.

이제 xxxx.local:yyyy에서 로컬 호스트 서버에 액세스할 수 있습니다. 여기서 xxxx는 이전 단계의 사용자 이름이고 yyyy는 서버의 포트 번호입니다.

IP 주소 대신 호스트 이름을 입력하려면

첫 번째 옵션(빠른 방법):

은 다으로이수합니다있야어로 할 수 입니다.http://my-macbook-pro.local/mywebsite당신의 아이폰에서.https://stackoverflow.com/a/9304094/470749 을 참조하십시오.

이 접근 방식은 '.local' 도메인이 특수 예약 단어이기 때문에 작동하는 경향이 있습니다.

두 번째 옵션:

무료 서비스이며 매우 편리한 http://xip.io/, 를 참조하십시오.구성할 필요가 없습니다.

그런 다음 http://mysite.app.192.168.1.130.xip.io (서버 또는 LAN의 모든 장치에서 브라우저 사용)를 검색하면 다음 위치에서 호스트되는 페이지가 표시됩니다.192.168.1.130.

또한 해당 IP에 있는 시스템에서 홈스테드를 실행 중인 경우 http://mysite.app.192.168.1.130.xip.io:44300 (URL에 포트 포함)를 검색하면 홈스테드 Vagrant 가상 시스템에서 호스팅되는 페이지가 표시됩니다.192.168.10.10꽤 놀랍습니다.

세 번째 옵션(서비스에 의존하지 않고 유연하지만 더 복잡하며 DD-WRT가 있는 라우터가 있는 경우에만 작동함):

하나의 로컬 서버가 서로 다른 호스트 이름(iPhone을 통해)을 통해 액세스하려는 여러 사이트를 호스팅하는 경우 이 작업을 수행할 수 있습니다.

  1. OS에서 컴퓨터 이름을 "RYANDesk"와 같이 짧고 의미 있으며 기억하기 쉬운 이름으로 변경합니다.
  2. DD-WRT 라우터 설정에서 다음을 수행합니다.
    1. Services > Services > Static Leases가 특정 주소를 합니다. 를 들어, " " " " " " IP " " " " 입니다.192.168.1.108호스트 이름을 컴퓨터 이름과 동일하게 설정합니다."클라이언트 리스 시간"은 1440분일 수 있습니다.
    2. ▁be▁to를 합니다.Save그리고 또한Apply Settings ("것 오류가 발생하면 DD-WRT의 GUI 설계가 잘못되어 정적 리스에 대해 불필요하게 "추가"를 눌렀기 때문일 수 있습니다.
    3. DHCP Server > User Domain"LAN & WAN"을 선택합니다." 도메인"의 경우 "과문자열로 합니다.LAN 도메인"의 경우 구두점이 없는 이니셜(예: "xyz")과 같은 짧은 문자열로 설정합니다.충돌이 있을 수 있으므로 "로컬"이라는 단어는 사용하지 마십시오. "org " 도메인을
  3. Services > Services > DNSMasq및 " DNS를 사용하도록 하고 "옵션같이 합니다. DNSMasq " ""DNS" ""DNSMasq "" "" "" "" "" "" "" "" " " " " " " " " " " " " " " " " " " " " " " 와 같은 형식으로 구성합니다.address=/project1.xyz/project2.xyz/192.168.1.108서)xyz단계에서 한 것이 시스템을 , 는이단에선택것한이무엇든 IP시가리며키을전템스특정서이계,,project1그리고.project2각 프로젝트(예: 다른 Nginx 구성)를 가리키는 호스트 이름입니다.
  4. HOSTS 파일에 당사가 수행한 작업과 충돌하는 항목이 없는지 확인합니다.HOSTS 파일이 무엇인지 모르는 경우에는 문제가 없을 수 있습니다.
  5. DNS 캐시를 플러시하고 로컬 IP를 릴리스 및 갱신합니다.iPhone에서 비행기 모드로 전환하거나 종료하여 DNS 캐시도 플러시할 수 있습니다.
  6. 이제 다음 사이트를 찾아볼 수 있습니다.http://ryandesk.xyziPhone(또는 데스크톱 브라우저)에서 로컬 서버로 해결됩니다.Nginx나 Apache 등 호스트 이름을 수신하도록 설정했으면 합니다.

    https://wiseindy.com/it/how-to-access-your-pcs-using-dns-names-with-dd-wrt/ http://www.howtogeek.com/69696/how-to-access-your-machines-using-dns-names-with-dd-wrt/

Mac 사용자의 경우 Network Utility를 엽니다(spotlight가 열리는 cmd + space를 입력한 후 Spotlight가 시작되면 Network Utility를 입력합니다).네트워크 유틸리티를 선택합니다. 네트워크 유틸리티가 열려 있으면 IP 주소 레이블 옆에 IP 주소가 표시됩니다.따라서 기본적으로 IP를 사용하면 로컬 컴퓨터의 열려 있는 포트에 액세스할 수 있습니다. 예를 들어 웹 사이트가 localhost:3000에서 로컬로 실행되고 IP 주소가 154.31.92.0인 경우 전화기에서 브라우저에 154.31.92.0:3000을 입력하면 웹 사이트를 쉽게 가져올 수 있습니다.

PS - 전화와 컴퓨터가 모두 동일한 네트워크에 있는 경우에만 작동합니다.

iphone의 Webpack DevServer localhost

노드에서 실행 중인 앱을 사용하는 경우.웹 팩을 빌드 도구로 사용하고 내장된 개발 서버를 사용할 수 있습니다.

webpackdevserver를 사용하여 로컬 호스트 서버에서 응용 프로그램을 시작한 다음 원하는 로컬 호스트 주소와 포트를 전달할 수 있습니다.

webpack-dev-server --host 192.168.0.89 --port 3000

그리고 당신은 당신의 아이폰에서 그것에 접근할 수 있습니다.

http://192.168.2.89:3000

참고:: 랩톱과 iPhone이 동일한 네트워크에 있어야 하며 로컬 호스트 IP 주소를 사용해야 합니다.

Mac에서 IP 주소를 찾는 방법은 node.js에서 로컬 IP 주소 가져오기를 참조하십시오.

Mac(OSX)을 사용하는 경우:

Mac에서:

  1. 터미널 열기
  2. "ifconfig" 실행
  3. IP 주소 "192.xx.x.x"가 있는 선을 찾습니다.

"localhost:8888/mywebsite" 주소로 웹 사이트를 테스트하는 경우(MAMP 구성에 따라 다름)

전화기에서:

  1. 브라우저를 엽니다(예: Safari).
  2. URL 192.xxx .x.x:8888/mywebsite를 입력합니다.

참고: 동일한 네트워크에 연결되어 있어야 합니다(wifi).

http://localhost 대신 ip of computer를 사용할 수 있습니다.

하지만 접근할 수 없을 수도 있습니다.서버 소프트웨어의 httpd.conf(또는 동등한 구성 파일)를 편집해야 합니다.나는 지금 php가 설치되어 있지 않지만 키워드로 검색할 수 있습니다: "Allow from or /Directory"

참고: XAMPP가 실행 중인 PC의 IP는 정적 IP여야 합니다(DHCP에 의해 할당되지 않음). 그렇지 않으면 PC를 다시 시작할 때마다 수동으로 확인해야 합니다.

저는 원래 요청과 동일한 작업을 수행하기를 원했고, 여기서 답을 찾았지만 모든 방화벽과 바이러스 방지 기능을 해제했지만 소용이 없었습니다.

그런 다음 Microsoft 문서에서 IIS Express와 관련하여 "IIS Express는 다른 컴퓨터의 브라우저에 대한 요청을 제공하지 않으므로 회사 환경에서 승인이 더 쉬워집니다."라는 문구를 발견했습니다.

결론 - 프로젝트가 컴퓨터 외부에 표시되도록 하려면 IIS(배달된 IIS 익스프레스가 아님)를 설치해야 합니다.

출처: http://msdn.microsoft.com/en-us/library/58wxa9w5.aspx

이것이 컴퓨터의 모든 보안 기능을 끄고 미쳐가는 다른 사람들에게 도움이 되기를 바랍니다.

올바른 IP 주소를 사용하고 있지만 여전히 로컬 서버에 연결할 수 없는 사용자의 경우 사용자 또는 동료가 프록시 서버를 사용하도록 장치를 구성하지 않았다는 점도 확인해야 합니다.

연결되지 않는 장치가 하나 있었는데 알고 보니 장치가 찰스 프록시를 사용하도록 구성되어 있었습니다. 물론 실행되지 않았습니다.

IP 및 주소에 port당신은 웹사이트를 운영하고 있습니다.

가 신의당 IP 가소라고 합니다.121.300.00.250그리고 당신의 항구는.8080.

[포트 번호: 페이지를 실행하는 동안 웹 브라우저 참조(예: localhost:8080/...포트 번호는 8080]입니다.

에서 이제모서로 합니다.121.300.00.250:8080/..웹 사이트를 찾을 수 있습니다.

중요:서버(예: Apache Tomcat)가 시작된 상태인지 확인해야 합니다.

로컬 서버 시스템: Linux

액세스 시스템: iPad 13.5.1

로컬 서버의 호스트 IP를 0.0.0.0으로 설정해야 다른 컴퓨터가 액세스할 수 있다는 것을 알게 되었습니다.확인하려면, 실행sudo netstat -anp로컬 서버 포트를 찾습니다. 또는 수 127.0.0.1 localhost 파일의 파일입니다.호스트 IP 0.0.0.0에서 실행되도록 앱 구성을 변경했습니다.그런 다음 사용했습니다.<internetIP>:<port>서버에 수 했습니다. 그리고 작동했습니다.

만약 당신이 php 프로젝트를 하고 있다면, 당신은 기본 href를 변경할 수 있습니다:

<base href="<?php echo str_replace("localhost","192.x.x.x",HTTPS_SERVER);?>">

  • localhost 또는 127.0.0.1: 설정에 따라
  • 192.x.x.x : 로컬 IP 주소
  • HTTPS_SERVER: 이전 기본 href

그렇게 하는 것은 전화기에 이미지, CSS 및 Js 파일을 로드하는 데 필수적입니다.

WAMP 포함:

당신은 WAMP 아이콘을 클릭해야 합니다>온라인으로 설정합니다(다시 시작할 때까지 기다립니다).

그런 다음(같은 네트워크에 있는 iPhone의 WiFi인 경우) iPhone 브라우저에서 IP를 엽니다.

http://192.168.1.22 http://164.92.124.42

IP: IP 기
Start >Run >cmd를 클릭하고 ipconfig를 입력하면 거기에 표시됩니다.

파란색 화살표를 클릭하고 "rease new ip"를 클릭합니다.

p.s. 이상입니다. 이제 Android 또는 iPhone에서 로컬 호스트에 액세스(오픈)할 수 있습니다.

답변을 보면 HTTP 지원 계층/임베디드 웹 서버에 대한 직접 목표-C 호출을 통해 내부적으로 HTTP를 라우팅하는 방법에 대해 설명합니다(HTTP 서버 코드가 웹 위젯 내에서 HTML을 표시하려는 동일한 응용 프로그램 내에 있다고 가정합니다).

이는 노출되는 포트가 없기 때문에 약간 더 안전하고 더 빠를 수 있다는 장점이 있습니다.

네트워크 설정으로 이동하여 xxx.xxx.x.xxx:9000 과 같은 Wi-Fi IP 주소(:9000 또는 열려 있는 포트 중 하나)를 얻는 경로로 이동하는 경우 모바일 장치도 동일한 Wi-Fi/신호 IP 주소에 있는지 확인합니다.저는 이것을 작동시키기 위해 하루를 보냈지만 휴대폰을 같은 Wi-Fi 연결/IP 주소로 전환할 때까지 작동하지 않았습니다.이 업데이트를 하면 바로 열립니다.

이를 위한 매우 간단한 방법이 있습니다.

  1. 전화기와 컴퓨터를 동일한 LAN에 연결합니다.
  2. Window + R 다음타자를 입력합니다.ipconfig그런 다음 현재의 urpc IP를 얻으면 192.168과 같습니다.XX.XX
  3. 전화 웹 브라우저에서 앱 포트를 사용하여 이 IP를 입력하십시오. http://192.168.XX.XX:8080, 작동합니다.

참고:

만약 그것이 효과가 없다면요.PC에서 안티바이러스 소프트웨어를 끄십시오. 그래도 작동하지 않으면 Windows 방화벽을 해제하십시오. 이 문제는 PC 방화벽과 관련되어 있습니다.

Mac에서 이를 수행하는 또 다른 빠르고 더러운 방법은 xcode(설치된 경우)를 열고 시뮬레이터에서 사파리를 실행하는 것입니다.자치 기타를 합니다.localhost여기서도 작동할 것입니다.

단계:

웹 서버(기본 포트:8080의 pachomcat)를 시작했다고 가정합니다.

창 10:

  1. 바이러스 백신을 열고 방화벽 섹션으로 이동한 후 포트 섹션을 찾아 로컬 TCP/IP 포트: 8080을 추가하여 액세스를 허용합니다.
  2. 명령 프롬프트에서 시스템 IP 주소 가져오기(IPv4 주소)
  3. 아이폰에서 크롬을 실행하고 IP 주소:8080 주소로 이동합니다.

이게 도움이 되길 바랍니다.

  1. 먼저, 당신은 맥 브라우저의 맥을 통해서도 서버 api에 접속하는지 확인해야 합니다.그렇지 않은 경우, 0.0.0에서 서버를 실행하여 로컬 호스트(127.0.0.1)만 실행하는 대신 서버에서 이 작업을 허용해야 합니다.
  2. iphone에서 safari로 이동하여 api로 서버 server:ex http://0.0.0/st.Mac IP에서 실행 중인 서버로 Safari 자동 리디렉션
  3. 만약 당신이 아이폰 앱에서 요청을 하고 싶다면요.교체 요청 0.0.0.0을 [mac/server ip]로 지정해야 합니다.

아이폰에서 Windows 8 노트북의 IIS 서버에서 호스팅되는 웹 사이트를 탐색하고 싶었습니다.둘러본 후 Windows 방화벽을 열고 "Windows 방화벽을 통해 앱 또는 기능 허용"을 선택했습니다.그런 다음 목록에서 "World Wide Web Services(HTTP)"를 선택합니다.그게 다야, 효과가 있었어요.다른 사람에게도 도움이 되길 바랍니다.

나의 경우, 먼저 같은 네트워크에 내 PC와 모바일을 연결하면, 당신은 PC에서 당신의 모바일을 ping하여 연결을 테스트할 수 있습니다.

저는 GGTS(Groovy/Grails Tool Suite)로 로컬에서 프로젝트를 실행한 다음 PC IP 주소를 사용하여 모바일에서 웹 사이트에 액세스하면 매우 잘 작동합니다.

PS. 로컬에서 실행하면 모바일에서 로컬 웹 사이트에 액세스하려면 로컬 호스트를 PC IP 주소로 교체해야 합니다(http://localhost:8080/projectname).

해야 합니다./etc/hosts 파일에 합니다.

172.x.xx.x.x outer

그런 다음 위의 단계가 작동했습니다. 아이폰 브라우저에서 오른쪽 페이지로 이동한 후 http://http.x.x.x:port http://www.imore.com/how-edit-your-macs-hosts-file-and-why-you-would-want방문하십시오.

언급URL : https://stackoverflow.com/questions/3132105/how-do-you-access-a-website-running-on-localhost-from-iphone-browser

반응형