Cordova + Polymer = cool Mobile app

วันนี้นั่งหาจังหวะลอง เอา  cordova + polymer มาพยายามทำ android app เล่นสักตัว นั่งทำตั้งแต่เช้า ทำๆหยุดๆเพราะทำตอนว่างๆ compile ติดแก้ไม่ได้งงอยู่นานมาก หาวิธีแก้ตั้งนานกว่าจะหาเจอว่าเป็นเพราะอะไร เขียน blog ทิ้งไว้ก่อนดีกว่าเดี๋ยวลืม

blog นี้เป็นการสร้าง android app จากการใช้ cordova + polymer โดยใช้ blog ต่างประเทศอ้างอิง 2 blog คือ
https://blog.nraboy.com/2014/07/use-polymer-apache-cordova/
http://k33g.github.io/2014/08/09/POLYMER-MOB-PAPER.html

blog แรกจะเป็นการ set ให้ cordova ใช้งานร่วมกับ polymer
blog ที่ 2 จะเป็นการแก้ code polymer สำหรับทำหน้าเว็บ

แต่เมื่อทำเสร็จแล้ว จะ compile ไม่ผ่านต้องแก้ตามนี้

ใน root directory ของ project จะต้องแก้ file config.xml เพิ่ม platform เข้าไปดังนี้

    <platform name="android">

    </platform>

ใน directory ของ polymer ที่เก็บ www/js/vendors/web-animations-js/www/js/vendors/web-animations-js.gz จะต้อง gunzip มันออกมาก่อน ไม่งั้นจะ compile ไม่ผ่าน

cordova + polymer + genymotion (free editon)

เมื่อลองกับ device ที่จอเล็กลง แถบด้านข้าง จะหดกลับไปเป็น menu แบบ auto ด้วยข้อดีของ web component