Mengekspos localhost ke internet melalui tunneling (menggunakan ngrok): Kesalahan HTTP 400: permintaan buruk; nama host tidak valid

Dari versi sebelumnya dari pertanyaan, ada ini: Jelajahi situs web dengan alamat ip daripada localhost , yang menguraikan cukup banyak apa yang telah saya lakukan sejauh ini ... Saya punya IP lokal yang berfungsi. Kemudian saya menemukan ngrok, dan ternyata saya tidak perlu terhubung melalui IP.

Apa yang saya coba lakukan adalah mengekspos situs web saya yang berjalan di localhost ke internet. Saya menemukan alat yang akan melakukan ini: ngrok.

Menjalankan situs web di studio visual, situs web dijalankan di localhost / port #. Saya menjalankan perintah "ngrok http port #" di baris perintah. Semuanya tampaknya mulai baik-baik saja. Saya menghasilkan beberapa URL, dan url inspeksi ngrok (localhost: 4040) berfungsi.

Satu-satunya masalah adalah bahwa ketika saya pergi ke URL yang dihasilkan, saya mendapatkan kesalahan HTTP 400: nama hostname yang salah valid. Ini adalah kesalahan yang berbeda dari ketika saya menjalankan "ngrok http wrongport #", yang merupakan host tidak ditemukan kesalahan ... jadi saya pikir sesuatu yang baik sedang terjadi. Aku tidak tahu apa ...

Apakah ada langkah yang saya lewatkan dalam mengekspos situs saya ke internet melalui layanan tunneling? Jika ada, saya tidak dapat menemukannya di dokumentasi ngrok.

Pecahkan masalah ini dengan ngrok. Dalam kata-kata yang tidak dapat dihindari, beberapa aplikasi menjadi marah ketika mereka melihat header host yang berbeda dari yang diharapkan.

Menjalankan perintah berikut akan memperbaiki masalah:

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

Perintah berikut akan memperbaiki masalah ini

ngrok http -host-header=localhost 8080

Ini tidak berhasil untuk saya. Anda dapat melakukan hal berikut:

Untuk IIS Express

Di VS 2015: Buka .vs\config\applicationhost.configfolder di proyek Anda

Di VS 2013 dan sebelumnya: Pergi ke %USERPROFILE%\My Documents\IISExpress\config\applicationhost.config

Temukan ikatan yang mengatakan:

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

Bagi saya itu adalah proyek yang berjalan di pelabuhan 5219

ubah ke

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

IIS Express sekarang akan menerima semua koneksi masuk di port itu.

Kerugian: Anda perlu menjalankan IIS Express sebagai admin.

atau Anda dapat menulis ulang header host di Ngrok:

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

Untuk httpsini bekerja:

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

Hal paling sederhana bagi saya adalah menggunakan iisexpress-proxy + ngrok.

Pertama saya menginstal iisexpress-proxysecara global dengan npm

npm install -g iisexpress-proxy

Lalu saya proksi localhost saya dengan itu. Katakan misalnya situs saya sedang berjalan 3003.

iisexpress-proxy 3003 to 12345di mana 12345port http baru yang ingin saya proksi.

Maka saya bisa menjalankan ngrok di atasnya.

./ngrok.exe http 12345

Itu hanya bekerja! 😃

Tapi saya pikir itu hanya bekerja dengan http. Saat ini saya tidak menggunakan httpsuntuk menguji, tetapi bahkan jika itu berhasil, biasanya banyak pekerjaan seperti biasa.

Langkah.

1. Jalankan perintah pada konsol Anda dari direktori ngrok.exe. ngrok http port yaitu ngrok http 80 https://www.screencast.com/t/oyuEPlR6Z Set

2. Ngrok url ke aplikasi Anda.

Ini akan membuat terowongan ke aplikasi Anda.

Terima kasih.