วันจันทร์ที่ 13 ตุลาคม พ.ศ. 2557

How to develop mobile application using PhoneGap with MobileAngurlaUI on Ubuntu 14.04 LTS

เพื่อนผมใช้งาน Phonegap ทำโปรเจ็คอยู่ครับแต่ของเพื่อนพัฒนาบนวินโดว์ซึ่งผมก็ได้ทดสอบเหมือนกันแต่หงุดหงิดกับระบบจัดการแพ็คเกจบนวินโดวนิดหน่อยและเมื่อ mobileangularui มีการ update จะพบปัญหากับตัว generator ผมเลยทดสอบบน linux แทนผลคือถ้า develop บน linux แทบจะไม่มีปัญหาและจัดการกับปัญหาที่พบง่ายกว่าถึงแม้ว่า mobileangularui จะมีการ update เพิ่มก็ตาม 
Prepare & install Phonegap
  1. ติดตั้ง package git nodejs npm
    sudo apt-get install git nodejs npm
  2. จากนั้นสร้าง link ของ Binary node ด้วยคำสั่ง
    sudo ln -s /usr/bin/nodejs /usr/bin/node
  3. ติดตั้ง yo bower generator-mobileangularui ด้วยคำสั่ง
    sudo npm install -g bower yo generator-mobileangularui
  4. ติดตั้ง gulp
    sudo npm install -g gulp
  5. ติดตั้ง Phonegap ด้วยคำสั่ง
    sudo npm install -g phonegap
สร้างโปรเจ็ค Phonegap
  1. phonegap create weather
  2. cd weather
  3. yo mobileangularui
ทดสอบรัน Test Application
  1. หลังจากสร้างโปรเจ็คครั้งแรกให้รันคำสั่ง
    gulp build
  2. จากนั้นใช้คำสั่งดังนี้เพื่อรัน Test Application สำหรับทดสอบร่วมกับมือถือ
    phonegap serve
    เมื่อรัน Test Application เรียบร้อยแล้วจะได้ IP และ Port ของ Appilcation 
  3. โหลด Appilcation Phonegap จาก App Store หรือ Play Store ติดตั้งบนอุปกรณ์มือถือโดยใส่หมายเลข IP และ Port จากข้อที่ 1 เพื่อทดสอบเชื่อมต่อกับอุปกรณ์ หากเชื่อมต่อได้สำเร็จจะได้ผลลัพท์ดังรูปด้านล่าง
ผมลองทดสอบติดตั้งสองรอบ รอบแรกประสบปัญหาเยอะมากเลยแต่ก็ได้วิธีแก้ไขเยอะด้วยเช่นกัน หากใครทดสอบติดตั้งแล้วติดปัญหาลองติดต่อมาได้นะครับ

References

ไม่มีความคิดเห็น:

แสดงความคิดเห็น