การ Publish แอพพลิเคชัน Sencha Touch 2 ไปบนเว็บไซต์ด้วย Sencha CMD

บางครั้งหากทำการอัพโหลดไฟล์แอพพลิเคชันที่พัฒนาด้วย Sencha Touch ขึ้นไปบนเว็บไซต์แล้วโหลดช้า เราต้องใช้ Sencha CMD ในการช่วย Publish ตัวไฟล์ทั้งหมดจะเร็วขึ้น

ช่วงแรกหลังจากที่หลายคนได้ศึกษา การพัฒนาแอพพลิเคชันในรูปแบบ Hybrid อย่าง HTML5 กับ Phonegap แล้ว หรือบางคนจะอัพโหลดไฟล์ขึ้นไปเป็น Mobile Web Apps จะเห็นว่าเมื่อเราใช้คำสั่งจาก Sencha CMD อย่าง

sencha generate app “Sample” C:/appserv/www/Sample

ลองไปศึกษากันก่อนในบทเรียนก่อนๆ หน้า: พัฒนา Mobile Web App ด้วย Sencha Touch 2.2.0 รู้จักกับ Sencha Cmd

แล้วนั้นพอไป Run ไปบนเว็บไซต์ ทำไมมันช้า หรือโหลดข้อมูลไม่ต่ำกว่า 20 วินาที หรือมากกว่านั้น เป็นข้อเสียต้นๆ ของ Sencha เลยทีเดียว แน่นอนว่าภายหลังปัญหานี้ก็มีการพูดถึงกันมากใน Sencha Developers Forum แล้วเราก็รู้ว่าแท้จริงแล้ว Sencha CMD นั้นมีฟัก์ชันในการ Package ตัว Project ของ HTML5 ของเราให้เล็ก และโหลดได้ไวอยู่

นั่นคือคำสั่งในการ Build และ Package ตัว Project ของเราครับ

จำไว้ว่าสิ่งที่คุณต้องมีในเครื่องคือ Ruby เวอร์ชัน 1.9.3 และ Compass ที่ต้องอัพเดตตลอดเวลาครับ

เปิด Project ขึ้นมาทดสอบหน่อย

9-7-2556 10-20-46

ต่อมาให้เปิดเรียก CMD ของ Windows ขึ้นมา

ไปที่ Folder ของ Project ของเรา พิมพ์คำสั่งต่อไปนี้

sencha app build

ซึ่งการเรียกคำส่งเหล่านี้ จะมีหลากหลาประเภท และประเภทที่ใช้บ่อยที่สุดคือ

sencha app build production

และ

sencha app build package

โดยเฉพาะ การ Build Package นั้นจะเป็นการทำให้ app.js ใน Folder ของเรา กลายเป็น 1 line เพราะว่า JAVA จะประมวลผลแบบ Interpreter หรือทีละบรรทัด เมื่อมีการ Build Package จะทำให้ app.js กลายเป็น Minifile ทันที

9-7-2556 9-54-58