wordpress 3.5 -install-appserv

1

การตดตงWordpress.org บนเครองแมขายเวบจาลองดวย AppServ โดยบญเลศ อรณพบลย

การตดตง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

2

การตดตงWordpress.org บนเครองแมขายเวบจาลองดวย AppServ โดยบญเลศ อรณพบลย

จากจอภาพตามรป 2 จอภาพการตดตง AppServ ใหคลกปม Next เพอเขาสขนตอนการตดตงโปรแกรมในสวน

สญญาอนญาต (License Agreement)

รป 3 จอภาพการตดตงสวนสญญาอนญาต

ในจอภาพสวนสญญาอนญาตใหคลกปม I Agree เพอยนยนการใชงานตามสญญาอนญาต

รป 4 จอภาพสวนเลอกทเกบโปรแกรม

3

การตดตงWordpress.org บนเครองแมขายเวบจาลองดวย AppServ โดยบญเลศ อรณพบลย

เมอยอมรบในสญญาอนญาตของโปรแกรมแลว ขนถดไปจะเปนการเลอกไดรฟและโฟลเดอรเพอจดเกบโปรแกรม

ตามรป 4 จอภาพสวนเลอกทเกบโปรแกรม สามารถเปลยนไดรฟและโฟลเดอรไดตามตองการ สาหรบเอกสารชดน

ขอใชตามคากาหนด (Default) คอ เลอกไดรฟ C โฟลเดอร AppServ คลกปม Next เพอเขาสสวนตดตงขนถดไป

รป 5 จอภาพตดตงโปรแกรมประกอบ

จากรป 5 จอภาพตดตงโปรแกรมประกอบ จะเปนขนตอนเลอกโปรแกรมทจะตดตง โดย

• Apache HTTP Server เปนโปรแกรมจาลองเครองแมขายเวบ

• MySQL Database เปนโปรแกรมจดการฐานขอมล

• PHP Hypertext Preprocessor เปนโปรแกรมแปลภาษา PHP

• phpMyAdmin เปนโปรแกรมชวยจดการดานระบบ

ทงนใหคลกเลอกทกโปรแกรม แลวคลกปม Next

รป 6 จอภาพการกาหนดขอมลเกยวกบเครองแมขายเวบ

4

การตดตงWordpress.org บนเครองแมขายเวบจาลองดวย AppServ โดยบญเลศ อรณพบลย

ถดจากขนตอนการตดตงโปรแกรมประกอบของ 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 ซงเปนบญชระดบสาคญของระบบฐานขอมล หรอ

ระดบผดแลระบบ ดงนนควรใชความระมดระวงในการกาหนด มความปลอดภย และควรจดบนทกไวในท

ปลอดภย (สาหรบการใชงานจรง)

5

การตดตงWordpress.org บนเครองแมขายเวบจาลองดวย AppServ โดยบญเลศ อรณพบลย

รหสผานของบญช 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)

6

การตดตงWordpress.org บนเครองแมขายเวบจาลองดวย AppServ โดยบญเลศ อรณพบลย

การสรางฐานขอมลใหกบ Wordpress

เมอตดตง AppServ พรอมใชงานแลว ขนถดไปจะตองสรางฐานขอมลใหกบ Wordpress กอนโดยเขาสระบบ

บรหารจดการ AppServ โดยเปดหนาเวบเบราวเซอร แลวเขาสระบบดวยคาสง http://localhost

รป 9 จอภาพเรมตน AppServ

คลกเลอกรายการ phpMyAdmin Database Manager Version 2.10.3 เพอเขาสจอภาพ Login เขาสสวนบรหาร

จดการฐานขอมล ดงน

รป 10 จอภาพ Login เขา phpMyAdmin

ปอนชอผใชเปน root และรหสผานตามทกาหนดในรป 7 จากนนคลกปม “เขาสระบบ”

7

การตดตงWordpress.org บนเครองแมขายเวบจาลองดวย AppServ โดยบญเลศ อรณพบลย

รป 11 จอภาพ phpMyAdmin

จากจอภาพ phpMyAdmin ใหสรางฐานขอมลสาหรบ Wordpress ในรายการ “สรางฐานขอมลใหม” โดยปอนชอ

ฐานขอมลเปนภาษาองกฤษตวพมพเลก หามเวนวรรค ไมควรใชอกขระพเศษ (ตวอยางสรางฐานขอมลใหมชอ

wordpress) และเลอกรายการ “การเรยงลาดบ” เปน utf8_unicode_ci

รป 12 การสรางฐานขอมลใหม

เมอปอนชอฐานขอมล และเลอกการเรยงลาดบเปน utf8_unicode_ci แลวใหคลกปม “สราง”

รป 13 ผลการสรางฐานขอมลใหม

จากรป 13 แสดงวาฐานขอมล wordpress ไดถกสราง พรอมสาหรบการทางานขนถดไป

8

การตดตงWordpress.org บนเครองแมขายเวบจาลองดวย AppServ โดยบญเลศ อรณพบลย

การตดตง Wordpress บน AppServ

เมอเตรยม AppServ และสรางฐานขอมลสาหรบ Wordpress แลว ขนตอนถดไปกจะเปนการตดตง Wordpress

โดยเรมจากการดาวนโหลดตนฉบบ Wordpress จากเวบ http://www.wordpress.org/ ซงจะไดแฟมตดตงชอ

wordpress-3.5.zip ให Unzip จะไดโฟลเดอรชอ Wordpress จากนนคดลอกตนฉบบ Wordpress ทงโฟลเดอรไป

ไวทโฟลเดอร www ของ AppServ โดยเอกสารนกาหนดใหคดลอกไปไวท C:\AppServ\www

รป 14 โฟลเดอรเวบของ AppServ

เมอคดลอกโฟลเดอรตนฉบบ Wordpress ไวท C:\AppServ\www แลวใหเปลยนชอโฟลเดอรใหเหมาะสม โดย

แนะนาใหใชชอทสอความหมาย สนกระชบ เปนอกขระตวพมพเลก

เมอเตรยมโฟลเดอรตนฉบบ Wordpress พรอมใชงานแลว ขนถดไปจะเปนการตดตง Wordpress โดยเรมจากการ

เปดโปรแกรมเวบเบราวเซอร แลวพมพ http://localhost/ชอโฟลเดอร เชน http://localhost/wordress ใน

รายการทอยเวบของโปรแกรมเวบเบราวเซอร เมอกดปม Enter จะปรากฏจอภาพเรมตดตงดงน

รป 15 เรมตดตง Wordpress

9

การตดตงWordpress.org บนเครองแมขายเวบจาลองดวย AppServ โดยบญเลศ อรณพบลย

จากรป 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!

10

การตดตงWordpress.org บนเครองแมขายเวบจาลองดวย AppServ โดยบญเลศ อรณพบลย

รป 17 จอภาพปอนรายละเอยดฐานขอมล

ปอนรายละเอยดเกยวกบฐานขอมล แลวคลกปม Submit หากปรากฏจอภาพตามรป 18 แสดงวา “ยงไมไดสราง

ฐานขอมล หรอระบรายละเอยดเกยวกบฐานขอมลผดพลาด”

รป 18 จอภาพ Error เกยวกบฐานขอมล

หากมการระบรายละเอยดฐานขอมลถกตอง และมการสรางฐานขอมลพรอมแลว จะปรากฏผล ดงน

11

การตดตงWordpress.org บนเครองแมขายเวบจาลองดวย AppServ โดยบญเลศ อรณพบลย

รป 19 จอภาพพรอมตดตงระบบ

จากรป 19 คลกปม “Run the install” เพอเขาสกาหนดรายละเอยดเกยวกบเวบ ดงภาพ

รป 20 จอภาพกาหนดรายละเอยดเกยวกบเวบ

รายละเอยดเวบทตองกาหนด ไดแก

• Site Title สามารถใชขอความไดทงภาษาไทยและภาษาองกฤษ โดยมความหมาย

เกยวกบเวบทกระชบ ไมยาวเกนไป เชน Digital Library System : ระบบหองสมดดจทล ทงน

สามารถปรบแกไขไดภายหลง

12

การตดตงWordpress.org บนเครองแมขายเวบจาลองดวย AppServ โดยบญเลศ อรณพบลย

• Username ปอนชอบญช (Accout) ของผดแลเวบ แนะนาใหระบเปนชอทสอ

ความหมาย เปนอกขระภาษาองกฤษตวพมพเลก

• Password, twice ปอนรหสผาน (Password) ของผดแลเวบ ควรกาหนดดวยความ

ระมดระวง บนทกเกบไวดวยเพอปองกนการลม ใหใชอกขระภาษาองกฤษตวพมพเลก ผสมกบ

ตวเลขและอกขระพเศษ เชน # $ %

• Your E-mail ปอนอเมลของผดแลเวบ

บญชเขาเวบ คอ รหสผานคอ

เมอกาหนดรายละเอยดขางตนแลวใหคลกปม “Install WordPress” รอสกครเพอใหโปรแกรมตดตงระบบ และ

จะรายงานผลการตดตง ดงน

รป 21 การตดตงสมบรณ

13

การตดตงWordpress.org บนเครองแมขายเวบจาลองดวย AppServ โดยบญเลศ อรณพบลย

การเรยกดหนาเวบ

เวบทตดตงเรยบรอยแลว สามารถเขาชมไดโดยปอน URL http://localhost/wordpress จะปรากฏผล ดงน

รป 22 หนาเวบจาก Wordpress

ลกษณะหนาตาของหนาเวบ อาจจะแตกตางได