วิธีติดตั้ง PhoneGap/Cordova พร้อมพัฒนาแอพ Windows Phone

ใครลงทะเบียนมา Workshop ทำแอพ iOS, Android, และ Windows Phone ด้วย HTML และ PhoneGap/Cordova กับโค้ชพล มาดูวิธีการเตรียมเครื่องพร้อมทำแอพ Windows Phone กันเลย

1. ติดตั้งโปรแกรมและระบบพื้นฐานการใช้งาน PhoneGap/Cordova

1.1 ติดตั้ง NodeJS, PhoneGap CLI, และ Cordova CLI

ก่อนอื่นเราต้องมีตัวติดตั้งระบบที่ชื่อ NodeJS ซะก่อน (ดาวน์โหลดได้จากที่นี่) แล้วทำการติดตั้งตามขั้นตอนในวิดีโอเลย

1.2 ติดตั้ง Git

เสร็จแล้วติดตั้ง Git ต่อเลยครับ (ดาวน์โหลดได้จากที่นี่)m

2. สิ่งที่ต้องมีในเครื่อง

ให้แน่ใจว่ามี 2 ส่วนนี้ในเครื่องที่จะนำมาอบรมนะครับ

1. ระบบปฏิบัติการ Windows 8 Pro ขึ้นไป (จำเป็นต้องเป็นรุ่นโปร เพราะ Emulator ของ Windows Phone ทำงานได้เฉพาะรุ่นนี้ขึ้นไปเท่านั้น)
2. Windows Phone SDK (ดาวน์โหลดได้จากที่นี่)

** ถ้ามีการติดตั้ง Windows Phone SDK พร้อมกับ Visual Studio 2013 Update 4 เรียบร้อยแล้ว ให้ทำการอัพเดตตัว SDK ตามปกติ ไม่ต้องโหลดมาเพิ่มเติมครับ

3. ติดตั้ง PATH ของ Windows Phone SDK

เราต้องทำการตั้งค่า PATH ของ Windows Phone SDK เพื่อให้ PhoneGap/Cordova สามารถเรียกใช้ได้ง่าย

3.1 ก๊อปปี้ PATH ของ .NET Framework

ไปที่ C:WindowsMicrosoft.NETFramework แล้ว double-click เข้าไปใน folder ของหมายเลข framework ตัวล่าสุด (มากที่สุด) แล้ว ก๊อปปี้ PATH ออกมา

2.2 ตั้งค่า PATH ใน Environment variable

คลิกขวาที่ปุ่ม Start ด้านล่างซ้าย (มีใน Windows 8.1+) แล้วเลือก System

คลิกเปิด Advanced System Setting

 

คลิกเปิด Environment Variables

ในส่วนของ User Variable ด้านบน เลือกรายการ Path

3.3 ใส่ PATH

ถ้า PATH เดิมมีแบบนี้

C:Dev_PhoneGapadt-bundle-windowssdkplatform-tools

ให้ใส่ ‘;’ (semicolon) ลงไปก่อน แล้วก่อนวาง Path ของ .NET Framework ที่เราก๊อปปี้มาลงไป

C:Dev_PhoneGapadt-bundle-windowssdkplatform-tools;C:WindowsMicrosoft.NETFrameworkv4.0.30319

จากนั้นให้กด OK ออกมาจะเป็นการบันทึกไฟล์

4. ทดสอบการติดตั้ง

ให้เปิด Command Prompt แล้ว

cordova create NextflowApp

...

cd NextflowApp

cordova platform add wp8

ถ้าไม่มีอะไรผิดพลาด จะมีแจ้งว่า Successful ครับ

มา Workshop ทำแอพ iOS, Android, Windows Phone ด้วย HTML5 และ PhoneGap/Cordova

โค้ชพลจัดหลักสูตร 2 วัน ทำแอพจริง ทดลองของจริง กันพร้อมแนวคิด และเคล็ดลับต่างๆ

คลิกดูวันเวลา และลงทะเบียนได้ที่นี่