Post on 26-May-2015
description
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
ลกษณะหนาตาของหนาเวบ อาจจะแตกตางได