การทำเว็บไซต์ หรือแอปพลิเคชันขึ้นมา จะต้องสามารถตอบโจทย์ต่อผู้ใช้งาน และความปลอดภัยให้ได้มากที่สุด รวมไปถึงความเร็วในการรับ และส่งข้อมูลจากเครื่องผู้ใช้ไปจนถึงเครื่อง Localhost เพราะฉะนั้นการทดสอบแอปฯ และเว็บไซต์จึงเป็นสิ่งสำคัญที่ผู้พัฒนาต้องใส่ใจ แต่ไม่รู้ว่าจะ Online ให้ผู้ใช้คนอื่นได้ทดสอบอย่างไร ในบทความนี้เราจะมาแนะนำกับโปรแกรม ngrok ที่จะทำให้ Localhost สามารถ Online ได้ง่าย ๆ วันนี้พวกเรา Launch Platform จะมาเล่าเกี่ยวกับโปรแกรมนี้ให้ฟังเอง
กดเลือกอ่านหัวข้อที่คุณสนใจ
รู้จักกับโปรแกรม Ngrok คืออะไร
ngrok อ่านว่า “เอ็น-จี-ร็อค” เป็นโปรแกรมที่จะทำให้เราสามารถนำเว็บไซต์ แอปพลิเคชัน หรือ API ที่กำลังรันอยู่ใน Localhost ให้สามารถ Online ได้จริง ๆ เพียงแค่ใช้งานภายในหนึ่งคำสั่ง โดยการเปิด URL จาก Localhost ของเราให้เป็น Public โดยผ่านลิงก์ที่เชื่อมต่อกับ Server ของ ngrok.io โดยตรง
เมื่อมีการสร้าง URL ให้เป็น Public เรียบร้อยแล้ว บุคคลอื่นมี URL จะสามารถเข้าใช้งานเว็บไซต์ หรือแอปพลิเคชันที่กำลังทำงานอยู่บนเครื่อง Localhost ได้โดยตรง โดย URL ที่ได้มานั้น จะทำการเปลี่ยนไปทุกครั้งเมื่อมีการปิดหรือ เปิดใช้งาน ngrok
บทความที่เกี่ยวข้อง : 5 อันดับโปรแกรมสร้างเว็บไซต์ฟรี ใช้ง่ายคุณภาพสูงปี 2024
ngrok ทำอะไรได้บ้าง?
หลัก ๆ โปรแกรม ngrok จะใช้สำหรับเพื่อทำ Demo ของตัวเว็บไซต์ หลังจากที่คุณออกแบบเว็บไซต์เรียบร้อยแล้ว หรือ ทำการทดสอบ API ต่าง ๆ รวมถึงสามารถใช้งานบน Webhook ได้ โดยที่เราไม่ต้องทำการเช่า Web Hosting หรือ VPS ให้วุ่นวาย ทำให้ง่าย และรวดเร็วต่อการทำงานครับ
บริการ : พัฒนาเว็บไซต์ และแอปพลิเคชันแบบครบวงจรจากมืออาชีพ ประสิทธิภาพไม่แพ้ Ngrok ติดต่อ Launch Platform ได้เลย
ngrok ใช้งานอย่างไร ดาวน์โหลดตรงไหน
ngrok เป็นโปรแกรมที่สามารถใช้งานได้ง่าย โดยจะช่วย Deploy เว็บไซต์ให้เป็นหน้าเว็บฯที่สามารถใช้งานได้จริง ซึ่งเหมือนกันกับที่รันใน Localhost ซึ่งการทำขั้นตอนนี้สำหรับมือใหม่ถือว่าเป็นเรื่องยาก แต่ ngrok จะช่วยเข้ามาแก้ปัญหาตรงนี้ เพื่อให้เราสามารถทดสอบหน้าเว็บไซต์ของเราได้นั่นเองครับ
ก่อนอื่นให้เราเข้าไปที่เว็บ https://ngrok.com แล้วกด Download ngrok ตามแพลตฟอร์มที่เราใช้งาน
หลังจากเข้ามาที่เว็บไซต์แล้ว ให้ทำการสมัครสมาชิกเพื่อดาวน์โหลดโปรแกรม ngrok
เมื่อสมัครสมาชิกเสร็จเรียบร้อยทำการ Login เข้ามาเพื่อดาวน์โหลด ngrok โดยการเข้าไปที่ https://ngrok.com/download และทำการเลือกตามแพลตฟอร์มที่เราจะใช้งาน จากนั้น Unzip ไฟล์ที่ได้มีการดาวน์โหลดมา
เชื่อมต่อกับ Account ที่สร้างไว้กับโปรแกรม ngrok โดยใช้ Command ตัว AUTH_TOKEN เพื่อเข้าใช้งาน โดยดูได้จาก Acccount ที่เราสมัครไว้ที่เว็บ ngrok ตัวอย่างเช่น ./ngrok authtoken <YOUR_AUTH_TOKEN>
สั่งใช้งาน ngrok โดยใช้ Command ตัว ./ngrok http 80 เพื่อเข้าใช้งาน และในกรณีที่ต้องการใช้งานพอร์ตอื่น ๆ ที่มีก็สามารถเปลี่ยนได้เลย เช่น ./ngrok http 8080
หลังจากนั้นจะมีข้อมูลการเชื่อมต่อขึ้นมา โดย URL ที่เราจะเอาไปใช้งานก็คือในบรรทัด Forwarding ที่มีทั้งแบบ http และ https ซึ่งในส่วนนี้สามารถนำไปใช้งานได้เลย
ในแพลนฟรีจะเป็นการสุ่ม URL ขึ้นมาใหม่ทุกครั้งที่รัน โดยเราจะต้องเปิดหน้า ngrok ทิ้งไว้ไม่งั้นจะเชื่อมต่อไม่ได้ ซึ่ง ngrok จะมี Session เพียงแค่ 2 ชั่วโมงเท่านั้น โดยทุกครั้งที่เราใช้งาน ngrok ใหม่ มันจะสร้าง URL ใหม่ทุกครั้ง
การ Monitor เว็บไซต์ด้วย ngrok
นอกจาก ngrok จะช่วยให้เราสามารถทำให้ Localhost ทำ Online ได้ง่าย ๆ แล้ว ngrok ยังสามารถทำการ Monitor เว็บไซต์ที่เราทำ Online ได้อีกด้วย
ทำการเข้า http://127.0.0.1:4040 หรือ http://localhost:4040 โดยจะปรากฏหน้าต่างสำหรับ Monitor ขึ้นมา โดยสามารถตรวจสอบการเข้าใช้งานจากผู้ใช้คนอื่น ๆ ได้
โดยเราสามารถดูสถิติต่าง ๆ ได้ นอกจากนั้นยังสามารถดูรายละเอียด Request ที่เข้ามาเอาไว้ Debug ค่าต่างได้
ขอบคุณวิดีโอจาก : สถาบัน ไอทีจีเนียส
ngrok ใช้งานได้ฟรีไหม?
สำหรับ ngrok เป็นโปรแกรมที่สามารถใช้งานได้ฟรี แต่สำหรับบางโปรเจกต์ที่เราอาจจะต้องการฟีเจอร์ที่ Advance มากขึ้นยกตัวอย่าง เช่น อยากให้ Domain Name เหมือนเดิมไม่เปลี่ยนแปลง หรือสุ่มใหม่ทุกครั้ง และอื่น ๆ อีกหลากหลายฟีเจอร์ที่ตัวฟรีไม่มีให้
Free: สำหรับนักพัฒนาส่วนบุคคล สามารถใช้งานได้ฟรี
Personal: สำหรับนักพัฒนาส่วนบุคคล โดยที่ไม่ได้ใช้ในเชิงการค้า โดยมีค่าใช้จ่าย $8/เดือน หรือประมาณ 280 บาท/เดือน
Pro: สำหรับทีมนักพัฒนา และต้องการสเกลในระดับโปรดักชัน โดยมีค่าใช้จ่าย $8/เดือน หรือประมาณ 700 บาท/เดือน
Enterprise: สำหรับธุรกิจ และมีความปลอดภัยในระดับสูงสุด โดยมีค่าใช้จ่าย $8/เดือน หรือประมาณ 1,300 บาท/เดือน
โดย ngrok ที่ช่วยทำเว็บไซต์ในแต่ละราคาจะมีฟีเจอร์ที่แตกต่างกันออกไป ขึ้นอยู่กับความต้องการใช้งานของผู้ใช้ ว่าต้องการฟีเจอร์ใดบ้าง
ข้อดี VS ข้อเสีย ของ ngrok
ngrok ถึงแม้จะมีการใช้งานง่าย และครอบคลุม แต่ก็ยังมีข้อเสียบางอย่างที่ ngrok ยังไม่สามารถแก้ไขได้
ข้อดีของ ngrok
ใช้สำหรับทดสอบ Application ผ่านมือถือ
ใช้สำหรับพัฒนาระบบที่ต้องการ SSL
ใช้สำหรับพัฒนาระบบเพื่อเชื่อมต่อ Web Hook เช่น Facebook API
ใช้สำหรับ Demo งานจากเครื่อง Localhost ประหยัดตังค์ ยังไม่ไปต้องเช่า Cloud
ข้อเสียของ ngrok
สรุป
การทำ Localhost ให้สามารถ Online ได้ จะไม่ใช่เรื่องยากอีกต่อไป หากใช้งานโปรแกรม ngrok ก็จะช่วยให้เราแก้ปัญหาที่เกิดขึ้นได้ ซึ่งเหมาะสำหรับพัฒนา ทดสอบ หรือแก้ไขเว็บไซต์ และแอปพลิเคชันของผู้ใช้เองก่อนนำขึ้นไปใช้จริงกับทาง Hosting อีกทั้งยังประหยัดเวลา และค่าใช้จ่ายต่าง ๆ อีกด้วย
เลือกอ่านบทความอื่น ๆ ที่น่าสนใจในหัวข้อนี้:
ที่มาข้อมูล : 1, 2
