Demo Web จาก localhost ด้วย ngrok กัน

ว่าแต่เจ้า ngrok นี่มันคืออะไรกันแน่นะ ??
เจ้า ngrok เนี่ยมันเป็น tools ที่จะทำให้เรา forward port ของเราของออก internet ได้ โดยสามารถเข้าสู่ port ที่เรา forward ได้จาก url ที่ ngrok generate มาให้ได้

ถ้าพอจะเข้าใจอย่างคร่าวๆแล้ว เริ่มาดูวิธีติดตั้งกันเลย
เริ่มจาก Download ก่อนเลย Download ngrok (มีทั้ง Window Mac Linux เลย)
พอโหลดมาแล้วได้จะ file zip มาจากนั้นก็ แตก file zip นั้นซะ แล้วจะได้ file ngrok.exe มา

หลังจาก เปิดไฟล์ ngrok.exe มาแล้วก็จะเจอ Description ของ ngrok แล้วก็ example ต่างๆ

พอขึ้นหน้านี้แสดงว่าพร้อมใช้งานแล้วครับ ดังนั้นจะผมทดลองโดยการใช้คำสั่ง ngrok http 3000 ซึ่งเป็น port ที่ผม run project ไว้นะครับ

โดยที่ของผมนั้นใช้ plan pro เพราะว่าต้องการที่จะ set static url เพื่อให้คนอื่นเข้ามา test web (จริงๆแล้ว plan pro มี option อื่นอีกนะครับ) ผมได้ง่ายๆครับซึ่งถ้าผมใส่ url ตามที่ ngrok forwarding ก็สามารถใช้งานได้แล้วครับ ซึ่งข้อดีอีกอย่างหนึ่งคือสามารถดู HTTP Requests ที่มีเข้ามาได้แล้วครับ

สิ่งที่ดีอีกอย่างหนึ่งของ ngrok คือ ที่เรามาสามารถดูรายละเอียด requests ได้ด้วยโดยจะดูได้จาก http://localhost:4040/inspect/http

จบแล้วครับสำหรับการแนะนำการใช้งาน ngrok แบบคร่าวๆ ผิดพลาดประการใด ต้องขออภัยมาไว้ ณ ที่นี้ด้วยครับและหวังว่าบทความนี้จะได้ให้อะไรกับผู้อ่านบ้างนะครับ ขอบคุณครับ