คุณเข้าถึงเว็บไซต์ที่ทำงานบน localhost จากเบราว์เซอร์ iPhone ได้อย่างไร

ฉันทำงานบนเว็บไซต์มือถือและต้องการทดสอบโดยใช้เบราว์เซอร์ iPhone ของฉัน เครื่อง Windows 7 และ iPhone ของฉันอยู่ในเครือข่ายไร้สายเดียวกัน ฉันจะเข้าถึง localhost จาก iPhone ได้อย่างไร ตอนนี้ฉันได้รับข้อผิดพลาด 404

การเข้าถึง localhost จาก iPhone จะทำการวนลูป / พยายามเชื่อมต่อกับตัวเอง (หากรองรับหรือไม่?)

สิ่งที่คุณต้องทำคือการหา IP ของเครื่องคอมพิวเตอร์ของคุณ (เช่นถ้า Windows ไปที่Command Promptและพิมพ์ipconfigหรือไปและมองขึ้นNetwork and Sharing Centreconnection status

เมื่อคุณมี IP http://192.168.0.102ของคุณเพียงแค่ไปที่จากเช่นเบราว์เซอร์

คุณอาจต้องเปิดพอร์ต 80 (หรือพอร์ตใดก็ตามที่เว็บไซต์ของคุณกำลังทำงาน) ในการรักษาความปลอดภัยขาเข้าของไฟร์วอลล์ของคุณหากคุณใช้งานอยู่

หมายเหตุ: อย่าลืมพอร์ตแอปถ้าสิ่งที่คุณต้องการคือการแก้ปัญหาแอปในเบราว์เซอร์ของ iPhone http://192.168.0.102:3000เช่น: ในตัวอย่างนี้ 3000 เป็นพอร์ตเริ่มต้นที่ใช้โดย ReactJS

หากคุณใช้ Mac ให้ไปที่การตั้งค่าระบบ> เครือข่ายและใช้ที่อยู่ IP ของคุณแทน localhost คุณยังสามารถใช้หมายเลขพอร์ต ในกรณีของฉันฉันมีเซิร์ฟเวอร์ที่ทำงานบนพอร์ต 1448 และฉันสามารถดูตัวอย่าง 192.168.1.241:1448 โดยใช้ iPhone

คุณสามารถลองngrok.io ทำงานบนหลักการเดียวกันกับอุโมงค์ท้องถิ่น
ดาวน์โหลดแอปพลิเคชันสำหรับระบบปฏิบัติการของคุณ และพยายามที่จะเรียกใช้เช่น:

สำหรับ linux:

./ngrok http 8000

8000 คือหมายเลขพอร์ตที่แอปพลิเคชันของคุณทำงานอยู่

สำหรับ windows:

 ngrok.exe http 8000

ลองสิ่งนี้:

1. กดWindows+R
2. เปิด cmd
3. เรียกใช้ipconfig (เก่า) ifconfig (ใหม่)
4. ตรวจสอบ IP การ์ดเครือข่ายไร้สายของคุณ
5. ไปที่ iPhone และไปที่ " http://xxx.xxx.xxx.xxx/ " ผ่านเบราว์เซอร์ของคุณ
   (xxx.xxx.xxx.xxx เป็น IP ของคุณ)

หมายเหตุ: คุณต้องตั้งค่าการอนุญาตในการตั้งค่าไฟร์วอลล์หากมี

หากคุณใช้MAMPให้ป้อนที่อยู่ IP ของคุณ (สมมติว่า 192.0.0.63) ในเบราว์เซอร์ iPhone Safari ของคุณตามด้วยหมายเลขพอร์ต 8888 (เช่น 192.0.0.63:8888) และคุณจะสามารถดูไซต์ท้องถิ่นของคุณใน iPhone ของคุณ

และถ้าคุณใช้เซิร์ฟเวอร์WAMPอีกครั้งในเบราว์เซอร์ซาฟารี iPhone ของคุณเพียงป้อนที่อยู่ IP (สมมติว่า 192.0.0.63) และนั่นก็คือมัน แต่อย่าลืมลบไฟล์deny from allจาก httpd.conf สำหรับเซิร์ฟเวอร์ WAMP ของคุณ หากคุณมองหาบรรทัดallow from 127.0.0.1เหนือหรือใต้คุณจะเห็นdeny from all; เพียงลบบรรทัดนี้และรีสตาร์ทเซิร์ฟเวอร์ WAMP ของคุณและควรทำตามนั้น

หากคุณใช้ Mac -

1. เชื่อมต่อ iPhone กับ Mac ของคุณผ่าน USB

2. ไปที่ Network Utility (cmd + space และพิมพ์ "network utility")

3. ไปที่แท็บ "ข้อมูล"

4. คลิกที่เมนูแบบเลื่อนลงที่ระบุว่า "Wi-Fi" และเลือก "iPhone USB" ตามที่แสดงในภาพ

5. คุณจะพบที่อยู่ IP เช่น "xxx.xxx.xx.xx" หรือที่คล้ายกัน เปิดเบราว์เซอร์ Safari บน iPhone ของคุณแล้วป้อน IP_address: port_number

   ตัวอย่าง: 169.254.72.86:3000

[หมายเหตุ: หากช่องที่อยู่ IP ว่างเปล่าตรวจสอบให้แน่ใจว่า iPhone ของคุณเชื่อมต่อผ่าน USB ออกจาก Network Utility เปิดใหม่อีกครั้งและตรวจสอบที่อยู่ IP]

หากคุณไม่ได้อยู่ในเครือข่ายเดียวกันคุณสามารถใช้เครื่องมือของบุคคลที่สามที่เรียกว่า localtunnel

http://localtunnel.me/

มันเป็นเส้นทางเนื้อหาของคุณผ่านเซิร์ฟเวอร์อื่นและคุณเข้าถึงที่

หากคุณต้องการพิมพ์ชื่อโฮสต์ A แทนที่อยู่ IP

ตัวเลือกแรก (วิธีลัด):

คุณควรจะไปที่http://my-macbook-pro.local/mywebsiteบน iPhone ของคุณ ดูhttps://stackoverflow.com/a/9304094/470749

วิธีนี้มีแนวโน้มที่จะทำงานได้เนื่องจากโดเมน '.local' เป็นคำสงวนพิเศษ

ตัวเลือกที่สอง:

ดูhttp://xip.io/ซึ่งเป็นบริการฟรีและสะดวกสบายมาก ไม่จำเป็นต้องกำหนดค่า

จากนั้นเมื่อคุณเรียกดูhttp://mysite.app.192.168.1.130.xip.io (โดยใช้เบราว์เซอร์บนเซิร์ฟเวอร์ของคุณหรือบนอุปกรณ์ใด ๆ บน LAN ของคุณ) 192.168.1.130ก็จะแสดงหน้าเจ้าภาพที่

และหากคุณใช้งาน Homestead บนเครื่องที่มีอยู่ใน IP นั้นให้เรียกดูhttp://mysite.app.192.168.1.130.xip.io:44300 (ด้วยพอร์ตใน URL) แสดงหน้าเว็บที่โฮสต์อยู่ Homestead 192.168.10.10จรจัดเครื่องเสมือนที่ น่าทึ่งมาก

ตัวเลือกที่สาม (ซึ่งไม่ได้ขึ้นอยู่กับบริการและมีความยืดหยุ่น แต่ซับซ้อนกว่าและใช้ได้เฉพาะเมื่อคุณมีเราเตอร์ที่มี DD-WRT อยู่เท่านั้น):

หากคุณมีเซิร์ฟเวอร์ท้องถิ่นหนึ่งโฮสต์หลายเว็บไซต์ที่คุณต้องการเข้าถึงผ่านชื่อโฮสต์ที่แตกต่างกัน (ผ่าน iPhone) คุณสามารถทำได้

1. ในระบบปฏิบัติการของคุณเปลี่ยนชื่อคอมพิวเตอร์ของคุณเป็นสิ่งที่สั้นมีความหมายและจดจำได้ง่ายเช่น "RYANDESK"
2. ในการตั้งค่าเราเตอร์ DD-WRT ของคุณ:
   1. ในServices > Services > Static Leasesตั้งค่าที่อยู่ MAC ของเซิร์ฟเวอร์ของคุณให้ชี้ไปยังที่อยู่ IP เฉพาะเช่น192.168.1.108เฉพาะเช่น ตั้งค่าชื่อโฮสต์ให้เหมือนกับชื่อคอมพิวเตอร์ของคุณก่อนหน้านี้ "เวลาเช่าของลูกค้า" อาจเป็น 1440 นาที
   2. ให้แน่ใจว่าได้กดSaveและยังApply Settingsทุกครั้งที่มีการเปลี่ยนแปลง (ดูเหมือนว่า "บันทึก" จะไม่ใช้การตั้งค่าโดยอัตโนมัติ) หากคุณได้รับข้อผิดพลาดอาจเป็นเพราะการออกแบบ GUI ของ DD-WRT ทำให้เข้าใจผิดและคุณกด "เพิ่ม" สำหรับสัญญาเช่าแบบคงที่โดยไม่จำเป็น
   3. ในDHCP Server > User Domainเลือก "LAN & WAN" สำหรับ "LAN Domain" ให้ตั้งค่าเป็นสตริงสั้น ๆ เช่นชื่อย่อของคุณโดยไม่มีเครื่องหมายวรรคตอน (เช่น "xyz") อาจหลีกเลี่ยงการใช้คำว่า "ท้องถิ่น" เนื่องจากอาจมีข้อขัดแย้ง อย่าใช้โดเมนจริงเช่น "com", "org", "net" ฯลฯ
3. ในServices > Services > DNSMasqให้เปิดใช้งาน DNSMasq และ "Local DNS" และกำหนดค่า "ตัวเลือก DNSMasq เพิ่มเติม" ให้เป็นดังนี้: address=/project1.xyz/project2.xyz/192.168.1.108(ที่xyzใดที่คุณเลือกในขั้นตอนก่อนหน้านี้ IP จะชี้ไปที่เครื่องเฉพาะproject1และproject2เป็นชื่อโฮสต์ที่คุณต้องการชี้ไป แต่ละโครงการเหล่านั้น (เช่นการกำหนดค่า Nginx ที่แตกต่างกัน)
4. ตรวจสอบให้แน่ใจว่าไฟล์โฮสต์ของคุณไม่มีรายการที่ขัดแย้งกับสิ่งที่เราทำ หากคุณไม่ทราบว่าไฟล์โฮสท์คืออะไรคุณอาจไม่เป็นไร
5. ล้างแคช DNS และรีลีสและต่ออายุ IP ท้องถิ่นของคุณ สลับเข้าและออกจากโหมดเครื่องบินบน iPhone เพื่อล้างแคช DNS ที่นั่นเช่นกัน

6. ตอนนี้คุณสามารถเรียกดูhttp://ryandesk.xyzใน iPhone ของคุณ (หรือในเบราว์เซอร์เดสก์ท็อปของคุณ) และมันจะแก้ไขไปยังเซิร์ฟเวอร์ท้องถิ่นของคุณ หวังว่าคุณจะได้ตั้งค่า 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- เครื่องของคุณโดยใช้-DNS ชื่อกับ-DD-WRT /

สำหรับผู้ใช้ Mac ให้เปิดยูทิลิตี้เครือข่าย (คุณสามารถค้นหาได้โดยพิมพ์ cmd + space ซึ่งจะเปิดสปอตไลท์จากนั้นในสปอตไลท์เริ่มพิมพ์ Network Utility) เลือก Network Utility เมื่อเปิดอยู่ที่อยู่ IP ของคุณจะอยู่ถัดจากที่อยู่ IP ของป้ายกำกับ ดังนั้นโดยทั่วไปกับ IP คุณสามารถเข้าไปในพอร์ตใด ๆ ที่เปิดอยู่บนเครื่อง mac ของคุณตัวอย่างเช่นถ้าเว็บไซต์ของคุณทำงานอยู่บน localhost: 3000 และที่อยู่ IP ของคุณคือ 154.31.92.0 จากโทรศัพท์ของคุณคุณจะได้รับเว็บไซต์เพียงพิมพ์ 154.31 92.0: 3000 ลงในเบราว์เซอร์

PS- ใช้งานได้ก็ต่อเมื่อโทรศัพท์และคอมพิวเตอร์อยู่ในเครือข่ายเดียวกัน

WebpackDevServer localhost จาก iphone

หากคุณใช้แอพที่ใช้งานบนโหนด คุณสามารถใช้ webpack เป็นเครื่องมือสร้างและใช้ built-in devserver

คุณสามารถใช้ webpackdevserver เพื่อเริ่มแอปพลิเคชันของคุณจากเซิร์ฟเวอร์ localhost แล้วส่งผ่านที่อยู่ localhost และพอร์ตที่คุณเลือก

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

จาก iPhone ของคุณคุณสามารถเข้าถึงได้โดยใช้

http://192.168.2.89:3000

หมายเหตุ :: แล็ปท็อปและ iPhone ของคุณควรอยู่ในเครือข่ายเดียวกันและคุณควรใช้ที่อยู่ IP ในพื้นที่ของคุณ

สำหรับ Mac วิธีค้นหาที่อยู่ IP คุณสามารถดูรับที่อยู่ IP ใน node.js

หากคุณใช้ mac (OSX):

ใน Mac ของคุณ:

1. เปิด Terminal
2. เรียกใช้ "ifconfig"
3. ค้นหาบรรทัดที่มีที่อยู่ ip "192.xx.xx"

หากคุณกำลังทดสอบเว็บไซต์ของคุณด้วยที่อยู่: "localhost: 8888 / mywebsite" (ขึ้นอยู่กับการกำหนดค่า MAMP ของคุณ)

ในโทรศัพท์ของคุณ:

1. เปิดเบราว์เซอร์ของคุณ (เช่น Safari)
2. ป้อน URL 192.xxx.xx: 8888 / mywebsite

หมายเหตุ : คุณต้องเชื่อมต่อกับเครือข่ายเดียวกัน (WiFi)

คุณสามารถใช้ IP ของคอมพิวเตอร์แทนhttp: // localhost

แต่มันอาจไม่สามารถเข้าถึงได้ คุณต้องแก้ไขhttpd.conf (หรือไฟล์การกำหนดค่าที่เทียบเท่า) ของซอฟต์แวร์เซิร์ฟเวอร์ของคุณ ฉันไม่ได้ติดตั้ง PHP ในตอนนี้ แต่คุณสามารถค้นหาด้วยคำหลัก: "อนุญาตจากหรือ / ไดเรกทอรี"

หมายเหตุ: IP ของพีซีที่ XAMPP กำลังทำงานอยู่ควรเป็น IP แบบคงที่ (ไม่ได้กำหนดโดย DHCP) มิฉะนั้นคุณต้องตรวจสอบด้วยตนเองทุกครั้งที่คุณรีสตาร์ทพีซี

ฉันต้องการทำสิ่งเดียวกันกับคำขอต้นฉบับและค้นหาคำตอบที่นี่และปิดไฟร์วอลล์และการป้องกันไวรัสทุกครั้งเพื่อไม่ให้เกิดประโยชน์

จากนั้นฉันพบสถานะต่อไปนี้เกี่ยวกับ IIS express ในเอกสารประกอบของ Microsoft: "IIS express ไม่ให้บริการการร้องขอไปยังเบราว์เซอร์บนคอมพิวเตอร์เครื่องอื่นทำให้การอนุมัติง่ายขึ้นในสภาพแวดล้อมขององค์กร"

บรรทัดล่างสุด - คุณจะต้องติดตั้ง IIS (ไม่ใช่ IIS ด่วนที่จัดส่ง) เพื่อให้โครงการของคุณปรากฏนอกคอมพิวเตอร์ของคุณ

ที่มา: http://msdn.microsoft.com/en-us/library/58wxa9w5.aspx

หวังว่านี่จะเป็นประโยชน์กับคนอื่น ๆ ที่กำลังจะปิดคุณลักษณะความปลอดภัยทุกอย่างในคอมพิวเตอร์ของพวกเขา

หากคุณกำลังทำงานกับโครงการ php คุณสามารถเปลี่ยน href ฐาน:

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

• localhost หรือ 127.0.0.1: ขึ้นอยู่กับการตั้งค่าของคุณ
• 192.xxx: ที่อยู่ IP ท้องถิ่นของคุณ
• HTTPS_SERVER: href ฐานก่อนหน้า

การทำเช่นนั้นเป็นสิ่งจำเป็นในการโหลดรูปภาพ, ไฟล์ css และ js ในโทรศัพท์ของคุณ

ด้วยWAMP :

1) คุณควรคลิกที่ไอคอน WAMP> ใส่ออนไลน์ (รอจนกระทั่งเริ่มต้นใหม่)

2) จากนั้น (หากคุณเป็น WiFi บน iPhone ในเครือข่ายเดียวกัน) ให้เปิด IP ของคุณในเบราว์เซอร์ iPhone

เช่นhttp://192.168.1.22 หรือ http://164.92.124.42

ในการค้นหา IP ท้องถิ่นของคุณ:
a) คลิกStart> Run> cmdและพิมพ์ipconfigจากนั้นคุณจะเห็น
หรือ
b) คลิกที่ลูกศรสีน้ำเงินและ "lease new ip"

ปล. นั่นคือทั้งหมด ตอนนี้คุณสามารถเข้าถึง (เปิด) localhost จากAndroidหรือiPhone

สำหรับผู้ที่ใช้ที่อยู่ IP ที่ถูกต้องและคุณยังไม่สามารถเชื่อมต่อกับเซิร์ฟเวอร์ในระบบได้สิ่งหนึ่งที่ต้องตรวจสอบคือคุณหรือเพื่อนร่วมงานของคุณไม่ได้กำหนดค่าอุปกรณ์ให้ใช้พร็อกซีเซิร์ฟเวอร์

ฉันมีอุปกรณ์หนึ่งตัวที่ไม่เชื่อมต่อและปรากฏว่าอุปกรณ์ได้รับการกำหนดค่าให้ใช้ Charles Proxy ซึ่งแน่นอนว่าไม่ได้ทำงาน

ค้นหาที่อยู่ของระบบIPและสิ่งที่portคุณใช้งานเว็บไซต์

พูดอยู่ IP ของคุณเป็นและพอร์ตของคุณ121.300.00.2508080

[หมายเลขพอร์ต: ดูเว็บเบราว์เซอร์ของคุณขณะเรียกใช้หน้าเว็บเช่น: localhost: 8080 / ... จากนั้นหมายเลขพอร์ตคือ 8080]

ขณะนี้อยู่ในมือถือของคุณ121.300.00.250:8080/..แล้วคุณจะพบเว็บไซต์ของคุณ

สำคัญ:คุณต้องแน่ใจว่าเซิร์ฟเวอร์ของคุณ (เช่น Apache Tomcat) อยู่ในสภาพเริ่มต้น

ดูคำตอบนี้โดยจะกล่าวถึงการกำหนดเส้นทาง HTTP ภายในผ่านการโทร Objective-C โดยตรงไปยังเลเยอร์ HTTP / เว็บเซิร์ฟเวอร์แบบฝังตัวที่สามารถใช้งาน HTTP (สมมติว่ารหัสเซิร์ฟเวอร์ HTTP นั้นอยู่ในแอปพลิเคชันเดียวกันที่ต้องการแสดง HTML ภายในเว็บ วิดเจ็ต)

นี่เป็นข้อได้เปรียบของการมีความปลอดภัยมากขึ้นเล็กน้อย (และอาจเร็วกว่า) เนื่องจากไม่ควรมีพอร์ต

หากคุณไปตามเส้นทางของการเข้าสู่การตั้งค่าเครือข่ายและรับที่อยู่ IP Wi-Fi เช่น xxx.xxx.x.xxx:9000 (: 9000 หรือพอร์ตใดก็ตามที่เปิดอยู่) ตรวจสอบให้แน่ใจว่าอุปกรณ์มือถือของคุณใช้ Wi เดียวกัน -Fi / สัญญาณที่อยู่ IP ฉันใช้เวลาหนึ่งวันในการพยายามทำให้มันใช้งานได้และมันไม่ทำงานจนกว่าฉันจะปิดโทรศัพท์ของฉันออกจากเครือข่ายเซลลูลาร์เป็นการเชื่อมต่อ Wi-Fi / ที่อยู่ IP เดียวกัน เปิดขึ้นมาทันทีที่ฉันทำการอัปเดตนี้

มีวิธีง่าย ๆ ในการบรรลุเป้าหมายนี้:

1. เชื่อมต่อโทรศัพท์และคอมพิวเตอร์ของคุณเข้ากับ LAN เดียวกัน
2. Window + Rจากนั้นพิมพ์ ipconfigจากนั้นคุณจะได้รับ ip ปัจจุบันของคุณจาก pc ดูเหมือนว่า: 192.168.XX.XX
3. พิมพ์ IP นี้กับพอร์ตแอปของคุณในเว็บเบราว์เซอร์ของคุณโทรศัพท์เช่นนี้: http: //192.168.XX.XX: 8080ก็ทำงาน

บันทึก:

หากไม่ได้ผล ปิดซอฟต์แวร์ป้องกันไวรัสในพีซีของคุณหากยังใช้งานไม่ได้ให้ลองปิดไฟร์วอลล์ windows เพราะปัญหาเกี่ยวข้องกับไฟร์วอลล์พีซี

ขั้นตอน:

ฉันคิดว่าคุณได้เริ่มต้นเว็บเซิร์ฟเวอร์ (apache tomcat บนพอร์ตดีฟอลต์: 8080)

บน windows 10:

1. เปิดโปรแกรมป้องกันไวรัสของคุณไปที่ส่วนไฟร์วอลล์และค้นหาส่วนพอร์ตและเพิ่ม Local TCP / IP Port: 8080 เพื่ออนุญาตการเข้าถึง
2. รับที่อยู่ IP ของเครื่องจากพรอมต์คำสั่ง (ที่อยู่ IPv4)
3. เปิดตัว chrome จาก iPhone และที่อยู่ ip goto : ที่อยู่ 8080

หวังว่านี่จะช่วยได้

จาก iphone ของฉันฉันต้องการเรียกดูเว็บไซต์ที่โฮสต์บนเซิร์ฟเวอร์ IIS บนแล็ปท็อป Windows 8 ของฉัน หลังจากอ่านไปเรื่อย ๆ ฉันเปิด Windows Firewall เลือก "อนุญาตแอพหรือฟีเจอร์ผ่านไฟร์วอลล์ Windows" จากนั้นเลื่อนลงและตรวจสอบ "World Wide Web Services (HTTP)" จากรายการ นั่นคือทั้งหมดที่มันทำงาน หวังว่ามันจะช่วยคนอื่นด้วย

ในกรณีของฉันก่อนฉันเชื่อมต่อพีซีและมือถือในเครือข่ายเดียวกันคุณสามารถ ping มือถือของคุณจากพีซีเพื่อทดสอบการเชื่อมต่อ

ฉันใช้งานโครงการกับ GGTS (Groovy / Grails Tool Suite) ในพื้นที่จากนั้นเข้าถึงเว็บไซต์จากมือถือโดยใช้ที่อยู่ IP ของพีซีและทำงานได้ดีมาก

PS ทำงานจากภายในเครื่องมันจะให้ URL เช่น ( http: // localhost: 8080 / projectname ) คุณควรแทนที่ localhost ด้วยที่อยู่ IP ของพีซีหากคุณพยายามเข้าถึงเว็บไซต์ในพื้นที่ของคุณจากอุปกรณ์พกพา

หากคุณใช้ mac อย่าลืมแก้ไข/etc/hostsไฟล์ ค้นหาที่อยู่ IP ตามคำแนะนำด้านบนและเพิ่มบรรทัดต่อไปนี้ในไฟล์นั้น

172.x.xx.x.x outer

หลังจากนั้นขั้นตอนข้างต้นใช้งานได้: นำทางไปยังหน้าเว็บที่ถูกต้องในเบราว์เซอร์ iphone ของฉันไปที่http: //172.x.xx.xx: พอร์ต http://www.imore.com/how-edit-your-macs- เจ้าภาพไฟล์และเหตุผลที่คุณจะอยาก

อีกวิธีที่รวดเร็วและสกปรกในการทำเช่นนี้คือการเปิด xcode (หากคุณติดตั้งไว้) และเรียกใช้ซาฟารีบนเครื่องจำลองของคุณ การพิมพ์localhostที่นี่จะทำงานได้เช่นกัน