ฉันสามารถเข้าถึงเว็บเซิร์ฟเวอร์แล็ปท็อปโดยใช้ตัวจำลอง Android ฉันใช้10.0.2.2:portno งานได้ดี

แต่เมื่อฉันเชื่อมต่อโทรศัพท์ Android จริง ๆ เบราว์เซอร์โทรศัพท์ไม่สามารถเชื่อมต่อกับเว็บเซิร์ฟเวอร์เดียวกันบนแล็ปท็อปของฉันได้ โทรศัพท์เชื่อมต่อกับแล็ปท็อปโดยใช้สาย USB หากฉันเรียกใช้คำสั่งอุปกรณ์ adb ฉันจะเห็นโทรศัพท์ของฉัน

ฉันพลาดอะไรไป

USB ไม่ได้ให้บริการเครือข่ายไปยังอุปกรณ์มือถือ

หากทั้งเดสก์ท็อปและโทรศัพท์ของคุณเชื่อมต่อกับ WiFi เดียวกัน (หรือเครือข่ายท้องถิ่นอื่น ๆ ) ให้ใช้ที่อยู่ IP เดสก์ท็อปของคุณที่กำหนดโดยเราเตอร์ (ไม่ใช่localhostและไม่ใช่127.0.0.1)

วิธีค้นหาที่อยู่ IP ของเดสก์ท็อปของคุณ:

• พิมพ์ลงในบรรทัดคำสั่งipconfig(Windows) หรือifconfig(Unix)
  • บน Linux หนึ่งซับifconfig | grep "inet " | grep -v 127.0.0.1จะให้เฉพาะสิ่งที่สำคัญ
  • มีข้อเสนอแนะมากมายเกี่ยวกับวิธีการให้ผลลัพธ์ที่คล้ายกันบน Windows
• จะมีไอพีจำนวนมาก
• ลองทั้งหมดของพวกเขา (ยกเว้น forementioned localhostและ127.0.0.1)

หากโทรศัพท์ของคุณเชื่อมต่อกับเครือข่ายมือถือสิ่งต่างๆก็จะยากขึ้นไปอีก

ไม่ยอมใครง่ายๆ

• ก่อนอื่นค้นหาที่อยู่ IP ภายนอกเราเตอร์ของคุณ ( https://www.google.de/search?q=myip )
• จากนั้นบนเราเตอร์ให้ส่งต่อพอร์ตไปที่ <your desktop IP>:<server port number>
• ในที่สุดใช้ที่อยู่ IP ภายนอกและพอร์ตที่ส่งต่อ

มิฉะนั้นสิ่งที่ใช้เช่นxip.ioหรือngrok

หมายเหตุ : ifconfigคำสั่งเลิกใช้แล้วและจะหายไปตามค่าเริ่มต้นบน Debian Linux เริ่มต้นจากการยืด Debian ทางเลือกใหม่และที่แนะนำสำหรับการตรวจสอบการกำหนดค่าเครือข่ายบน Debian Linux คือคำสั่ง ip ตัวอย่างเช่นการใช้คำสั่ง ip เพื่อแสดงการกำหนดค่าเครือข่ายให้ทำดังนี้:

ip address

คำสั่ง ip ข้างต้นสามารถย่อไปที่:

ip a

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

apt-get install net-tools

การอ้างอิงอยู่ที่นี่

จริงๆแล้วมันค่อนข้างง่าย

• เปิด WiFi Hotspot ของโทรศัพท์ / เราเตอร์ Android และเชื่อมต่อแล็ปท็อปของคุณเข้ากับโทรศัพท์
• เริ่มต้นเซิร์ฟเวอร์ของคุณที่localhost(ฉันใช้เซิร์ฟเวอร์ WAMP สำหรับ Windows)
• ตอนนี้เปิดพร้อมท์คำสั่งแล้วป้อน

ipconfig

เมื่อคุณทำเช่นนั้นคุณจะเห็นสิ่งต่อไปนี้:

อะแดปเตอร์ LAN ไร้สายการเชื่อมต่อเครือข่ายไร้สาย:
  ส่วนต่อท้าย DNS เฉพาะการเชื่อมต่อ :
  ที่อยู่ IPv6 ของ Link-local . . . . : fe80 :: 80bc: e378: 19ab: e448% 11
  ที่อยู่ IPv4 . . . . . . . . . . : 192.168.43.76
  ซับเน็ตมาสก์ . . . . . . . . . . : 255.255.255.0
  เกตเวย์เริ่มต้น . . . . . . . . : 192.168.43.1

• คัดลอกที่อยู่ IPv4 (ในกรณีนี้คือ192.168.43.76)
• ในเบราว์เซอร์มือถือของคุณเพียงวางที่อยู่ IPv4

หมายเหตุ: โปรดตั้งค่าเครือข่ายของคุณเป็น " เครือข่ายในบ้าน " การตั้งค่าเครือข่ายเป็นเครือข่ายในบ้านหมายความว่าคุณอนุญาตให้พีซีแบ่งปันสิ่งต่างๆกับอุปกรณ์อื่น ๆ ในเครือข่ายเดียวกัน

หากคุณใช้ Windows 10 คุณสามารถทำสิ่งต่อไปนี้ได้:

• เปิดการตั้งค่า
• ไปที่เครือข่ายและอินเทอร์เน็ต
• เลือกWiFiในเมนูด้านซ้าย
• แตะที่ชื่อ WiFi ที่เชื่อมต่อ
• ตั้งค่าโปรไฟล์เครือข่ายของเครือข่ายเป็นส่วนตัว

หากคุณกำลังมีปัญหาเป็นไปได้มากว่า Windows Firewall

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

ผู้ใช้Mac OS X

ฉันประสบความสำเร็จด้วยการเปิดใช้การจัดการระยะไกล :

• ตรวจสอบว่าโทรศัพท์และแล็ปท็อปของคุณเชื่อมต่อกับเครือข่าย WiFi เดียวกัน
• สำหรับ Mac ให้ไปที่ System preferences/sharing
• เปิดใช้งานการจัดการระยะไกล

คุณจะเห็นข้อความคล้ายนี้:

• ผู้ใช้รายอื่นสามารถจัดการคอมพิวเตอร์ของคุณโดยใช้ที่อยู่ some.url.com

บนอุปกรณ์ Android ของคุณตอนนี้คุณควรจะสามารถไปที่some.url.comซึ่งมอบหมายให้localhostบน Mac ของคุณ คุณยังสามารถใช้ifconfigเพื่อรับที่อยู่ IP ของ Mac ของคุณ

โซลูชันแบบพกพาด้วยngrok(ระบบปฏิบัติการใด ๆ ที่มี Node.js)

ngrokหากคุณไม่ทราบเปิดเผยโครงการของคุณมีโดเมนชั่วคราวคุณสามารถใช้ ช่วยบอกว่าฉันมีแอพที่ทำงานบนlocalhost:9460ฉันสามารถเขียนได้

npm install ngrok -g

ngrok http 9460

สิ่งนี้จะทำให้ฉัน:

สถานะเซสชันออนไลน์
มีการอัปเดตการอัปเดต (เวอร์ชัน 2.2.8, Ctrl-U เพื่ออัปเดต)
เวอร์ชั่น 2.2.3
ภูมิภาคสหรัฐอเมริกา (เรา)
เว็บอินเตอร์เฟส http://127.0.0.1:4040
การส่งต่อ http://f7c23d14.ngrok.io -> localhost: 9460
การส่งต่อ https://f7c23d14.ngrok.io -> localhost: 9460

การเชื่อมต่อ ttl opn rt1 rt5 p50 p90
                              0 0 0.00 0.00 0.00 0.00

ตอนนี้ฉันสามารถเข้าถึงเป็นวิธีการมุมมองจากระยะไกลhttps://f7c23d14.ngrok.io localhostเป็นการดีที่จะแบ่งปันงานออกแบบหรือความคืบหน้ากับลูกค้า

โซลูชันสำรองที่มีnginxพร็อกซีพาส

หากคุณกำลังใช้งานบางอย่างเช่นนี้nginx proxy_passจะต้องมีการปรับแต่งอีกเล็กน้อย - นี่เป็นวิธีแฮ็ก แต่วิธีนี้เหมาะสำหรับฉันและฉันเปิดรับข้อเสนอแนะในการปรับปรุง:

• เปิดใช้งานการจัดการระยะไกล (ดังกล่าวข้างต้น)
• ชั่วคราวตั้งเซิร์ฟเวอร์เพื่อฟังพอร์ต81เมื่อเทียบกับ80
• พิมพ์คำสั่งต่อไปนี้:

sudo nginx -s reload

• เยือน http://youripaddress:81

server {
  listen 80;
  listen 81;   # <-------- add this to expose the app on a unique port
  server_name  ~^(local|local\.m).example.com$;
  # ...
}

โหลดซ้ำและไปที่ http://youripaddress:81

ด้วยวิธีการง่ายๆ (เพียงเข้าถึงlaptop_ip_addr:portจากอุปกรณ์มือถือเมื่อมือถือและแล็ปท็อปอยู่ใน WiFi เดียวกัน) ฉันได้รับข้อผิดพลาดERR_CONNECTION_REFUSED นั่นคือ MacBook ของฉันดูเหมือนจะปฏิเสธความพยายามเชื่อมต่อจากมือถือของฉัน

ซ็อกเก็ตย้อนกลับ ADB (Android เท่านั้น)

วิธีนี้ใช้ได้ผลสำหรับฉัน (ทดสอบกับ MacBook):

1. เชื่อมต่ออุปกรณ์มือถือ Android ด้วยสาย USB กับแล็ปท็อป
2. เปิดใช้งานการแก้ไขข้อบกพร่อง USBบนอุปกรณ์มือถือ
3. บนแล็ปท็อปให้เรียกใช้ adb reverse tcp:4000 tcp:4000
   • ใช้หมายเลขพอร์ตที่กำหนดเองแทน 4000
4. ตอนนี้บนอุปกรณ์พกพาคุณสามารถนำทางไปhttp://localhost:4000/ได้และมันจะเชื่อมต่อกับแล็ปท็อปไม่ใช่อุปกรณ์มือถือ

โปรดดูคำแนะนำที่นี่

ข้อเสียคือการทำงานกับอุปกรณ์มือถือครั้งเดียวเท่านั้น หากคุณต้องการเข้าถึงด้วยอุปกรณ์พกพาอื่นคุณต้องยกเลิกการเชื่อมต่ออุปกรณ์แรก (ปิดใช้งานการแก้ไขข้อบกพร่อง USB ) เชื่อมต่ออุปกรณ์ใหม่ (เปิดใช้งานการแก้ไขข้อบกพร่อง USB ) แล้วเปิดใช้งานadb reverse tcp:4000 tcp:4000อีกครั้ง

ngrok (ใช้ได้กับอุปกรณ์ทั้งหมด)

วิธีแก้ปัญหาอื่นที่ควรใช้งานได้คือngrok (ดังที่ได้กล่าวไว้ในคำตอบอื่น ๆ ) มันทำงานผ่านอินเทอร์เน็ตไม่ใช่เครือข่ายท้องถิ่น

มันใช้งานง่ายมาก:

brew cask install ngrok
ngrok http 4000

เอาต์พุตนี้ท่ามกลางข้อมูลอื่น ๆ เช่นบรรทัดที่คล้ายกัน

Forwarding                    http://4cc5ac02.ngrok.io -> localhost:4000

ตอนนี้คุณสามารถนำทางไปยังhttp://4cc5ac02.ngrok.ioอุปกรณ์ใด ๆ ที่เชื่อมต่อกับอินเทอร์เน็ตและ URL นี้จะเปลี่ยนเส้นทางไปยังlocalhost:4000แล็ปท็อปของคุณ

หมายเหตุว่าตราบใดที่คำสั่ง ngrok กำลังทำงาน (จนกว่าคุณจะตีCtrl-C ), โครงการของคุณเป็นแบบสาธารณะทำหน้าที่ ทุกคนที่มี URL สามารถเห็นได้

ฉันพบวิธีแก้ไขปัญหานี้อย่างรวดเร็ว ลองลิงค์นี้ ควรช่วยคุณแก้ไขปัญหา

ฉันเปลี่ยนเพียงสิ่งเดียวเท่านั้นซึ่งการสอนระบุว่าคุณเปลี่ยน '127.0.0.1' เป็น 'ทั้งหมด' ให้เปลี่ยนเป็นที่อยู่ IP ที่เซิร์ฟเวอร์ของคุณใช้งานแทน

หลังจากนั้นคุณควรจะสามารถเชื่อมต่อกับ localhost ของคุณ

ด้านล่างนี้เป็นสำเนา (พิสูจน์อักษร) ข้อมูลจากหน้าที่เชื่อมโยง:

ขั้นตอนที่ 1

ติดตั้งเซิร์ฟเวอร์ Wamp (หรืออื่น ๆ ที่คุณต้องการ)

นี่เป็นหนึ่งในเซิร์ฟเวอร์ที่ดีที่สุดที่ฉันรู้จักในการตั้งค่าเซิร์ฟเวอร์ภายใน หากคุณติดตั้ง Apache หรือเซิร์ฟเวอร์อื่น ๆ ให้ข้ามขั้นตอนนี้

ดาวน์โหลดและติดตั้ง Wamp Server ได้จากที่นี่

ขั้นตอนที่ 2

เพิ่มกฎใหม่สำหรับพอร์ต 80 ในไฟร์วอลล์ Windows

1. เปิดแผงควบคุมและเลือก Windows Firewall

2. เลือกการตั้งค่าขั้นสูงจากแผงด้านซ้ายของหน้าการตั้งค่าไฟร์วอลล์ Windows

3. เลือกกฎขาเข้าจากแผงด้านซ้ายจากนั้นเลือกกฎใหม่

4. เลือกพอร์ตและคลิกถัดไป

5. เลือกปุ่มตัวเลือก "เฉพาะพอร์ตบนเครื่อง" และป้อน 80 เป็นค่าพอร์ต

6. อนุญาตให้การเชื่อมต่อไม่เปลี่ยนแปลงและย้ายไปยังขั้นตอนถัดไป

7. ไม่เปลี่ยนแปลงตัวเลือกโปรไฟล์และคลิกถัดไป

8. ตั้งชื่อที่ดีให้กับกฎใหม่ของคุณแล้วคลิกเสร็จสิ้น

วิธีนี้จะทำให้สามารถเข้าถึงพอร์ต 80 บน IP เครือข่ายท้องถิ่น

ขั้นตอนที่ 3

แก้ไขไฟล์ httpd.conf ของเซิร์ฟเวอร์ Wamp เพื่อแก้ไขข้อผิดพลาด 403

เราจำเป็นต้องแก้ไขไฟล์นี้ มิฉะนั้นเราจะได้รับข้อผิดพลาดที่ต้องห้าม 403 เมื่อเราเข้าถึง localhost ผ่าน IP เครือข่ายท้องถิ่น

1. คลิกที่ไอคอนถาดเซิร์ฟเวอร์ Wamp

2. เปิดเมนูย่อยเซิร์ฟเวอร์ Apache

3. เลือก httpd.conf

4. ค้นหาการกำหนดค่าส่วนนี้ในไฟล์ httpd.conf:

   Directory “c:/wamp/www/”
   #
   # Possible values for the Options directive are “None”, “All”,
   # or any combination of:
   # Indexes Includes FollowSymLinks SymLinksifOwnerMatch ExecCGI MultiViews
   #
   # Note that “MultiViews” must be named *explicitly* — “Options All”
   # doesn’t give it to you.
   #
   # The Options directive is both complicated and important. Please see
   # http://httpd.apache.org/docs/2.2/mod/core.html#options
   # for more information.
   #
   Options Indexes FollowSymLinks
   
   #
   # AllowOverride controls what directives may be placed in .htaccess files.
   # It can be “All”, “None”, or any combination of the keywords:
   # Options FileInfo AuthConfig Limit
   #
   AllowOverride all
   
   #
   # Controls who can get stuff from this server.
   #
   
   # onlineoffline tag – don’t remove
   Order Deny,Allow
   Deny from all
   Allow from 127.0.0.1

ค้นหาและแทนที่ '127.0.0.1' ด้วย 'ทั้งหมด' บันทึกไฟล์และรีสตาร์ทเซิร์ฟเวอร์ Wamp ของคุณ

ขั้นตอนที่ 4

ค้นหา IP เครือข่ายท้องถิ่นของคุณ

1. เปิดพรอมต์คำสั่ง

2. พิมพ์และป้อนipconfigคำสั่ง

3. ในกรณีของฉันที่อยู่เครือข่ายท้องถิ่นของฉันคือ 10.0.0.2

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

ฉันหวังว่าบทช่วยสอนนี้จะช่วยให้คุณเข้าถึง localhost ผ่าน wifi ได้

บนพีซี Windows คุณอาจไม่จำเป็นต้องทำอะไรนอกจากค้นหาที่อยู่ IPv4 ของคุณโดยใช้คำสั่ง "ipconfig"

• ขั้นตอนที่ 1: เชื่อมต่อโทรศัพท์ของคุณกับพีซีโดยใช้สาย USB
• ขั้นตอนที่ 2: ใช้คำสั่ง 'ipconfig' เพื่อค้นหาที่อยู่ IPv4 ของคุณ (IP ภายนอกของเราเตอร์) เช่น 192.168.1.5 ในกรณีของฉัน
• ขั้นตอนที่ 3: เข้าถึง "192.168.1.5:8080" จากเบราว์เซอร์มือถือของคุณ มันได้ผล !

รายละเอียด Env อื่น ๆ : Windows 7, Google Nexus 4 (4.2.2), เซิร์ฟเวอร์ Tomcat, แอปพลิเคชั่น Grails

คุณควรตรวจสอบให้แน่ใจว่าคุณได้รับอนุญาตให้เข้าถึงอินเทอร์เน็ตในไฟล์ AndroidManifest:

<uses-permission android:name="android.permission.INTERNET"/>

อย่างไรก็ตามยังมีทางออกที่ดีกว่า คุณสามารถเข้าถึงเครื่องโฮสต์ของคุณด้วยที่อยู่ IP "10.0.2.2" สิ่งนี้ได้รับการออกแบบในลักษณะนี้โดยทีม Android ดังนั้นเว็บเซิร์ฟเวอร์ของคุณสามารถทำงานที่ localhost ได้อย่างสมบูรณ์และจากแอพ Android ของคุณคุณสามารถเข้าถึงได้ผ่าน "http://10.0.2.2:8080"

เนื่องจากเป็นคำถามเก่าจึงมีวิธีใหม่ในการทำสิ่งนี้ที่เรียบง่ายจริงๆ ดาวน์โหลดADB Chrome Extensionจากนั้นทำตามคำแนะนำเหล่านี้:

https://developers.google.com/chrome-developer-tools/docs/remote-debugging

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

รายละเอียดเพิ่มเติมได้ที่นี่: https://developer.chrome.com/devtools/docs/remote-debugging#port-forwarding

โซลูชันนี้สามารถใช้งานได้เมื่ออุปกรณ์มือถือและคอมพิวเตอร์ของคุณไม่ได้อยู่ในเครือข่ายเดียวกัน:

คุณต้องใช้การส่งต่อพอร์ตในกรณีนี้ ในหน้าต่างตรวจสอบ Chrome ของ Google (chrome: // ตรวจสอบ) คุณสามารถดูอุปกรณ์ที่เชื่อมต่อ

คลิกที่ปุ่ม fowading พอร์ตและตั้งค่าพอร์ตสุ่มว่า 3000 ถึงพอร์ตที่แล็ปท็อปของคุณใช้บอกว่า 8080

ตอนนี้ใช้ localhost: 3000 จากอุปกรณ์เพื่อเข้าถึง localhost: 8080 (or_whething_ip: portno) ในแล็ปท็อป คุณสามารถตรวจสอบได้ในเบราว์เซอร์มือถือ ลอง localhost: 3000 ในเบราว์เซอร์มือถือ ตรวจสอบให้แน่ใจว่าได้ทำเครื่องหมายในช่อง "เปิดใช้งานการส่งต่อพอร์ต" ในหน้าต่าง "การตั้งค่าการส่งต่อพอร์ต"

เรียกใช้ CMD ในฐานะผู้ดูแลระบบ

และบนหน้าจอ CMD ประเภทipconfigและหน้าจอจะปรากฏขึ้นพร้อมข้อความ

เป็นรูปนี้

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

คุณอาจมีเว็บเซิร์ฟเวอร์ของคุณฟังบนอินเทอร์เฟซแบบวนรอบและไม่ได้อยู่ในอินเทอร์เฟซเครือข่ายของคุณ สัญญาณหลักของเรื่องนี้คือ:

• เปิดใช้งาน127.0.0.1และlocalhost(จาก localhost หรือ Android emulator) ทำงาน
• Hit on 192.168.xxx.xxxไม่ทำงานไม่ว่าจะจาก localhost, LAN หรือ WAN

ฉันพูดคุยเกี่ยวกับการวินิจฉัยและการแก้ไขในคำตอบที่นี่

ลองไปที่ไฟล์นี้: C:\wamp\bin\apache\Apache2.2.11\conf\httpd.conf

#   onlineoffline tag - don't remove
    Order Deny,Allow
    Allow from all // change it Deny
    Allow from 127.0.0.1

และเปลี่ยน 10.0.2.2 เป็นที่อยู่ IP ของคุณ

ในที่สุดก็ทำใน Ubuntu ฉันกำลังเรียกใช้เซิร์ฟเวอร์ nodejs บน localhost: 8080

1) เปิดเทอร์มินัลประเภท ifconfig คุณจะได้ไอพีแบบนี้: inet addr: 192.168.43.17

2) ตอนนี้เพียงแค่ใส่ที่อยู่ URL เช่นนี้: "192.168.43.17:8080" (8080 พอร์ตที่มาจากหมายเลขพอร์ต localhost) อดีต: "192.168.43.17:8080/fetch"

ใช้สิ่งนี้ใน ubuntu / Macbook ของคุณเพื่อรับที่อยู่ IP ของระบบของคุณ มือถือและระบบของคุณควรอยู่ในเครือข่ายเดียวกัน

ip addr | grep inetซึ่งจะทำให้คุณที่อยู่ IP 192.168.168.46ซึ่งมีลักษณะเหมือน ใช้สิ่งนี้ในสมาร์ทโฟนของคุณ

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

ฉันใช้กระบวนการนี้:

• ติดตั้งFiddlerบนเครื่อง PC
• ตั้งค่าอุปกรณ์ PC และ Android โดยทำตามคำแนะนำที่ยอดเยี่ยมเหล่านี้
• เพียงไปที่เบราว์เซอร์บนอุปกรณ์ Android และพิมพ์ http: //ipv4.fiddler เพื่อเข้าถึง localhost

โปรดทราบว่ากระบวนการนี้กำหนดให้คุณเปลี่ยนการตั้งค่า WiFi บนอุปกรณ์ Android เมื่อเริ่มต้นและสิ้นสุดทุกครั้ง ฉันพบว่าสิ่งนี้เจ็บปวดน้อยกว่าจากนั้นทำการรูทอุปกรณ์ Android ของฉัน

วิธีที่ง่ายต่อการ localhost เริ่มต้นคือการใช้http: // localhost: พอร์ต ใช้งานได้กับแล็ปท็อปและ Android เช่นกัน

ถ้ามันไม่ทำงานแล้วใน Android ตั้งค่า IP เริ่มต้นของโทรศัพท์ของคุณเป็น 127.0.0.1:port: :)

เปิด terminal และประเภท: -

 hostname -i
 #127.0.0.1
 hostname -I
 #198.168.*.*

พบปัญหานี้โดยใช้เซิร์ฟเวอร์ localhost หลายแห่ง ในที่สุดก็ทำให้แอพของฉันทำงานบนโทรศัพท์ในไม่กี่วินาทีโดยใช้เซิร์ฟเวอร์ Python อย่างง่าย ใช้เวลาเพียงไม่กี่วินาทีจึงคุ้มค่าที่จะลองก่อนที่จะเข้าสู่โซลูชันที่ซับซ้อนยิ่งขึ้น ก่อนอื่นตรวจสอบให้แน่ใจว่าคุณได้ติดตั้ง Python cmd+rและพิมพ์pythonสำหรับ Windows หรือ$ python --versionใน terminal mac

ต่อไป:

cd <your project root>

$ python -m SimpleHTTPServer 8000

จากนั้นเพียงค้นหาที่อยู่ของเครื่องโฮสต์ของคุณบนเครือข่ายฉันใช้System Preferences/Sharingบน mac เพื่อค้นหา แตะที่ลงในอุปกรณ์ Android ของคุณและควรโหลดของคุณindex.htmlและคุณควรจะดี

ถ้าไม่เช่นนั้นปัญหาก็เป็นอย่างอื่นและคุณอาจต้องการค้นหาวิธีแก้ไขปัญหาอื่นที่แนะนำ โชคดี!

* แก้ไข *

อีกวิธีแก้ไขปัญหาอย่างรวดเร็วเพื่อลองดูว่าคุณใช้ Chrome หรือไม่นั่นคือส่วนขยายเว็บเซิร์ฟเวอร์สำหรับ Chrome ฉันพบว่ามันเป็นวิธีที่รวดเร็วและง่ายที่สุดในการเข้าถึง localhost บนโทรศัพท์ของฉัน เพียงตรวจสอบให้แน่ใจว่าได้ตรวจสอบAccessible to local networkภายใต้Optionsและควรทำงานบนเซลล์ของคุณโดยไม่มีปัญหา

ngrokช่วยให้คุณวาง localhost ของคุณบนเซิร์ฟเวอร์ชั่วคราวและตั้งค่าได้ง่ายมาก ฉันได้ให้ขั้นตอนบางอย่างที่นี่ซึ่งสามารถพบได้ในลิงค์:

1. ดาวน์โหลด zip ngrok จากลิงค์ด้านบน
2. เปิดซิป
3. รันเซิร์ฟเวอร์ของคุณแบบโลคัลและจดบันทึกหมายเลขพอร์ต
4. ในเทอร์มินัลไปที่โฟลเดอร์ที่ ngrok มีชีวิตอยู่และพิมพ์ ngrok http [port number]

คุณจะเห็นแดชบอร์ดเล็ก ๆ ในเทอร์มินัลของคุณพร้อมที่อยู่ซึ่งชี้ไปยังโลคัลโฮสต์ของคุณ ชี้แอปของคุณไปยังที่อยู่นั้นและสร้างไปยังอุปกรณ์ของคุณ

ก่อนอื่นเชื่อมต่อโทรศัพท์และคอมพิวเตอร์ของคุณกับ wifi ทั่วไป

จากนั้นให้เปิดพรอมต์คำสั่งโดยใช้เรียกใช้ในฐานะผู้ดูแลระบบ

ให้คำสั่ง ipconfig

ซึ่งแสดงแลนไร้สาย ip

ใช้ ip: พอร์ตของเซิร์ฟเวอร์ของคุณเพื่อเข้าถึงในโทรศัพท์

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

อนุญาตจากทั้งหมด

. รีสตาร์ทเซิร์ฟเวอร์ของคุณ ทุกอย่างควรทำงานได้ดีในขณะนี้

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

วิธีการเชื่อมต่ออุปกรณ์พกพาของฉันกับเซิร์ฟเวอร์ wamp โดยใช้แล็ปท็อปของฉัน:

อันดับแรก wifi ไม่ใช่เราเตอร์ ดังนั้นในการเชื่อมต่ออุปกรณ์พกพาของฉันกับเซิร์ฟเวอร์ wamp ตาม localhost บนแล็ปท็อปของฉันฉันต้องการเราเตอร์ ฉันดาวน์โหลดและติดตั้งเราเตอร์เสมือนฟรีแล้ว: https://virtualrouter.codeplex.com/

การกำหนดค่ามันง่ายมาก:

1. คลิกขวาที่ไอคอนเราเตอร์เสมือนใน System Tray
2. คลิกที่กำหนดค่าเราเตอร์เสมือน
3. กรอกรหัสผ่าน
4. หากการเชื่อมต่ออินเทอร์เน็ตของคุณอยู่ในอีเธอร์เน็ตให้เลือกการเชื่อมต่อที่ใช้ร่วมกัน: อีเธอร์เน็ต
5. จากนั้นตั้งค่า wifi บนแล็ปท็อปและอุปกรณ์ของคุณ
6. ในอุปกรณ์ของคุณเชื่อมต่อกับชื่อเครือข่ายเราเตอร์เสมือน

จากนั้นคุณสามารถเชื่อมต่อแล็ปท็อปของคุณผ่านอุปกรณ์ของคุณโดยเปิดเบราว์เซอร์และกรอกที่อยู่ IPV4 ของแล็ปท็อปของคุณ (เพื่อค้นหาบน Windows พิมพ์ cmd: ipconfig และค้นหาที่อยู่ ipv4)

คุณควรเห็นโฮมเพจของเซิร์ฟเวอร์ wamp ของคุณ

แม้ว่าคำตอบเดียวจะได้รับการยอมรับ แต่สิ่งนี้ใช้ได้กับฉัน:

1. ตรวจสอบให้แน่ใจว่าคอมพิวเตอร์และอุปกรณ์ Android ของคุณอยู่ในเครือข่ายเดียวกัน
2. รับที่อยู่ IP ของคอมพิวเตอร์ของคุณ (ในกรณีที่เป็นประเภท mac ifconfigภายในเทอร์มินัลและมองหาen0/en1 -> inetมันควรเป็นอะไร19*.16*.1.4) (บน windows ให้ใช้ `ipconfig)

3. เปิดการตั้งค่ามือถือของคุณและไปที่เครือข่าย -> กดเครือข่าย wifi ของคุณ -> แก้ไขเครือข่าย -> เลื่อนลงไปที่ตัวเลือกขั้นสูง -> เลือกคู่มือพร็อกซีและพิมพ์ชื่อโฮสต์พร็อกซี่ในที่อยู่19*.16*.1.4ของคุณ และบันทึก

4. ค้นหาwhat is my ipใน google chrome และรับไอพีของคุณมาบอกว่าเป็น1**.1**.15*.2**

5. ลองเข้าถึง 1**.1**.15*.2**:port/จากอุปกรณ์มือถือของคุณ

มันง่ายอย่างนี้

นี่คือสิ่งที่ใช้งานได้สำหรับฉันฉันเพิ่มอีกบรรทัดหนึ่งหลังจาก 127.0.0.1 ip เพื่อระบุที่อยู่ IP เครือข่ายท้องถิ่นที่แน่นอน (ไม่ใช่ที่อยู่ IP สาธารณะ) ของอุปกรณ์ที่ฉันต้องการใช้ ในกรณีของฉันฉัน Samsung Galaxy S3

ตามที่แนะนำโดย Bangptit แก้ไขไฟล์ httpd.conf (x เป็นหมายเลขรุ่น): C: \ wamp \ bin \ apache \ Apache2.xx \ conf \ httpd.conf

ค้นหาแท็ก onlineoffline และเพิ่ม ip ของโทรศัพท์ของคุณ (ฉันพบที่อยู่ ip ของโทรศัพท์ในหน้าการตั้งค่าเราเตอร์):

แท็ก onlineoffline - อย่าลบ

 Order Deny,Allow
 Deny from all
 Allow from 127.0.0.1

โทรศัพท์ของฉันอยู่ในบรรทัดด้านล่าง

 Allow from 192.168.1.65 
 Allow from ::1
 Allow from localhost

สามารถขยายสิ่งนี้เพื่อรวมโดเมนย่อยทั้งหมดเช่น 192.168.1.0/24 เป็นต้น

วิธีที่ง่ายที่สุด (สิ่งนี้ทำงานได้อย่างไม่มีที่ติสำหรับฉัน) คือการโฮสต์เว็บไซต์ของคุณที่0.0.0.0:<port_no>และเข้าถึงโดยใช้อุปกรณ์มือถือใช้<local_ipv4_address>:<port_no>/<path>ในเบราว์เซอร์

• หากต้องการทราบที่อยู่ ipv4 ในพื้นที่ของคุณเพียงพิมพ์ipconfigcmd
• อุปกรณ์ใด ๆ ที่เชื่อมต่อกับเครือข่าย SAME สามารถเข้าถึง URL นี้

Ngrokเป็นทางออกที่ดีที่สุด หากคุณกำลังพัฒนา PHP ฉันแนะนำให้ติดตั้งLaravel Valetเป็นเวอร์ชั่น MacOS และ Linux คุณอาจใช้valet shareคำสั่ง หากคุณกำลังพัฒนาเทคโนโลยีส่วนหน้าและต้องการแชร์พอร์ตอย่าง 3000 ให้ใช้ ngrok โดยตรงngrok http 3000

การเพิ่มโซลูชันสำหรับนักพัฒนาในอนาคต

คัดลอกที่อยู่ IP ของคุณ คลิกขวาบนเครือข่ายของคุณ -> เครือข่ายและการแบ่งปัน -> คลิกที่การเชื่อมต่อที่คุณมีอยู่ในปัจจุบัน -> details-> จากนั้นที่อยู่ข้างที่อยู่ ipv4 คือที่อยู่ ip ของคุณ

ไปที่แผงควบคุม -> ระบบและความปลอดภัย -> ไฟร์วอลล์ windows -> การตั้งค่าขั้นสูง -> กฎขาเข้า -> กฎใหม่ (ทำตามขั้นตอนเพื่อเพิ่มพอร์ตเช่น 80 มันง่ายมากที่จะติดตาม)

ใส่ที่อยู่ IP ของคุณที่คุณจดบันทึกไว้ในเบราว์เซอร์โทรศัพท์และหมายเลขพอร์ตที่คุณสร้างกฎไว้ข้างๆ เช่น 192.168.0.2:80 และ wala

วิธีแก้ปัญหาที่เป็นไปได้หากไม่ได้เชื่อมต่อ คลิกขวาที่เครือข่าย -> เปิดเครือข่ายและแบ่งปัน -> ดูภายใต้การเชื่อมต่อที่ใช้งานอยู่ภายใต้ชื่อการเชื่อมต่อของคุณที่ประเภทการเชื่อมต่อและคลิกที่มันหากเป็นสาธารณะและให้แน่ใจว่าได้เปลี่ยนเป็นเครือข่ายในบ้าน

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

ใช้connectifyและxamppหรือเทียบเท่าและพิมพ์ที่อยู่ ip บนแถบ URL ของอุปกรณ์เคลื่อนที่เพื่อเข้าถึง

ส่วนตัวฉันไม่ยืนยันที่จะใช้ localhost เมื่อใช้อุปกรณ์ไม่มีทางออกที่ง่าย

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