Downloaded 35 times
Uploaded byBoonlert Aroonpiboon
Wordpress 3.5 -install-appserv
การติดตั้ง Wordpress.org 3.5 บน AppServ
More Related Content
Similar to Wordpress 3.5 -install-appserv
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 โดยบุญเลิศ อรุ ณพิบูลย์