cordova開發日記01:環境部署

安裝部署

npm install -g cordova
cordova create MyApp
cd MyApp
cordova platform add browser
cordova run browser

上面的browser能夠是其餘平臺(android/ios等)

我目前使用的是android平臺,系統是ubuntu

如下幾個問題注意如下:

1. 編譯安卓app須要oracle jdk,不能用系統自帶的openjdk
2. 保證android sdk已經配置到環境變量
3. 保證adb正確連接設備

adb的配置能夠參考這篇文章:http://www.linuxidc.com/Linux/2013-01/77625.htm

跨域請求

衆所周知,瀏覽器爲了安全,默認的請求是無法跨域的,在cordova中須要額外設置

這裏要用到一個插件:cordova-plugin-whitelist

官方地址:http://cordova.apache.org/docs/en/latest/reference/cordova-plugin-whitelist/index.html

視圖架構

由於cordova是單webview模式,因此視圖架構直接影響app的體驗.

推薦框架是react.js,性能高,jsx配合webpack很是適合單頁面應用的開發.(react-native在這裏不作介紹,有興趣的能夠看看,和cordova各有優點)

關於jQuery/zepto,並非不能引,某些方法仍是超級實用的,可是不要用他們來作dom操做,效率很是低.

一些問題

某些手機存在300ms點擊延遲,這個建議使用fastclick.js解決

還有一些坑稍後會補充...

調試

推薦ripple

npm install -g ripple-emulator
cd appDir
ripple emulate

真機調試: 我寫成了一個bash腳本

#!/usr/bin/bash
cd /home/wolfx/項目/cordova/roadkeeper

for arg in "$@"
do
  if [ $arg == -b ]; then
    cordova build android
  fi
done

for arg in "$@"
do
  if [ $arg == -i ]; then
    adb install -r /home/wolfx/項目/cordova/roadkeeper/platforms/android/build/outputs/apk/android-armv7-debug.apk
  fi
done

也能夠直接

cordova run android