cordova

安装 cordova： npm install -g cordova 创建应用程序 cordova create hello com.example.hello HelloWorld 添加平台 cordova platform add android cordova platform add ios 完成后运行以下命令查看： cordova platfrom list 移除Android平台支持 cordova platform rm android 运行以下命令编译应用程序： cordova build 或 cordova build android //只针对Andorid平台编译 实际上build命令相当于以下两个命令： cordova prepare android cordova compile android 启动模拟器： cordova emulate android 添加插件： 可以用CLI搜索可用的插件： cordova plugin search bar code 安装插件，比如: cordova plugin add org.apache.cordova.device //设备API cordova plugin add org.apache.cordova.network-information //网络（事件） cordova plugin add org

1.命令行更新 cordova，ionic。nodejs ，npm，bower等到新版本，不要在vs中更新 2.程序突然白屏 因为拷贝其他程序到js中，乱码 ；a模拟器打开 f12看控制台错误解决 3.注意多一个逗号 ，}，造成程序崩掉 4.无法真机调试： a。手机没连 b。重启vs或机器 instead saw 5.增加插件，注意更新app.js 的 config注入 6.service不返回，用在return中写函数 7.controller报错，注意注入$插件 8.$scope.data在controller初始化{}，否则调用显示未定义错误 9.真机调试 iphone anroid ：哈工大代理安装avd，，删除金山手机卫士，否则会占用端口。。 10。fileupload 服务端接收方法见协同平台 11. $state.go("tab.accountlistitem"); 的controller必须存在，只是app.js配置$state.go不会跳转。 12. 升级到cordova 5.0后，在 Android 表现为链接无法打开 cordova 5.0需要手动添加whitelist插件，控制对外部链接的访问权限 cordova plugin add cordova-plugin-whitelist 设置白名单即可。 13.右键获取程序目录， cmd cd到目录，运行命令

引言 随着 Web 技术和移动设备的快速发展，Hybrid 技术已经成为一种最主流最常见的方案。一套好的 Hybrid架构方案 能让 App 既能拥有极致的体验和性能，同时也能拥有 Web技术 灵活的开发模式、跨平台能力以及热更新机制，想想是不是都鸡冻不已。。😄。本系列文章是公司在这方面实践的一个总结！ Native App 开发模式 Native App，原生APP，使用原生（即Android或iOS）开发的APP。应用的性能好是无容置疑的，但是企业大都处于尝试和摸索期，企业需要在短时间内快速推出不同的功能、产品来适应市场的需求和变化。对于有专业开发团队的互联网公司而言推陈出新都是个难题，更不要说在企业中的应用。 其缺点有： 开发、更新、维护的周期太长 无法跨平台：Android和iOS都需要开发各自平台的版本——开发成本高； 升级麻烦：每次升级都要下载安装包，Android还好，反正不需要审核，下载就下载吧，但iOS就麻烦了，发布每个版本还得经过App Store的审核 Android和iOS很难同步发布。 Web App 开发模式 HTML5技术的兴起给Web App注入了新的生机。可是Web App目前的本质是金玉其外败絮其中，功能不但无法和Native App媲美，用户体验更是众所周知的弊端。在当前iOS、Android系统主导的桌面入口的形态下，让用户打开浏览器

准备工作包括nodejs、cordova、AndroidStudio。 一、创建一个cordova工程 　　 cordova create cordovaVue 　　 cd cordovaVue config.xml -包含应用相关信息，使用到的插件以及面向的平台 platforms - 包含应用运行平台如 Android 和 iOS 上对应的 Cordova 库 plugins - 包含应用所需插件的 Cordova 库，使得应用能够访问例如照相机和电池状态相关的事项。 www - 包含应用源代码，例如 HTML, JavaScript 和 CSS 文件 hooks - 包含为个性化应用编译系统所需的脚本 二、添加安卓平台 　　cordova platform add android -- save 三、在vue项目中生成编译完成的源文件 　　npm run build 四、将cordova项目中的www文件夹下的内容替换为vue项目中生成的dist文件夹中的内容 五、在cordova项目中创建Android应用 　　 cordova build android 六、将手机连接在电脑上，运行该 Android 程序 　　 cordova run android 来源： https://www.cnblogs.com/sharpall/p/6780311.html

在《 Cordova webapp实战开发：（2）认识一下Cordova 》中我们了解了Cordova和Phonegap的关系，并简要介绍了一下它的架构，以及多平台性，并给大家留了一些作业。我看到群里也有人已经完成，真是认真学习的人！我相信这样的人一定会进步比较快，认真而踏实，即使没有其他人聪明，但是一定会比他们更优秀。 周五的时候大家就给我上一篇点了40多个赞，并有20条回复，我又要开始写下一篇了。本来决定下周一开始写，不过看群里大家聊得蛮积极的，被这种学习热情所打动，我就把这个系列写的勤快一些吧。 那这一篇要写些什么呢？ 如果对想学的东西在一开始有一个大概的了解，我想会增加对学习的信心和热情，所以，今天我要说的是后面我们可能会学到的东西。为什么说可能呢？因为我也在用Cordova做产品，后续可能会使用一些现在还没有使用到的东西，所以后续可能讲的会比我现在说的多。 今天的这篇博客没有作业，毕竟是周末，轻松一点也算是对自己好的一种表现，劳逸结合才能让自己更加高效。那我就开始罗列一下你可能会学到的东西吧。大家也可以补充你们想学的东西。如果正好是我也会的，我可以考虑是否加入以及如何加进去。 开发工具和开发环境 我们只讲Android和iOS下的App，所以也只要讲对这两个平台下的开发工具的环境搭建 开发Android我用的是Eclipse，Windows下进行

说在前面的话 当时搭建此环境的时候，由于网络环境比较差，各种不成功，在网上找了好久教程，趟过很多坑，现在把自己实践成功的写出来，给大家一个参考吧。 操作步骤： 1、安装node.js 2、安装Cordova 3、安装ionic 4、验证 5、 安装iOS－sim 、iOS -deploy 一、安装node.js 要装cordova和ionic，需先安装node.js，因为cordova和ionic需要通过命令在线安装。去官网下载node.js安装包安装,网址是 https://nodejs.org/en/ ,下载那个推荐使用的，如下图： 安装完后，在终端terminal输入以下命令验证是否安装成功： 　　node －v 　　npm -v 二、安装cordova 需要通过命令在线安装。网络环境比较差，通过镜像安装成功（若你能翻墙的话，就不要这么折腾了,直接按官网的操作流程就好了。。。）， 1)设置镜像 npm config set registry http://registry.cnpmjs.org 2）安装cordova （其实也可以ionic一块装的，但是没试过。。。） sudo cnpm install -g cordova 3）测试安装是否成功： cordova -v 三、安装ionic 这个安装的比较纠结， 首先 sudo cnpm install -g ionic