สอนติดตั้งและใช้งาน Winginx

1. สอนใช้งาน Winginx
www.ud.in.th 1
Winginx
1. แนะนำ 2
2. ทำไมต้อง nginx 3
3. วิธีกำรติดตั้งใช้งำน 5
4. แนะนำเครื่องมือและวิธีใช้งำน 17
5. ติดตั้งเว็บสำเร็จรูป CMS 23
6. ปรับแต่งตั้งค่ำ 24

2. สอนใช้งาน Winginx
www.ud.in.th 2
1. แนะนำ
Nginx
Nginx ถูกพัฒนำโดย นำย Igor Sysoev ในปี 2002
เขำเป็นชำวรัสเซีย โดยเป็นโปรเจ็คแบบ open-source พูดง่ำยๆ
คือ แจกทั้งซอสโค้ดกันเลยทีเดียว
Winginx
ถูกพัฒนำโดยนำย Alexei Shabalin เป็นชำวรัสเซีย
พัฒนำขึ้นในปี 2010 ซึ่ง Winginx เป็นโปรแกรมที่รวบรวม
เครื่องมือที่ใช้รวมกับ nginx ใน window นั้นเอง
โดย Suparat triamchanchai

3. สอนใช้งาน Winginx
www.ud.in.th 3
2. ทำไมต้อง nginx
ก่อนอื่นต้องขอพูดถึงเรื่อง web server ที่เรำใช้ๆ กันอยู่
ณ ปัจจุบัน จริงๆ แล้วมีอยู่หลำยตัวครับ แต่มี่นิยมกันมำกๆ
ก็น่ำจะเป็น Apache เห็นได้ชัดจำกสถิต
ข้อมูลอ้ำงอิงจำก: wappalyzer.com

4. สอนใช้งาน Winginx
www.ud.in.th 4
ตัวอย่ำงเว็บไซต์ที่ใช้ nginx
ข้อมูลอ้ำงอิงจำก: wappalyzer.com
ซึ่งจะเห็นได้ว่ำเว็บส่วนใหญ่ที่ใช้ nginx
จะเป็นเว็บไซต์ประเภทที่มีจำนวนผู้เข้ำใช้งำนจำนวนมหำศำล
ที่เห็นได้ชัดเจน คือกำร ตั้งค่ำ
ที่แสนจะเข้ำใจง่ำยและกำรจัดสรรทรัพยำกร
ของเครื่องที่ใช้งำนได้ดี

5. สอนใช้งาน Winginx
www.ud.in.th 5
3. วิธีกำรติดตั้งใช้งำน
มำเริ่มกันเลยดีกว่ำ
เข้ำไปที่เว็บ http://winginx.com/en/download
ก่อนอื่นมำดูที่รำยละเอียด ก่อนที่จะกดโหลดก่อนนะครับ
เรำจะเห็นได้ว่ำ ตัว Winginx นี้จะรวบรวมเครื่องมือในกำรจัดกำร
Web Server ไว้ให้เรำ ถือว่ำครบเลยทีเดียว
เอำเป็นว่ำผมจะไว้อธิบำยถึงเครื่องมือต่ำงๆ ในบทต่อไปนะครับ
กด Download Now ไปก่อน

6. สอนใช้งาน Winginx
www.ud.in.th 6
เลือกภำษำในกำรติดตั้ง
ตรงนี้เป็นกำรกล่ำวตอนรับและบอกเวอร์ชั่น กด Next เลยครับ

7. สอนใช้งาน Winginx
www.ud.in.th 7
ตรงนี้เป็นข้อมูลและเงื่อนไขกำรใช้ติดตั้งใช้งำนกดเลือก I accept
the agreement แล้วกด Next เลยครับ
ส่วนนี้เลือกที่อยู่ไฟล์เว็บของเรำเลือกแล้วกด Next เลยครับ

8. สอนใช้งาน Winginx
www.ud.in.th 8
ตรงนี้เป็นเลือก service
ที่เรำต้องกำรใช้งำนซึ่งโดยปกติจะถูกเลือกไว้ทุกตัวถ้ำเรำไม่ต้องก
ำรลงตัวไหนก็กดติ๊กออกเลยครับแล้ว Next เลยครับ
ตรงนี้เป็นกำรเลือกชื่อลงตำแหน่ง Startmenu กด Next เลยครับ

9. สอนใช้งาน Winginx
www.ud.in.th 9
ตรงนี้เขำให้เลือกว่ำจะให้โปรแกรมในรำยกำรไปโผล่หน้ำ
Desktop
ของเรำไหมอะไหนไม่ต้องกำรก็กดติ๊กออกได้ครับแล้วกด Next
เลย

10. สอนใช้งาน Winginx
www.ud.in.th 10
พอถึงขั้นตอนนี้กด Installได้เลยครับ
พอถึงหน้ำต่ำงนี้กด Finish
เมื่อเสร็จแล้วให้ดูที่ Taskbar

11. สอนใช้งาน Winginx
www.ud.in.th 11
ต่อมำเรำมำเริ่มสร้ำงเว็บไซต์กันให้กดที่ Winginx Workbench
ต่อมำกดที่ Create project

12. สอนใช้งาน Winginx
www.ud.in.th 12
แล้วทำกำรเลือกไฟล์หน้ำเว็บเปล่ำๆ คือเลือก Empty project
แล้วทำกำรใส่ชื่อเว็บของเรำลงไปในตัวอย่ำงใช้ test.com

13. สอนใช้งาน Winginx
www.ud.in.th 13
ส่วนนี้เป็นตัวเพิ่มเติม More options ไว้เลือกพวก version php
ได้ว่ำเรำจะใช้ version ไหน และเลือกตำแหน่งไฟล์หน้ำเว็บได้
พอเรำกด OK จะเจอหน้ำต่ำงโปรแกรมขึ้นมำแบบนี้

14. สอนใช้งาน Winginx
www.ud.in.th 14
พอเรำดูที่ Taskbar ดับเบิลคลิกตรงไอคอนรูปบ้ำนจะเจอสถำนะ
Running ทุกโปรแกรม
ทำกำรทดสอบเข้ำหน้ำเว็บของเรำดูโดยพิมพ์ชื่อเว็บของเรำตัวอย่
ำง www.test.com

15. สอนใช้งาน Winginx
www.ud.in.th 15
ถ้ำเรำคลิกเมำส์ขวำตรงรูป ไอคอนบ้ำน
จะเป็นเมนูลักษณะนี้ให้เรำเลือก Winginx Workbench
เลือก Browse website Folder เพื่อเข้ำไปแก้ไข้หน้ำเว็บของเรำ

16. สอนใช้งาน Winginx
www.ud.in.th 16
เข้ำไปในโฟลเดอร์ public_html
จะเจอไฟล์ index.html ทำกำรแก้ไขไฟล์ด้วย notepad
พอเรำเซฟไฟล์
แล้วเข้ำหน้ำเว็บดูไหมก็จะได้ตำมรูปครับจบขั้นตอนติดตั้งครับ

17. สอนใช้งาน Winginx
www.ud.in.th 17
4. แนะนำเครื่องมือและวิธีใช้งำน
เปิดหน้ำ Workbench ขึ้นมำไปที่เมนู Tools
จะเห็นว่ำมีเมนูเยอะแยะขึ้นมำขอแนะนำโปรแกรมที่เรำจำเป็นต้อ
งใช้งำนจริงๆก่อนนะครับเริ่มจำก
Logviewer
เป็นเครื่องมือใช้ในกำรอ่ำน Log ของโปรแกรมที่ใช้งำนใน
Winginx รูปร่ำงหน้ำตำเมื่อเรำเปิดขึ้นมำจะเป็นดังนี้

18. สอนใช้งาน Winginx
www.ud.in.th 18
ถ้ำเกิดในกรณีเว็บใช้งำนไม่ได้
หรือเรำอยำกรู้ว่ำมีใครเรียกใช้งำนอะไรแล้วเกิดปัญหำ
เรำก็ต้องมำดูที่นี้ครับ
WinginxPHP5 Config

19. สอนใช้งาน Winginx
www.ud.in.th 19
เป็นตัวจัดกำร php แบบ GUI นั้นละครับไม่ว่ำจะเพิ่ม
extensions หรือปรับแต่ง php จัดกำรได้ตรงนี้เลยครับ
HostsEditor
โปรแกรมนี้เป็นตัวจำลองชื่อเว็บไว้ใช้ในเครื่องเรำครับ
คือตัวโปรแกรมจะไปแก้ไขไฟล์ที่อยู่ใน
C:/windows/system32/driver/etc/hosts
นั้นละครับ

20. สอนใช้งาน Winginx
www.ud.in.th 20
วิธีกำรใช้ก็ตำมนี้เลยครับให้กดที่ Add domain
เพิ่มชื่อเว็บที่ต้องกำรจำลองใน่ Domain Name: ส่วน Comment
ใส่อะไรลงไปก็ได้ครับแค่เป็นตัวบอกว่ำมันคืออะไร แล้วก็กด ok

21. สอนใช้งาน Winginx
www.ud.in.th 21
เสร็จแล้วกด Save ด้วยนะครับ

22. สอนใช้งาน Winginx
www.ud.in.th 22
ส่วนของ Database manager
ก็คือตัวจัดกำรดำต้ำเบสที่มีอยู่ในโปรแกรม Winginx ครับ
ผมยกตัวอย่ำงเช่นตัวจัดกำร phpmyadmin ดังรูป
เมื่อเรำกดก็ทำกำรกรอก user : root ไม่ต้องใส่รหัสผ่ำนให้เรำกด
Go ได้เลยครับ

23. สอนใช้งาน Winginx
www.ud.in.th 23
5. ติดตั้งเว็บสำเร็จรูป CMS
เปิดโปรแกรม Workbench ขึ้นมำแล้วทำกำร Create project
ใหม่
เลือก CMS ที่เรำต้องกำรจะติดตั้งตัวอย่ำง Wordpress 3.3.1

24. สอนใช้งาน Winginx
www.ud.in.th 24
6. ปรับแต่งตั้งค่ำ
รำยละเอียดเพิ่มเติมอ่ำนต่อได้ที่
http://www.ud.in.th