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

Cordova: สร้าง Application จาก Web กันเถอะ (ภาค 2.1 ติดตั้งสิ่งจำเป็น)

มาติดตั้ง Cordova


สู่ภาคต่อนะครับ ผมต้องขอออกตัวก่อนว่า ผมทำการติดตั้งและทดสอบใน Windows 8 นะครับ ถ้าว่างๆจะทำภาคสอนติดตั้งใน linux Ubuntu อีกทีนึง

สิ่งที่ **จำเป็น**ของการทำ Application นะครับคือ

1. Editor or IDE อันนี้แล้วแต่เลือกเลย
2. คุณต้องรู้ก่อนว่า จะพัฒนาลง อุปกรณ์อะไร OS อะไร?

       2.1 หากต้องการพัฒนา App ให้อุปกรณ์ฝั่ง Apple ที่มีทั้ง iOS Mac OSX เนี้ยจำเป็นต้องใช้เครื่องที่เป็น Mac OSX ทำเท่านั้ัน แต่เหตุผลว่าทำไมนั้น เดี๋ยวผมจะทำให้ดูต่อไปครับ

       2.2 หากต้องการพัฒนาให้ อุปกรณ์ที่ใช้ Android อันนี้ก็จำเป็นต้องมี บางอย่างเพิ่มเติมครับ ได้แก่
            - Java JDK ครับเพราะ Cordova จะเรียกใช้ JDK/bin
            - Apache Ant. อันนี้ผมไม่ค่อยเข้าใจเท่าไหร่ แต่รู้ว่าถ้าจะ สร้างก็จำเป็นทีต้องมี  
           




        - Android SDK https://developer.android.com/sdk/index.html?hl=i  จำเป็นต้องติดตั้งครับ
        - adt-bundle ตัวนี้ผมก็ลงไว้ครับ ดูจากของเว็บฝรั่งมาอีกทีนึง




       2.3 Set Path ครับ เข้าไปตรงนี้ครับ (ของ windows นะ)

กด Environment Var...



เลือก PATH ของ user variable แล้วกด Edit



แล้วใส่เพิ่มหลังสุดตามนี้ครับ (ไม่ต้องขึ้นบรรทัดใหม่นะครับ แต่ผมทำให้เห็นชัดๆเท่านั้ัน)

;       <------ ถ้ามีตัวนี้อยู่ท้ายแล้วไม่ต้องใส่เพิ่มก็ได้นะครับ
C:\adt-bundle\sdk\platform-tools; <------ เราลง adt-bundle ไว้ที่ไหนก็ให้ระบุ path ไปที่นั้ันครับ
C:\adt-bundle\sdk\tools;  <------ เราลง adt-bundle ไว้ที่ไหนก็ให้ระบุ path ไปที่นั้ันครับ
C:\apache-ant-1.9.4\bin; <------ เราลง apache ant ไว้ที่ไหนก็ให้ระบุ path ไปที่นั้ันครับ

หน้าตาจะได้แบบข้างล่างนี้นะครับเวลาเอาไปใส่จริงๆ

;C:\adt-bundle\sdk\platform-tools;C:\adt-bundle\sdk\tools;C:\apache-ant-1.9.4\bin;

อย่าลืม กด OK นะครับ


      ต่อไปเลือก Path ของ System var...

ใส่เหมือนด้านบนเลยครับ
;C:\adt-bundle\sdk\platform-tools;C:\adt-bundle\sdk\tools;C:\apache-ant-1.9.4\bin;
อย่าลืม กด OK นะครับ


ต่อไปเราจะติดตั้ง อีกสองตัวครับ คือ Node.js และ Cordova ต้องขอแบ่งไว้ก่อนนะครับ รู้สึกว่าเริ่มยาวเกินไปและ

ลิ้ง การติดตั้งถัดไป http://themeganear.blogspot.com/2014/10/cordova-applocation-web-22.html
     
  



0 ความคิดเห็น :

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