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