การเปิดเผย localhost กับอินเทอร์เน็ตผ่านการสร้างช่องสัญญาณ (โดยใช้ ngrok): ข้อผิดพลาด HTTP 400: คำขอไม่ถูกต้อง; ชื่อโฮสต์ไม่ถูกต้อง

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

สิ่งที่ฉันพยายามทำคือการเปิดเผยเว็บไซต์ของฉันทำงานบน localhost กับอินเทอร์เน็ต ฉันพบเครื่องมือที่จะทำสิ่งนี้: ngrok

ใช้งานเว็บไซต์ใน visual studio เว็บไซต์เริ่มต้นที่ localhost / port # ฉันเรียกใช้คำสั่ง "ngrok http port #" ในบรรทัดคำสั่ง ดูเหมือนว่าทุกอย่างจะเริ่มต้นได้ดี ฉันสร้าง URL ขึ้นมาสองสามอันและ URL การตรวจสอบ ngrok (localhost: 4040)

ปัญหาเดียวคือเมื่อฉันไปที่ URL ที่สร้างขึ้นฉันได้รับข้อผิดพลาด HTTP 400: คำขอชื่อโฮสต์ไม่ถูกต้องไม่ถูกต้อง นี่เป็นข้อผิดพลาดที่แตกต่างจากเมื่อฉันเรียกใช้ "ngrok http misport #" ซึ่งเป็นโฮสต์ที่ไม่พบข้อผิดพลาด ... ดังนั้นฉันจึงคิดว่าสิ่งที่ดีกำลังเกิดขึ้น ฉันแค่บอกอะไรไม่ได้ ...

มีขั้นตอนที่ฉันขาดหายไปในการเปิดเผยไซต์ของฉันไปยังอินเทอร์เน็ตผ่านบริการทันเนลหรือไม่? หากมีฉันไม่พบในเอกสารประกอบ ngrok

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

การรันคำสั่งต่อไปนี้ควรแก้ไขปัญหา:

ngrok http [port] -host-header="localhost:[port]"

คำสั่งต่อไปนี้จะแก้ไขปัญหา

ngrok http -host-header=localhost 8080

สิ่งนี้ไม่ได้ผลสำหรับฉัน คุณสามารถทำสิ่งต่อไปนี้:

สำหรับ IIS Express

ใน VS 2015: ไปที่.vs\config\applicationhost.configโฟลเดอร์ในโครงการของคุณ

ใน VS 2013 และรุ่นก่อนหน้า: ไปที่ %USERPROFILE%\My Documents\IISExpress\config\applicationhost.config

ค้นหาการรวมที่ระบุว่า:

<binding protocol="http" bindingInformation="*:5219:localhost" />

สำหรับฉันมันเป็นโครงการที่ทำงานบนพอร์ต 5219

เปลี่ยนเป็น

  <binding protocol="http" bindingInformation="*:5219:" />

IIS Express จะยอมรับการเชื่อมต่อขาเข้าทั้งหมดบนพอร์ตนั้น

ข้อเสีย: คุณต้องเรียกใช้ IIS Express ในฐานะผู้ดูแลระบบ

หรือคุณสามารถเขียนส่วนหัวของโฮสต์อีกครั้งใน Ngrok:

ngrok.exe http -host-header=rewrite localhost:5219

สำหรับhttpsงานนี้:

ngrok http https://localhost:<PORT> -host-header="localhost:<PORT>"

สิ่งที่ง่ายที่สุดสำหรับฉันคือการใช้iisexpress-proxy + ngrok

ก่อนอื่นฉันติดตั้งiisexpress-proxyทั่วโลกด้วย npm

npm install -g iisexpress-proxy

จากนั้นฉันใช้งาน localhost กับมัน พูดเช่นเว็บไซต์ของฉันทำงานอยู่3003พูดเช่นเว็บไซต์ของฉันทำงานอยู่ใน

iisexpress-proxy 3003 to 12345 ที่ไหน 12345 http พอร์ตใหม่ที่ฉันต้องการพร็อกซี่

จากนั้นฉันก็สามารถเรียกใช้ ngrok ได้

./ngrok.exe http 12345

มันใช้งานได้! 😃

httpแต่ฉันคิดว่ามันทำงานได้เฉพาะกับ ตอนนี้ฉันไม่ได้ใช้httpsในการทดสอบ แต่ถึงแม้ว่ามันจะได้ผลก็มักจะเป็นงานจำนวนมากเสมอ

ขั้นตอน

1. เรียกใช้คำสั่งบนคอนโซลของคุณจากไดเรกทอรี ngrok.exe ngrok http port เช่น ngrok http 80 https://www.screencast.com/t/oyuEPlR6Z Set

2. Ngrok url ไปยังแอปของคุณ

มันจะสร้างอุโมงค์ให้แอปพลิเคชันของคุณ

ขอบคุณ