ติดตั้ง Apache Cordova (PhoneGap) แบบเกือบ portable บน Windows (วิธีที่สอง)

คราวที่แล้วเราติดตั้ง Cordova แบบ platform-centered โดยเน้น Android คราวนี้เราจะมาลองติดตั้งแบบ Cross-platform โดยใช้ command-line interface (CLI) กันครับ

ก่อนอื่น สมมติว่าเรามีโฟลเดอร์ D:\mobile และในนั้นมี D:\mobile\adt-bundle D:\mobile\nodejs แล้วเหมือนบทความแรกนะครับ

เพื่อที่จะติดตั้ง module อื่นๆของ nodejs ได้ เราจะใช้ module ที่ชื่อว่า npm (Node Package Manager) ซึ่งถ้าติดตั้ง nodejs โดยใช้ installer ก็จะมีตัวนี้มาให้โดยอัตโนมัติ แต่เนื่องจากเราพยายามจะทำให้มัน portable ให้มากที่สุด เราจะดาวน์โหลดมาติดตั้งเองจาก http://nodejs.org/dist/npm/ เลือกไฟล์ zip เวอร์ชันล่าสุดก็แล้วกันนะครับ สมมติว่าชื่อ npm-4.1.12.zip

จากนั้นก็คัดลอกไฟล์นี้ไปไว้ยัง D:\mobile\nodejs แล้วแตกไฟล์นี้ออกมาเลยครับ ก็จะมีไฟล์ใหม่คือ npm.cmd และ โฟลเดอร์ node_modules ขึ้นครับ

ปกติ npm จะสร้าง cache ไว้ที่ C:\Users\username\AppData\Roaming แต่เมื่อเราต้องการให้มันเป็น portable ได้มากขึ้น เราจะกำหนด cache folder ใหม่ดังนี้
- สร้างโฟลเดอร์ชื่อ D:\mobile\nodejs\node_modules\npm\npm-cache
- ไปที่ command prompt แล้วย้ายไปที่ D:\mobile พิมพ์คำสั่ง npm config set cache D:\mobile\nodejs\node_modules\npm\npm-cache --global แล้วกด Enter (คำสั่งนี้ต้องเรียกใช้ทุกครั้งก่อนติดตั้ง module ใหม่ โดยใช้ npm) อย่าพึ่งปิด command prompt นี้นะครับ

แก้ไขไฟล์ D:\mobile\setpath.bat ที่เคยทำไว้ในบทความแรกดังนี้

:: set Android home and path, Nodejs path
set ANDROID_HOME=%~dp0adt-bundle\sdk
set NODE_PATH=%~dp0nodejs
set NODE_MODULES=%NODE_PATH%\node_modules
set NPM_CONFIG_PREFIX=%NODE_PATH%
set PATH=%PATH%;%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools;%ANDROID_HOME%\build-tools;%NODE_PATH%;%NODE_MODULES%

กลับไปที่ command prompt ที่เปิดค้างไว้ แล้วเรียก setpath.bat

ตอนนี้เราพร้อมที่จะติดตั้ง cordova แล้วครับ ที่ command prompt ใช้คำสั่ง npm install -g cordova
ซึ่ง -g หมายถึงให้ติดตั้งแบบ global ครับ การติดตั้งต้องใช้เน็ต และใช้เวลาพอสมควรครับ ตอนนี้เราพร้อมที่จะใช้งาน cordova เพื่อสร้าง project ในแพลตฟอร์มต่างๆแล้วครับ

ขั้นตอนเสริม (ไม่จำเป็นก็ได้)
เราสามารถติดตั้ง module เพิ่มเติมชื่อ plugman ได้ครับ โมดูลนี้จะช่วยในการติดตั้ง plug-in ต่างๆให้กับ cordova project ในกรณีที่เราใช้กระบวนการติดตั้งแบบแรก (platform-centered)
หากจะติดตั้ง plugman ให้ใช้คำสั่งใน command prompt (ถ้าเปิดใหม่อย่าลืม set npm cache ด้วยนะครับ) ดังนี้
npm install -g plugman
เช่นเดิมครับ ต้องการติดตั้งผ่านเน็ตและใช้เวลาพอควร

ตอนต่อไปจะทำการสร้าง cordova project สำหรับ multi-platform ต่อไปครับ