wordpress 3.5 -install-appserv

13
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

Upload: boonlert-aroonpiboon

Post on 26-May-2015

2.011 views

Category:

Technology


1 download

DESCRIPTION

การติดตั้ง Wordpress.org 3.5 บน AppServ

TRANSCRIPT

Page 1: 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

Page 2: Wordpress 3.5 -install-appserv

2

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

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

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

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

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

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

Page 3: Wordpress 3.5 -install-appserv

3

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

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

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

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

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

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

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

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

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

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

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

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

Page 4: Wordpress 3.5 -install-appserv

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

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

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

Page 5: Wordpress 3.5 -install-appserv

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)

Page 6: Wordpress 3.5 -install-appserv

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 จากนนคลกปม “เขาสระบบ”

Page 7: Wordpress 3.5 -install-appserv

7

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

รป 11 จอภาพ phpMyAdmin

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

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

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

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

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

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

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

Page 8: Wordpress 3.5 -install-appserv

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

Page 9: Wordpress 3.5 -install-appserv

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!

Page 10: Wordpress 3.5 -install-appserv

10

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

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

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

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

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

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

Page 11: Wordpress 3.5 -install-appserv

11

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

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

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

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

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

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

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

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

Page 12: Wordpress 3.5 -install-appserv

12

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

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

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

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

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

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

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

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

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

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

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

Page 13: Wordpress 3.5 -install-appserv

13

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

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

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

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

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