E-commerce Design: Install magento

เนื่องจากมีคนที่มีปัญหาในการลงเจ้าตัว Magento นี้กันอย่างมาก ทำให้คนส่วนใหญ่เลือกที่จะไม่ใช้ เพียงเพราะแค่การติดตั้งที่ยุ่งยากมาก ผมจึงได้เขียนวิธีการลง Magento บนเซิฟเวอร์จำลอง XAMPP แบบละเอียดที่สุด
ก่อนการติดตั้งมาดูข้อดีกับข้อเสียแบบคราวๆกันก่อนนะครับ

ข้อดี : ที่หลักๆเลยก็คือความสวยงามครับ
เนื่องจากความสวยงามของเว็ปมันอยู่ที่ Template งั้นมาดูตัวอย่าง Free Template ของ Magento กันครับ
Free Templates of Magento

ข้อเสีย : เนื่องจากความสวยงาม มันเลยทำให้เกิดความอืดในการทำงานของระบบครับ

ที่นี้ไปเข้าสู่การติดตั้งกันดีกว่า

การติดตั้ง Magento ใน XAMPP
1. ก่อนที่คุณจะติดตั้ง Magento คุณต้องติดตั้งเซิฟเวอร์จำลอง(XAMPP)บนเครื่องPCของคุณก่อน

ลิงค์ขั้นตอนการติดตั้งเซิฟเวอร์จำลอง XAMPP

2. หลังจากผ่านขั้นตอนการติดตั้งเซิฟเวอร์จำลอง XAMPP เสร็จแล้ว คุณต้องไปดาวน์โหลดโปรแกรม Magento ก่อนครับ

ลิงค์ดาวน์โหลด Magento เวอร์ชั่น 1.6.2.0
หมายเหตุ : ผมใช้เวอร์ชั่น 1.6.2.0 นะครับ เนื่องจากตอนที่เขียนบล็อกนี้เวอร์ชั่นนี้ผมว่ามันเสถียรสุดแล้วครับ แต่เนื่องจากทางเว็ป Magento อาจมีการพัฒนาเวอร์ชั่นที่ใหม่ขึ้น ผู้อ่านต้องทำการศึกษาเพิ่มเติมนะครับ ป.ล. วันที่ 19 มกราคม 2555

ตรงช่อง select your format ให้เลือกเป็น magento-1.6.2.0.zip ตามรูปด้านล่างครับ

3. หลังจากดาวน์โหลดเสร็จให้เปิดไฟล์ขึ้นมาเราจะเห็น Folder ชื่อ magento ดังรูปด้านล่าง

4. ให้ copy Folder ชื่อ magento นี้ไปไว้ใน Folder เก็บไฟล์ฐานข้อมูลของ XAMPP ซึ่งอยู่ที่ C:\xampp\htdocs ดังรูปด้านล่างครับ

5. ก่อนทำการติดตั้ง ต้องทำการแก้ไขไฟล์ใน C:\xampp\apache\conf\httpd.conf
หมายเหตุ : การเปิดอ่านไฟล์ ควรใช้โปรแกรม EditPlus เปิดครับ ถ้าใช้ Notepad จะดูยากมากครับ
ลิงค์ดาวน์โหลด EditPlus3.11+Key ถ้าลิงค์ตายก็พยายามหาจากที่อื่นมาใช้นะครับ

การแก้ไข คือ หาบรรทัดชื่อ (การหาอาจใช้เครื่องมือ Search=>Find ที่อยู่ด้านบนช่วย) ดังรูป

#LoadModule rewrite_module modules/mod_rewrite.so

แก้เป็น

LoadModule rewrite_module modules/mod_rewrite.so (เอาเครื่องหมาย # ออก)

แล้วทำการ save

หมายเหตุ : การแก้โค๊ดตัวนี้เพื่อป้องกันการ Erorr ในภายหลัง (ซึ่งพบกันมากเมื่อลงโปรแกรมเสร็จ)

6. ต่อไปต้องแก้ไขโค๊ดในไฟล์ C:\xampp\php\php.ini ตามรูปด้านล่างครับ
ให้ใช้ EditPlus เปิดนะครับ

การแก้ไข มีดังนี้

6.1 หาโค๊ดชื่อ

;extension=php_mcrypt.dll

แก้เป็น

extension=php_mcrypt.dll (เอาเครื่องหมาย ; ออก)

6.2 หาโค๊ดชื่อ

;extension=php_curl.dll

แก้เป็น

extension=php_curl.dll (เอาเครื่องหมาย ; ออก)

6.3 หาโค๊ดชื่อ

;extension=php_pdo_mysql.dll

แก้เป็น

extension=php_pdo_mysql.dll (เอาเครื่องหมาย ; ออก)

พอแก้ไขเสร็จให้ทำการ save ครับ

หมายเหตุ : ถ้าบางโค๊ดที่ไม่มีเครื่องหมาย ; อยู่แล้วก็ไม่ต้องแก้ไขอะไรครับ แล้วถ้าไม่เจอบางโค๊ดก็ไม่ต้องตกใจครับ อย่างของผมไม่เจอโค๊ดบรรทัด ;extension=php_mcrypt.dll เพราะ XAMPP บางเวอร์ชั่นมันมีครับ

ถ้าเห็นภาพไม่ชัดคลิกที่รูปได้เลยนะครับ
หมายเหตุ : การแก้โค๊ดนี้จะช่วยป้องกันปัญหาในขั้นตอนการติดตั้ง ช่วง Configuration ซึ่งก็มีคนติดปัญหานี้กันเยอะมากๆเลยครับ

6.4 หลังจากแก้ไขทุกอย่างเสร็จต้อง Stop แผงควบคุมทั้งหมดของ WAMPP แล้วทำการ Start ใหม่

7. ต่อไปเรามาสร้างฐานข้อมูลใน phpMyAdmin กันครับ
7.1 เปิด Web Browser ของผมขอใช้ Google Chrome แล้วเข้าไปที่ http://127.0.0.1 แล้วเข้าไปที่ phpMyAdmin
หมายเหตุ : ผมขอใช้ http://127.0.0.1 เข้าเซิฟเวอร์จำลอง XAMPP แทนการเข้าด้วย http://localhost นะครับ เพราะป้องกันการเกิดปัญหาล็อกอินเข้า Magento ไม่ได้ครับ

7.2 แล้วล็อกอินเข้า phpMyAdmin โดย Username คือ root แล้ว Password คือ ที่เราสร้างไว้(ถ้าจำไม่ได้ให้เข้าไปดูที่ C:\xampp\security\mysqlrootpasswd.txt)

7.3 เมื่อเข้ามาส่วนของ phpMyAdmin แล้วให้คลิกที่ Databaese

7.4 ในช่อง Create new database ให้พิมพ์ว่า magento และในช่อง Colltion ให้เลือก utf8_general_ci แล้วคลิกที่ Create
หมายเหตุ : ที่ต้องใช้ชื่อ Database เป็น magento เพราะว่าในขั้นตอนที่4 เราได้ทำการสร้าง Folder ชื่อ magento ใน C:\xampp\htdocs ชื่อต้องตรงกัน เซิฟเวอร์ถึงจะหาข้อมูลเจอ

8. เมื่อทุกอย่างพร้อมแล้วเรามาทำการติดตั้ง เจ้าตัว Magento กันเลยครับ
8.1 ให้พิมพ์บน Wab Browser เป็น http://127.0.0.1/magento เพื่อเข้าสุ่หน้าการติดตั้ง Magento แล้วให้คลิกเครื่องหมายถูกตรง ช่อง I agree to the above terms and conditions. แล้วคลิก Continue

8.2 หน้าต่อมาจะเป็นการตั้งค่า Locale คือที่ตั้ง Time Zone คือ โซนเวลา และ Default Currency คือ สกุลเงินที่ใช้ครับ เลือกตามใจชอบแล้วกด Continue

8.3 ในส่วน Configuration นี้ ถ้าใครเปิดมาแล้วติดปัญหาไม่เป็นเหมือนดังรูปด้านล่างต้องย้อนกลับไปขั้นตอนที่ 6 แล้วตรวจสอบให้ดีว่าทำถูกต้องไหมครับ
ในส่วน configuration มีอยู่ 2ส่วน ครับ อธิบายทีละส่วนเลยนะครับ

ส่วนของ Database Connection

Database Type เลือกเป็น MySQL
Host ใส่เป็น localhost
Database Name ใส่เป็น magento (อันนี้จะต้องตรงกับที่เราสร้างฐานข้อมูลใน phpMyAdmin)
User Name ใส่เป็น root (เป็นUsername อันเดียวกับที่เอาไว้ ล็อกอินใน phpMyAdmin)
User Password คือ Password เดียวกับที่เอาไว้ล็อกอินใน phpMyAdmin)
Tables Prefix ให้เว้นว่างไว้ครับ

ในส่วนของWeb Access Options และ Session Storage Options

Base URL คือ ชื่อที่ตั้งของ magento ของเราครับ ก็คือเข้าด้านหน้าร้านครับ ถ้าทำตามขั้นตอนผมมาก็ให้ ตั้งเหมือนรูปด้านบนเลยครับ
Admin Path คือส่วนที่เข้าหลังร้านเพื่อเข้าไปแก้ไขส่วนต่างๆครับครับ เช่นถ้าตั้งเป็น admin เวลาเข้าหลังร้านก็ใช้เป็น http://127.0.0.1/magento/admin
ในส่วนอื่นๆให้ติดตั้งตามรูปด้านบนเลยครับ แล้วกด Continue แล้วรอสักพักใหญ่ๆเลยครับ เพราะว่าโปรแกรมกำลังติดตั้งลง ฐานข้อมูลครับ

8.4 เข้าสู่หน้าต่อมา เป็นส่วนของข้อมูลส่วนตัว แล้วก็ Username และ Password เพื่อเข้าหลังร้านครับ

First Name และ Last Name ให้ใส่ชื่อและนามสกุลของเราครับ
Email ให้ใส่อีเมล์ของเราที่มีอยุ่จริงๆนะครับ
Username อันนี้เป็น Username ที่ไว้เข้าไปปรับแต่งหลังร้านของ magento ครับ
Password เป็น Password ที่ไว้เข้าหลังร้านนะครับ (ต้องเป็นภาษาอังกฤษและตัวเลขผสมกันนะครับมันบังคับ)
Confirm Password กรอก Password อีกครั้งครับ
Encryption Key มันคือ Password อีกตัวครับ ซึ่งเอาไว้ใช้งานในส่วนที่สำคัญๆครับ (ให้ปล่อยว่างไว้ก็ได้ครับ เดี๋ยวโปรแกรมจะสร้างให้เองในหน้าถัดไปครับ)

Continue ไปกันต่อเลยครับ

8.5 ในหน้านี้จะมี Encryption Key ให้ทำการ copy เก็บไว้นะครับ สำคัญมากนะครับ