Weitere ähnliche Inhalte
Ähnlich wie Wordpress 3.5 -install-appserv (20)
Mehr von Boonlert Aroonpiboon (20)
Wordpress 3.5 -install-appserv
- 1. 1
การตดต้งWordpress.org บนเครื่องแม่ ข่ายเว็บจําลองด้ วย AppServ
ิ ั
การเตรียมเครื่องแม่ ข่ายเว็บจําลองด้ วย AppServ
AppServ เป็ นซอฟต์แวร์ในกลุ่มโอเพนซอร์สซอฟต์แวร์ที่ถูกเลือกใช้เพื่อการจําลองเครื่ องคอมพิวเตอร์ปกติให้
เป็นเครื่องแม่ข่ายเวบ (Web Server) มากที่สุดโปรแกรมหนึ่ง เนื่องจากรองรับการทํางานกับระบบปฏิบติการ
็ ั
ไมโครซอฟตวินโดวส์ทุกรุ่น ดาวน์โหลดไดฟรี จากเวบ http://www.appservnetwork.com ติดตั้งได้ง่าย
์ ้ ็
ประกอบด้วยโปรแกรมจําลองเครื่ องแม่ข่ายเว็บอย่าง Apache โปรแกรมบริ หารจัดการระบบฐานข้อมูล MySQL
และโปรแกรมภาษาคอมพิวเตอร์ PHP ทั้งนี้ AppServ รุ่นปัจจุบน (วันที่ 8 ธันวาคม 2555) คือ AppServ 2.5.10
ั
เมื่อดาวน์โหลดแลวจะไดโปรแกรมชื่อ appserv-win32-2.5.10.exe
้ ้
รูป 1 ไอคอนโปรแกรม AppServ
การติดต้ งทาไดโดยดบเบิลคลิกโปรแกรม appserv-win32-2.5.10.exe จะปรากฏจอภาพการติดตั้ง ดังนี้
ั ํ ้ ั
รูป 2 จอภาพการตดตง AppServ
ิ ้ั
การติดตั้งWordpress.org บนเครื่ องแม่ข่ายเว็บจําลองด้วย AppServ โดยบุญเลิศ อรุ ณพิบูลย์
- 2. 2
จากจอภาพตามรูป 2 จอภาพการติดตั้ง AppServ ให้คลิกปุ่ ม Next เพื่อเขาสู่ ข้ นตอนการติดต้ งโปรแกรมในส่วน
้ ั ั
สัญญาอนุญาต (License Agreement)
รูป 3 จอภาพการตดตงส่วนสัญญาอนญาต
ิ ้ั ุ
ในจอภาพส่ วนสัญญาอนุญาตให้คลิกปุ่ ม I Agree เพื่อยืนยันการใช้งานตามสัญญาอนุญาต
รูป 4 จอภาพส่วนเลอกทเ่ี กบโปรแกรม
ื ็
การติดตั้งWordpress.org บนเครื่ องแม่ข่ายเว็บจําลองด้วย AppServ โดยบุญเลิศ อรุ ณพิบูลย์
- 3. 3
ั ้ ั ั ั ็
เมื่อยอมรับในสญญาอนุญาตของโปรแกรมแลว ข้นถดไปจะเป็นการเลือกไดร์ฟและโฟลเดอร์เพื่อจดเกบโปรแกรม
ตามรูป 4 จอภาพส่วนเลือกที่เกบโปรแกรม สามารถเปลี่ยนไดร์ฟและโฟลเดอร์ได้ตามต้องการ สําหรับเอกสารชุดนี้
็
ขอใช้ตามค่ากําหนด (Default) คือ เลือกไดร์ฟ C โฟลเดอร์ AppServ คลิกป่ ุม Next เพื่อเขาสู่ ส่วนติดต้ งข้นถดไป
้ ั ั ั
รูป 5 จอภาพตดตงโปรแกรมประกอบ
ิ ้ั
จากรูป 5 จอภาพติดตั้งโปรแกรมประกอบ จะเป็นข้นตอนเลือกโปรแกรมที่จะติดต้ ง โดย
ั ั
• Apache HTTP Server ่
เป็ นโปรแกรมจําลองเครื่ องแม่ขายเว็บ
• MySQL Database เป็ นโปรแกรมจัดการฐานข้อมูล
• PHP Hypertext Preprocessor เป็ นโปรแกรมแปลภาษา PHP
• phpMyAdmin เป็นโปรแกรมช่วยจดการดานระบบ
ั ้
ท้ งน้ ีใหคลิกเลือกทุกโปรแกรม แลวคลิกป่ ุม Next
ั ้ ้
รูป 6 จอภาพการกาหนดข้อมูลเกยวกบเคร่ืองแม่ข่ายเวบ
ํ ่ี ั ็
การติดตั้งWordpress.org บนเครื่ องแม่ข่ายเว็บจําลองด้วย AppServ โดยบุญเลิศ อรุ ณพิบูลย์
- 4. 4
ถดจากข้นตอนการติดต้ งโปรแกรมประกอบของ AppServ จะเข้าสู่ข้ นตอนการกําหนดข้อมูลของเครื่ องแม่ข่าย
ั ั ั ั
เว็บ ดังรูป 6 จอภาพการกําหนดข้อมูลเกี่ยวกับเครื่ องแม่ข่ายเว็บ โดยมีขอมูลที่ตองระบุ ดังนี้
้ ้
• Server Name ใหระบุเป็น
้ localhost
• Administrator’s Email Address ให้ระบุอีเมลของผูดูแลระบบ
้
• Apache HTTP Port ระบุหมายเลขพอร์ทของเครื่ องแม่ขายเว็บ (ใหระบุเป็น 80)
่ ้
เมื่อกําหนดข้อมูลเกี่ยวกับเครื่ องแม่ข่ายเว็บ ตามรายละเอียดแล้ว ก็คลิกปุ่ ม Next
รูป 7 การกาหนดข้อมูลของ MySQL
ํ
ํ ั ่ ้ ั ั
จากรูป 7 การกําหนดข้อมูลของ MySQL จะมีข้ นตอนการกาหนดรหสผาน (Password) ใหกบบญชี (Account)
ั
ผดูแลระบบ (Root) ของระบบบริ หารจัดการฐานข้อมูล MySQL และข้อมูลเกี่ยวกับระบบฐานข้อมูลดัง
ู้
รายละเอียด
• Enter root password ระบุรหัสผ่านสําหรับ root account
• Re-enter root password พิมพ์รหัสให้ตรงกับการระบุแถวแรก
ทั้งนี้รหัสผ่านชุดนี้ จะเป็ นรหัสผ่านสําหรับบัญชีที่ชื่อ root ซึ่งเป็ นบัญชีระดับสําคัญของระบบฐานข้อมูล หรื อ
ั ู้ ั ั ้ ั ั ํ
ระดบผดูแลระบบ ดงน้ นควรใชความระมดระวงในการกาหนด มีความปลอดภย และควรจดบนทึกไวในที่ ั ั ้
ปลอดภย (สําหรับการใช้งานจริ ง)
ั
การติดตั้งWordpress.org บนเครื่ องแม่ข่ายเว็บจําลองด้วย AppServ โดยบุญเลิศ อรุ ณพิบูลย์
- 5. 5
รหัสผ่ านของบัญชี root ทกาหนดคอ
ี่ ํ ื
ํ ั ่ ํ
เมื่อกาหนดรหสผานแลว ถดไปจะเป็นชุดรหสอกขระ (Character Sets and Collations) โดยกาหนดเป็น UTF-8
้ ั ั ั
Unicode และแนะนาใหคลิกเลือกรายการ Enable InnoDB เพื่อกําหนดให้การจัดการตารางฐานข้อมูลมี
ํ ้
ประสิ ทธิภาพมากขึ้น รวมทั้งโปรแกรมเสริ ม (Plug-ins) หลายโปรแกรมของ Wordpress ต้องการฟังก์ชนนี้ คลิก
ั
ป่ ุม Next เมื่อกาหนดรายการขางตนแลว จากน้ นรอโปรแกรมติดต้ งส่วนประกอบและค่ากาหนดต่างๆ เมื่อการ
ํ ้ ้ ้ ั ั ํ
ติดตั้งสมบูรณ์ จะแสดงจอภาพรายงานผล ดังนี้
รูป 8 การตดตงเสร็จสมบูรณ์
ิ ้ั
เมื่อการติดตั้งเสร็ จสมบูรณ์ จะปรากฏดังรูป 8 คลิกเลือกรายการ Start Apache และ Start MySQL ก่อนคลิกปุ่ ม
่
Finish เพื่อให้โปรแกรม Apache และ MySQL ทํางาน โดยสามารถตรวจสอบได้วาโปรแกรมทั้งสองทํางาน
หรือไม่อยางไร ไดโดยเปิดโปรแกรมเวบเบราวเ์ ซอร์ เช่น IE หรื อ Firfox หรื อ Google Chrome แล้วพิมพ์
่ ้ ็
http://localhost หรื อ http://127.0.0.1 ในบรรทดที่อยเู่ วบ (Web Address)
ั ็
การติดตั้งWordpress.org บนเครื่ องแม่ข่ายเว็บจําลองด้วย AppServ โดยบุญเลิศ อรุ ณพิบูลย์
- 6. 6
การสร้างฐานข้อมูลให้กบ Wordpress
ั
เมื่อติดตั้ง AppServ พร้อมใช้งานแล้ว ขั้นถัดไปจะต้องสร้างฐานข้อมูลให้กบ Wordpress ก่อนโดยเข้าสู่ระบบ
ั
บริ หารจัดการ AppServ โดยเปิ ดหน้าเว็บเบราว์เซอร์ แล้วเข้าสู่ ระบบด้วยคําสัง http://localhost
่
รูป 9 จอภาพเร่ิมต้น AppServ
คลิกเลือกรายการ phpMyAdmin Database Manager Version 2.10.3 เพื่อเข้าสู่จอภาพ Login เข้าสู่ ส่วนบริ หาร
จัดการฐานข้อมูล ดังนี้
รูป 10 จอภาพ Login เข้ า phpMyAdmin
ป้อนชื่อผใชเ้ ป็น root และรหัสผ่านตามที่กาหนดในรูป 7 จากน้ นคลิกป่ ุม “เข้าสู่ ระบบ”
ู้ ํ ั
การติดตั้งWordpress.org บนเครื่ องแม่ข่ายเว็บจําลองด้วย AppServ โดยบุญเลิศ อรุ ณพิบูลย์
- 7. 7
รูป 11 จอภาพ phpMyAdmin
จากจอภาพ phpMyAdmin ให้สร้างฐานข้อมูลสําหรับ Wordpress ในรายการ “สร้างฐานข้อมูลใหม่” โดยป้ อนชื่อ
ฐานข้อมูลเป็ นภาษาอังกฤษตัวพิมพ์เล็ก ห้ามเว้นวรรค ไม่ควรใช้อกขระพิเศษ (ตัวอย่างสร้างฐานข้อมูลใหม่ชื่อ
ั
wordpress) และเลือกรายการ “การเรี ยงลําดับ” เป็น utf8_unicode_ci
รูป 12 การสร้างฐานข้อมูลใหม่
เมื่อป้ อนชื่อฐานข้อมูล และเลือกการเรี ยงลําดับเป็ น utf8_unicode_ci แลวใหคลิกป่ ุม “สร้าง”
้ ้
รูป 13 ผลการสร้างฐานข้อมูลใหม่
จากรูป 13 แสดงว่าฐานข้อมูล wordpress ได้ถูกสร้าง พร้อมสําหรับการทํางานขั้นถัดไป
การติดตั้งWordpress.org บนเครื่ องแม่ข่ายเว็บจําลองด้วย AppServ โดยบุญเลิศ อรุ ณพิบูลย์
- 8. 8
การตดต้ง Wordpress บน AppServ
ิ ั
้ ั ั ็
เมื่อเตรี ยม AppServ และสร้างฐานข้อมูลสําหรับ Wordpress แลว ข้นตอนถดไปกจะเป็นการติดต้ ง Wordpress
ั
โดยเริ่มจากการดาวน์โหลดตนฉบบ Wordpress จากเวบ http://www.wordpress.org/ ซึ่งจะได้แฟ้ มติดตั้งชื่อ
้ ั ็
wordpress-3.5.zip ให้ Unzip จะไดโฟลเดอร์ชื่อ Wordpress จากน้ นคดลอกตนฉบบ Wordpress ท้ งโฟลเดอร์ไป
้ ั ั ้ ั ั
้ ํ
ไวที่โฟลเดอร์ www ของ AppServ โดยเอกสารน้ ีกาหนดใหคดลอกไปไวที่ C:AppServwww
้ ั ้
รูป 14 โฟลเดอร์ เว็บของ AppServ
เมื่อคดลอกโฟลเดอร์ตนฉบบ Wordpress ไว้ท่ ี C:AppServwww แลวใหเ้ ปลี่ยนชื่อโฟลเดอร์ใหเ้ หมาะสม โดย
ั ้ ั ้
แนะนําให้ใช้ชื่อที่สื่อความหมาย สั้นกระชับ เป็ นอักขระตัวพิมพ์เล็ก
เมื่อเตรี ยมโฟลเดอร์ตนฉบับ Wordpress พร้อมใชงานแลว ข้ นถดไปจะเป็นการติดต้ ง Wordpress โดยเริ่มจากการ
้ ้ ้ ั ั ั
เปิ ดโปรแกรมเว็บเบราว์เซอร์ แล้วพิมพ์ http://localhost/ชื่อโฟลเดอร์ เช่น http://localhost/wordress ใน
รายการที่อยูเ่ ว็บของโปรแกรมเว็บเบราว์เซอร์ เมื่อกดป่ ุม Enter จะปรากฏจอภาพเริ่ มติดตั้งดังนี้
รูป 15 เร่ิ มตดตง Wordpress
ิ ้ั
การติดตั้งWordpress.org บนเครื่ องแม่ข่ายเว็บจําลองด้วย AppServ โดยบุญเลิศ อรุ ณพิบูลย์
- 9. 9
จากรูป 15 ใหคลิกป่ ุม Create a Configuration File
้
รูป 16 ระบบจะแสดงข้อความเตอนการเตรียมพร้อมระบบฐานข้อมูล
ื
ก่อนติดต้ ง Wordpress โปรแกรมจะตรวจสอบค่าจําเป็ นต่างๆ ที่เกี่ยวข้อง ดังรูป 16 อันประกอบด้วย
ั
• Database name ชื่อฐานข้อมูล ระบุให้ตรงกับการทํางานในรูป 12
(เอกสารคือ wordpress)
• Database username ชื่อผูมีสิทธิ์จดการฐานข้อมูล ระบุเป็น root
้ ั
• Database password ํ
รหัสผ่านของ root ระบุให้ตรงกับที่กาหนดตามรูป 7
• Database host ชื่อเครื่ องแม่ข่ายเว็บ(จําลอง) ระบุเป็น localhost
• Table prefix คํานําหน้าตารางฐานข้อมูล ไม่ต้องกาหนด ํ
เมื่อได้ขอมูลเกี่ยวกับฐานข้อมูลพร้อมแล้ว คลิกปุ่ ม Let’s go!
้
การติดตั้งWordpress.org บนเครื่ องแม่ข่ายเว็บจําลองด้วย AppServ โดยบุญเลิศ อรุ ณพิบูลย์
- 10. 10
รูป 17 จอภาพป้อนรายละเอยดฐานข้อมูล
ี
ป้ อนรายละเอียดเกี่ยวกับฐานข้อมูล แล้วคลิกปุ่ ม Submit หากปรากฏจอภาพตามรูป 18 แสดงว่า “ยังไม่ได้สร้าง
ฐานข้อมูล หรื อระบุรายละเอียดเกี่ยวกับฐานข้อมูลผิดพลาด”
รูป 18 จอภาพ Error เกยวกบฐานข้อมูล
่ี ั
หากมีการระบุรายละเอียดฐานข้อมูลถูกต้อง และมีการสร้างฐานข้อมูลพร้อมแล้ว จะปรากฏผล ดังนี้
การติดตั้งWordpress.org บนเครื่ องแม่ข่ายเว็บจําลองด้วย AppServ โดยบุญเลิศ อรุ ณพิบูลย์
- 11. 11
รูป 19 จอภาพพร้ อมติดตั้งระบบ
จากรูป 19 คลิกป่ ุม “Run the install” เพื่อเข้าสู่ กาหนดรายละเอียดเกี่ยวกับเว็บ ดังภาพ
ํ
รูป 20 จอภาพกาหนดรายละเอยดเกยวกบเวบ
ํ ี ่ี ั ็
รายละเอียดเวบที่ตองกาหนด ไดแก่
็ ้ ํ ้
• Site Title สามารถใช้ขอความได้ท้ งภาษาไทยและภาษาอังกฤษ โดยมีความหมาย
้ ั
เกี่ยวกับเว็บที่กระชับ ไม่ยาวเกินไป เช่น Digital Library System : ระบบห้ องสมุดดิจิทล ทั้งนี้
ั
สามารถปรับแก้ไขได้ภายหลัง
การติดตั้งWordpress.org บนเครื่ องแม่ข่ายเว็บจําลองด้วย AppServ โดยบุญเลิศ อรุ ณพิบูลย์
- 12. 12
• Username ป้ อนชื่อบัญชี (Accout) ของผูดูแลเว็บ แนะนาใหระบุเป็นชื่อที่สื่อ
้ ํ ้
ความหมาย เป็ นอักขระภาษาอังกฤษตัวพิมพ์เล็ก
• Password, twice ป้ อนรหัสผ่าน ํ
(Password) ของผูดูแลเว็บ ควรกาหนดดวยความ
้ ้
ระมัดระวัง บันทึกเก็บไว้ดวยเพื่อป้ องกันการลืม ให้ใช้อกขระภาษาอังกฤษตัวพิมพ์เล็ก ผสมกับ
้ ั
ตวเลขและอกขระพิเศษ เช่น # $ %
ั ั
• Your E-mail ป้ อนอีเมลของผูดูแลเว็บ
้
บัญชีเข้ าเว็บ คือ รหัสผ่ านคือ
เมื่อกาหนดรายละเอียดขางตนแลวใหคลิกป่ ุม “Install WordPress” รอสักครู่ เพื่อให้โปรแกรมติดตั้งระบบ และ
ํ ้ ้ ้ ้
จะรายงานผลการติดตั้ง ดังนี้
รูป 21 การตดตงสมบูรณ์
ิ ้ั
การติดตั้งWordpress.org บนเครื่ องแม่ข่ายเว็บจําลองด้วย AppServ โดยบุญเลิศ อรุ ณพิบูลย์
- 13. 13
การเรียกดูหน้าเวบ
็
เว็บที่ติดตั้งเรี ยบร้อยแล้ว สามารถเข้าชมได้โดยป้ อน URL http://localhost/wordpress จะปรากฏผล ดังนี้
รูป 22 หน้าเวบจาก Wordpress
็
ลักษณะหน้าตาของหน้าเว็บ อาจจะแตกต่างได้
การติดตั้งWordpress.org บนเครื่ องแม่ข่ายเว็บจําลองด้วย AppServ โดยบุญเลิศ อรุ ณพิบูลย์