Cordova开发学习笔记（一）

[doin]

安装

sudo npm install -g cordova

Hello world

cordova create hello com.example.hello HelloWorld   //创建项目
cd hello
cordova platform add ios --save
cordova platform add android --save
cordova platform add browser --save
cordova platform ls

打包

cordova build
cordova build ios      //可以打包指定的平台
cordova build android  //debug版本
ln -s platforms/android/build/outputs/apk android-apk  // 建立符号链接 android-apk
// realse包参考 https://segmentfault.com/a/1190000005177715

调试

cordova run android
cordova emulate android //在模拟器上运行（前提是创建好AVD）

插件

https://github.com/unimonkiez/react-cordova-boilerplate
https://crosswalk-project.org/documentation/ios.html

http://cordova.apache.org/docs/en/latest/guide/platforms/android/index.html

[doin]

• 学习参考： http://eteng-wiki.github.io/HAC-WIKI/getStart/

[doin]

• Cordova配置文件常用属性配置分析（config.xml） - http://blog.csdn.net/jiangbo_phd/article/details/52604402

[doin]

Cordova中设置设备锁定横屏竖屏

• 加入：<preference name="orientation" value="portrait" />

  <platform name="android">  
  <allow-intent href="market:*" />  
  <preference name="orientation" value="portrait" />  
  </platform>  
  <platform name="ios">  
  <allow-intent href="itms:*" />  
  <allow-intent href="itms-apps:*" />  
  <preference name="orientation" value="portrait" />  
  </platform>  

[doin]

react-router无法跳转

• 可以跳转
• 由于本地浏览器是有dev-server服务的，而在XCODE里的页面是file://开头路径不对， 所以不能使用window.location.href = "/#/" 这个方式路由跳转， 要使用this.props.history.push('/user') 进行跳转。
• 注意： 不是rutoer直接的路由对象，也就是子组件，需要传递history。如下：

  <WaitReview history={ this.props.history }/>

[doin]

修改启动图标和ICON

• http://blog.csdn.net/Ouchieve_111/article/details/51478943

报错 ：Images.xcassets: The launch image set named "LaunchImage" did not have any a

• 解决：图片的格式大小不对就会这么报，耐心的修改好图片 http://blog.csdn.net/iOSTianNan/article/details/52102571

[doin]

内核安装

• https://github.com/unimonkiez/react-cordova-boilerplate
• https://crosswalk-project.org/documentation/ios.html