สำหรับเพื่อนๆหรือผู้ที่กำลังสนใจในการทำเว็บไซด์ หลายๆคนอาจคุ้นเคยกันดีกับการใช้งานโปรแกรม appserv ที่พัฒนาโดยคนไทย คือคุณภาณุพงศ์ ปัญญาดี เจ้าของ
appserv
hosting ครับ appserv เป็นโปรแกรมที่นำมาใช้งานจำลองเครื่องคอมพิวเตอร์เราให้เป็นเซิร์ฟเวอร์ในการทดสอบการใช้งานโค้ดภาษาต่างๆอาทิ HTML,PHP,Javascript,MySQL เพื่อจัดทำเว็บไซด์ขึ้นมานะครับ เรามาดูวิธีการติดตั้งกันเลยนะครับ ก่อนอื่นให้เตรียมโปรแกรม appserv ที่เราต้องการติดตั้งก่อนนะครับ หากไม่มีให้คลิกดาวน์โหลด appserv
ที่นี่ครับ หากเข้าในเว็บไซด์ ให้คลิกลิงก์ตรงลูกศรสีเหลือง เพื่อดาวน์โหลดโปรแกรม appserv ครับ  รอสักครู่ครับจะมีป๊อปอัพข้อความให้เราบันทึกโปรแกรมลงคอมพิวเตอร์ หากไม่แสดงข้อความ ให้กด direct link เพื่อโหลดโดยตรงครับ ดับเบิ้ลคลิกเปิดโปรแกรมที่ดาวน์โหลดมาเมื่อสักครู่นะครับ ถ้าใครกด Run หลังจากโหลดก็ ไปยังขึ้นต่อไปเลยครับผม กดปุ่มถัดไป ตรงนี้จะเป็นรายละเอียดข้อตกลงในการใช้งานครับ ให้กด I Agree เพื่อยืนยันไปขั้นตอนต่อไป ที่อยู่ในการติดตั้งปกติจะเป็น C:\Appserv ครับ พื้นที่ในการใช้งานก็ 56.4 MB เองครับ ให้กด next ได้เลยครับ (ปล.หากใครใช้งานคล่องแล้วและต้องการติดตั้งไว้ ไดร์ฟอื่นก็ได้นะครับเพื่อว่าเวลาลง windows ใหม่จะได้ไม่ต้อง Backup ครับผม) อันนี้จะเป็นการเลือกแพ็คเก็จในการติดตั้งครับ ปกติจะเลือกมาให้ทุกช่องอยู่แล้ว กด Next ต่อไปเลยครับ -ในช่อง Servername จะเป็นชื่อเซิร์ฟเวอร์เราครับแนะนำให้ใส่ localhost ครับ -ในช่องAdministrator’s Email Address จะเป็นชื่ออีเมลผู้ดูแลระบบ(แอดมิน) ให้เราใส่อีเมลเราเข้าไปครับ -ในช่อง Apache HTTP Port จะเป็นพอร์ตในการใช้งานครับ ปกติจะเป็น 80 อยู่แล้ว – กด Next เลยครับ ขั้นตอนนี้จะเป็นการกรอกรหัสเข้าใช้งานฐานข้อมูลครับ ต้องกรอกรหัสให้เหมือนกันทั้งสองช่องเลยนะครับ แนะนำให้ใส่เป็น 1234 เพื่อการจดจำที่ง่ายครับ ส่วนชุดภาษาด้านล่างแนะนำให้ใช้ UTF-8 Unicode ครับ (บางคนสงสัยว่าคืออะไรไว้ติดตามกันในบทความ UTF-8 คืออะไรครับ) – กด Install เลยครับผม รอคอมพิวเตอร์ประมวลผลการติดตั้งครับผม -กด finish เป็นเสร็จสมบูรณ์การติดตั้งครับ การทดสอบการใช้งานจะมีสองแบบนะครับ 1.ให้เปิดบราวเซอร์ (ตัวเข้าอินเทอร์เน็ตเช่น IE ,Firefox,Google Chorme) ขึ้นมา และพิมพ์ localhost กด enter จะพบกับหน้าตาแบบนี้ครับ 2.วิธีทดสอบการใช้งานโดยสร้างไฟล์เว็บไซด์แบบง่ายขึ้นมาหนึ่งไฟล์ ไปยัง My computer ครับแล้วเข้าไปยัง ไดร์ฟ C:\ -เข้าไปยังโฟลเดอร์ Appserv ที่เราติดตั้งไว้ครับ ตรงนี้ขออธิบายนิดนึงนะครับ หลักๆเราควรรู้จักกับโฟลเดอร์ที่เราควรรู้ เบื้องต้นกันก่อนนะครับ เพื่อความถูกต้องในการใช้งาน -ในโฟลเดอร์ www จะเป็นโฟลเดอร์ที่ทำหน้าที่เก็บไฟล์เว็บไซด์ที่เราจะทดสอบการใช้งานบนเครื่องเราครับ ไม่ว่าจะเป็น CMS อาทิ joomla , WordPress, Drupal หากเราต้องการทดสอบติดตั้งการใช้งานก็ให้มาสร้างโฟลเดอร์เก็บไว้ในโพฟลเดอร์ www -ในโฟลเดอร์ MySQL จะเป็นโฟลเดอร์ที่ทำหน้าที่เก็บฐานข้อมูลต่างๆที่เราสร้างผ่านระบบ phpmyadmin ของappserv ครับ -ให้เราเข้าไปยังโฟลเดอร์ www ครับเพื่อทดสอบสร้างไฟล์เว็บขึ้นมา ทดสอบการทำงานครับ สร้างโฟลเดอร์ที่เราต้องการครับ ตั้งชื่อได้ตามใจเลยครับ ขอยกตัวอย่างเป็น โฟลเดอร์ “tososay” ครับ สร้างเสร็จก็ให้เข้าไปในโฟลเดอร์ที่สร้างเลยครับ ทดสอบด้วยการสร้างไฟล์เว็บไซด์มาหนึ่งไฟล์ครับ ให้เปิดโปรแกรม Editor หรือ โปรแกรม Notepad ขึ้นมานะครับ (หากไม่ทราบว่า notepad อยู่ตรงไหน ให้กดปุ่ม Start > แล้ว search คำว่า notepad ครับ และกด Enter) นำโค้ดนี้ไปวางไว้ในหน้าที่เราจะสร้างครับ <html> <body> </html> Save ชื่อไฟล์เป็น index.html นะครับ เปิดบราวเซอร์ (ตัวเข้าเว็บไซด์ เช่น IE,Firefox,Google chorme) ขึ้นมาแล้วพิมพ์ localhost/ตามด้วยชื่อโฟลเดอร์ที่เราสร้างครับ กด enter สังเกตุนะครับหลังจากที่เรากด enter ทำไมถึงไม่ต้องพิมชื่อไฟล์ index.html ก็เพราะว่าตัวโปรแกรมจำลองเซิร์ฟเวอร์ หรือ appserv เนี่ยได้ทำการตั้งค่าให้กับเครื่องคอมพิวเตอร์เรา ให้จดจำว่า ไฟล์ชื่อ index.html จะเป็นไฟล์แรกสำหรับการแสดงผลหากในกรณีที่เราไม่ได้ / พิมชื่อไฟล์ตามหลังโฟลเดอร์ที่เราติดตั้งครับ อันนี้เป็นความรู้ในด้านเว็บเบื้องต้นครับ เป็นอย่างไรกันบ้างครับ บทความนี้อาจจะยาวนิดนึงนะครับ ผมพยายามอธิบายให้ละเอียดเพื่อประโยชน์ในการนำไปใช้งานและอ้างอิงในงานต่างๆของผู้ที่เข้ามาศึกษานะครับ ยังไงถ้าติดขัดตรงไหนหรืออยากสอบถามข้อมูลเพิ่มเติมที่ใดก็โพสมาคุยกันได้นะครับ คราวหน้าจะมาแนะนำในเรื่องของการใช้งานฐานข้อมูล MySQL ผ่านระบบ phpmyadmin เบื้องต้นครับผม อย่าลืมติดตามชมกันนะครับ |
การเรียกใช้งานโปรแกรม appserv ผ่านโปรแกรม web browser ข้อใดถูกต้อง
ลิขสิทธิ์ © 2024 th.ketiadaan Inc.
