วิธีทดสอบแอพ Ionic 2 ในเครือข่ายเดียวกันแบบ Web Application

อย่างที่เกริ่นไปในคอร์สออนไลน์เรียนสร้างแอพ iOS และ Android ด้วย Angular และ Ionic ในมุมมองของทีมพัฒนา Ionic นั้น เขามองว่าจะทำยังไงให้คนทำเว็บสามารถทำโมบายล์แอพในสภาพแวดล้อมที่คุ้นเคยยังไง

คำตอบหนึ่งคือสร้าง Web Server ให้รันแอพเราใช้งาน แบบเว็บแอพพลิเคชั่นทั่วไปนั่นเอง

วิธีรันแอพพลิเคชั่น Ionic 2 บน Web Server

เนื่องจากทีมพัฒนา Ionic Framework ทำการ “ฝัง” Node Web Server ลงมาในโปรเจค Ionic เลย(เรียก Build-in ก็ว่าได้)​

ทำให้เราสามารถใช้คำสั่งเดียวในการรันโปรเจคขึ้นมาแบบเว็บแอพได้ด้วยคำสั่ง

ionic serve

โดยในการรันครั้งแรกบนคอมพิวเตอร์ Ionic Framework จะถามว่าต้องการรัน Web server บน IP Address อะไร เช่น

Teerasejs-MacBook-Pro: teerasejjiraphatchandej$ ionic serve

Multiple addresses available.
Please select which address to use by entering its number from the list below:
 1) 192.168.200.38 (en0)
 2) 192.168.56.1 (vboxnet0)
 3) localhost
Address Selection:

เราสามารถจะเลือก IP Address ที่เราต้องการผ่านการพิมพ์ตัวเลข 1, 2, หรือ 3 แล้วกด Enter ได้ ซึ่งปกติเราจะเลือกรันเว็บแอพพลิเคชั่นแบบ Localhost ซึ่งก็คือตัวเลือกหมายเลข 3

จากตัวอย่าง พิมพ์ 3 แล้วกด enter จะทำให้ Web Server ของ Ionic รันขึ้นมาโดยใช้ IP Locahost ล่ะ

วิธีเปลี่ยน IP ของ Web Server เพื่อทดสอบแอพ Ionic ในเครือข่ายเดียวกัน

จะเห็นว่าตอนที่ Ionic Framework ถามว่าจะให้รัน Web Server ด้วย IP ไหน มันจะแสดงรายการของ IP ในเครือข่ายที่เครื่องคอมพิวเตอร์เราใช้งานอยู่ด้วย

หากต้องการสลับให้ Web Server มาใช้ IP Address ในเครือข่ายแทน Localhost เพื่อให้คอมพิวเตอร์เครื่องอื่นสามารถใช้เว็บเบราเซอร์เปิดเข้ามาทดสอบแอพพลิเคชั่นได้ สามารถใช้คำสั่งต่อไปนี้ได้

ionic address

ซึ่ง Ionic จะแสดงตัวเลือก IP Address มาให้เลือกอีกครั้งหนึ่งครับ

หวังว่าจะสนุกกับการพัฒนาโมบายล์แอพพลิเคชั่นกันน้า