วิธีการทำ Virtual Host บน MAMP

Home \ Server \ วิธีการทำ Virtual Host บน MAMP

Virtual Host คือโฮสต์เสมือนบนเครื่องเรานั่นแหละครับ ยกตัวอย่างง่ายๆ ก็เช่นปกติเราจะเข้าเว็บบนเครื่องเรา เราก็จะพิมพ์ http://localhost/toskysoft อย่างนี้ แต่ถ้าเราอยากได้เป็นเหมือนโดเมนหละ เช่น http://toskysoft.dev แทนที่จะเป็น http://localhost/toskysoft เราก็จะสามารถกำหนด path ต่างๆ ได้ง่ายขึ้นเพราะมันเหมือนเราขึ้น server จริงๆ นั่นเองครับ

ในส่วนตัวจำลอง Server บนเครื่องเนื่องจากเคนใช้ Mac OS X เคนก็เลยใช้ตัว MAMP ครับ

icon-mamp

 

บอกก่อนเลยว่าหากใครใช้ตัว MAMP Pro แล้วการกำหนด Virtual Host จะง่ายมากๆ ครับ แต่ถ้าเรายังไม่อยากเสียเงินเพื่อใช้ Feature นี้ของตัวโปรแกรมแค่ตัวเดียว ก็เพิ่มความยุ่งยากขึ้นมานิดหน่อย แต่ก็ใช้ตัวฟรีก็เพียงพอแล้วครับ แบบเคนไง

อ้อ…แล้วก็ตอนนี้ MAMP มีถึง Version 4 แล้วตอนนี้จะมีตัว Server ให้เลือก 2 ตัวคือ Apache กับ NginX นะครับ และในที่นี้เคนก็ใช้ Apache ครับ ไปดูวิธีทำกันเลยดีกว่า บอกเลยว่า ยุ่งยากกว่าตัว Pro แค่ติ๊ดดดดดดเดียวครับ ที่เราต้องทำมี 2 ส่วนคือ

  1. ส่วนของ MAMP
  2. ส่วนไฟล์ Hosts บนเครื่องของเราซึ่งไฟล์ Hosts จะใช้ชี้ว่าโดเมนไหนไป Ip อะไรเป็นพิเศษ

แก้ไขส่วนของ MAMP

  • ไปที่โฟลเดอร์ MAMP บนเครื่องซึ่งจะอยู่ที่ /Applications/MAMP
  • เข้าไปที่โฟลเดอร์ conf
  • เข้าไปที่ apache
  • หรือใครจะกด Cmd + Shift + G แล้วใส่ /Applications/MAMP/conf/apache ก็เข้าได้ทันทีเหมือนกันครับ
  • ไฟล์แรกที่ต้องทำการแก้ไขก็คือไฟล์ชื่อ httpd.conf ครับ
  • เปิดด้วยตัว Text Editor เพื่อแก้ไขได้เลย
  • หาบรรทัดที่เขียนว่า #Include /Applications/MAMP/conf/apache/extra/httpd-vhosts.conf

mamp-httpd-virtual-host-comment

  • ทำการเอา # หน้า Include ออก เพราะการมี # มันก็คือการคอมเมนท์โค้ดไว้จะเหลือแบบนี้

mamp-httpd-virtual-host

  • กดบันทึกไฟล์แล้วปิดไปได้เลยครับ
  • จากนั้นเข้าไปที่โฟลเดอร์ extra
  • เราจะแก้ไขไฟล์ httpd-vhosts.conf
  • เปิดด้วย Text Editor เพื่อแก้ไขเช่นเดิมครับ
  • เมื่อเปิดเข้ามาเลื่อนลงมาล่างสุดจะเจอตัวอย่างที่เค้าเขียนไว้ให้เราดูครับ

mamp-virtual-host-example

  • แต่เราจะใช้แบบง่ายๆ เพิ่มเข้าไปแบบนี้ โดยที่ใข้แค่ DocumentRoot และ ServerName ก็เพียงพอครับ
  • DocumentRoot ให้ใส่ Path ที่เว็บเราอยู่เข้าไปปกติก็จะอยู่ใน /Applications/MAMP/htdocs/ชื่อเว็บเรา
  • ServerName ก็ใส่ชื่อเว็บที่เราต้องการเข้าอย่างตัวอย่างเคนต้องการให้เข้า toskysoft.dev แทน localhost/toskysoft

mamp-virtual-host-toskysoft

ทีนี้เราก็แก้ไขส่วนของ MAMP เสร็จแล้ว ต่อไปเราจะไปแก้ไขส่วนของไฟล์ hosts กัน

แก้ไขส่วนของไฟล์ host

ในส่วนนี้ใช้การเข้าไปที่  Finder แล้วกด Cmd + Shift + G แล้วใส่ /private/etc/hosts เข้าไปจะง่ายสุด เพราะโฟลเดอร์ /private จะถูกซ่อนไว้ ซึ่งก็เปิดด้วย Text Editor เช่นเดิมครับ เปิดเข้ามาจะเจอแบบนี้ครับ

hosts-original

เราก็ทำการเพิ่ม ip และ ชื่อเว็บที่ต้องการลงไปต่อท้ายแบบนี้ครับ

hosts-add-toskysoft

โดย 127.0.0.1  คือ ip เครื่องเราเสมอครับแล้วก็เว้นวรรค ตามด้วยช่ือเว็บอันเดียวกับที่เราแก้ไขในส่วนของ MAMP ครับ

หลังจากนั้น เปิดโปรแกรม MAMP ขึ้นมาครับ หากใคร Start Server อยู่ก็กด Stop แล้ว Start ใหม่ครับ เท่านี้ก็เรียบร้อยลองเข้าใช้งานดูได้เลยคร้าบบบบ

 

RELATED POSTS