วันนี้จะมาแนะนำการเชื่อมต่อข้อมูลของ Magento เข้ากับ Ionic Framework แต่มาดูว่า ionic framework นั้นมันคืออะไร

Ionic Framework ถูกสร้างเพื่อให้เราสามารถพัฒนา App บนมือถือเพื่อให้ได้หน้าตาใกล้เคียงกับ Native app มากที่สุด แต่เราเรียก Ionic Framework ว่าเป็นเเบบ Hybrid app โดยใช้ Angular Js Cordova ในการพัฒนา ทำให้เราสามารถเขียน app ios และ android platform ได้สะดวกขึ้น

ตอนนี้เรามาดูวิธีการเชื่อมต่อ Ionic เข้ากับ Magento กัน

1.เราต้องเปิดการใช้งาน XMLConnect ใน Magento ของคุณก่อนโดยอัพเดทฟิวส์ active เป็น True ใน Mage_XmlConnect.xml

 

2

 

2.เข้าสู่ระบบ Magento Admin คุณจะเห็นปุ่ม Mobile ขึ้นมา แต่ถ้าปุ่ม Mobile ไม่เเสดงขึ้นมาให้ Clear Cache ในระบบก่อน

 

3

 

3.ไปที่ Mobile->Manage Apps->Add App เลือก Device ที่คุณต้องการจะใช้พอเสร็จแล้วจะได้ app code มาสำหรับเชื่อมต่อกับ Ionic

 

4

 

5

 

6

 

4.ติดตั้ง Ionic Framework ตามลิงค์นี้

5.หลังจากติดตั้งเสร็จแล้วให้ไปที่ folder ที่ตั้งชื่อไว้แล้วไปที่ www->js->เปิด app.js ขึ้นมาให้นำ URL และ App Code ไปเชื่อมต่อ

ตัวอย่าง

this.url = “http://127.0.0.1/magento/index.php/”

this.appCode = “defiph4”; /

6.หลังจากนั้นให้ run ionic serve เราก็จะได้เห็นข้อมูลสินค้าที่เชื่อมต่อกับMagento

Capture1

 

Kanyarat Povorasin