Cordova

作者: wToFly | 来源:发表于2017-03-23 17:44 被阅读0次

    Cordova:移动开发框架 官方网址

    Cordova与PhoneGap有什么关系?

    PhoneGap 官方网址

    08年一次ios开发者大会上来自Nitobi软件公司的几个家伙突发奇想,提出一个想法,想做一个工具来弥补web和ios开发之间的不足,并提出 Bridging the gap between the web and the iPhone sdk。
    09年他们推出android adk和blackberry sdk,成了移动开发者的福音,就连ibm也加入进来。phonegap继续成长,在2011年10月,整个Nitobi团队被adobe收购,PhoneGap的项目主管Brian LeRoux指出开源PhoneGap的决定在Adobe收购Nitobi之前就做出了,由于Adobe现在拥有PhoneGap商标,他们不得不换个名字,第一个选中的名字是Callback,毫无创意,因此再改一次,产品现在叫Apache Cordova。随后adobe把 phonegap送给了apache软件基金会,接着apache把phonegap改名为cordova,cordova是Nitobi团队当时坐落的街道名称,用此名来纪念Nitobi团队的贡献。
    所以Apache Cordova是从PhoneGap中抽出的核心代码,是驱动PhoneGap的核心引擎,你看着两个官网风格多差不多。

    mark 若不想看文字,可以看视频

    环境搭建

    一. java环境 看这个就行
    二. 安装Cordova(Windows环境下)
    安装Cordova必要
    ① 安装NodeJS 安装完后您应该能在命令行上调用 node 和 npm 。 如果需要,您可能会下载使用工具如 nvm 或 nave 來管理您的 Node.js 安裝
    ② 下载并安裝一個git 用戶端,如果你已經沒有之一。 安裝完成後,您应该能用 git命令行
    ③ 由于安装Cordova很慢,所以需要用淘宝镜像来安装 只要在命令行输入

    npm install -g cnpm --registry=https://registry.npm.taobao.org
    

    即可 之后就可以用cnpm来代替npm命令行
    安装Cordova 输入命令 等待安装完成

    cnpm install -g cordova
    

    创建一个新项目

    使用cd命令跳转至想要创建项目的目录 然后在输入命令(myapp :项目根目录名称,com.zyj.myapp:项目包名,我的应用:App名)

    cordova create myapp com.zyj.myapp 我的应用
    

    创建成功后使用cd命令进入hello文件夹(cd myapp) 然后你可以使用一下命令添加相应的平台(一般只要添加android 和 ios 就行)

    cordova platform add ios
    cordova platform add amazon-fireos
    cordova platform add android
    cordova platform add blackberry10
    cordova platform add firefoxos
    

    当然你也可以添加指定版本的平台(以添加安卓6.0.0版本为例,如下)

    cordova platform add android@6.0.0
    

    之后你可以输入cordova platforms ls(注意 platform 和 platforms 命令是同义语)命令查看已经添加的平台以及版本
    添加平台之后也可以删除(remove==rm)

    cordova platform remove blackberry10
    cordova platform rm ios
    cordova platform rm android
    

    运行/编译项目

    创建项目完成之后就可以运行/编译项目了,在这之前我们还需要下载我们要运行/编译每个平台的SDK,由于编译iOS需要在Mac环境下,所以以下以Android环境为例
    一. 下载安卓SDK,下面列出几个可以快速下载安卓SDK的网址

    http://tools.android-studio.org/index.php/sdk
    http://www.cnblogs.com/bjzhanghao/archive/2012/11/14/android-platform-sdk-download-mirror.html
    

    二. 下载完安卓SDK之后需要配置安卓环境(我的SDK路径为D:\android-sdk-windows)
    ① 打开我的电脑--属性--高级系统设置--环境变量
    ② 新建系统变量ANDROID_HOME,变量名:ANDROID_HOME,变量值:D:\android-sdk-windows
    ③ 选择“系统变量”中变量名为“Path”的环境变量,编辑该变量,在原来变量后追加%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools(注意:需要英文分号结尾,若在最后面加,则需要在这句话最前面加一个分号)
    ④ 测试环境变量是否配置成功。在命令行窗口输入“adb”,输出帮助信息即为配置正确
    ⑤ 配置完之后我们需要启动在SDK目录下的Andorid SDK Manager来更新我们的SDK,以及下载一些编译需要的工具
    ⑥ 直接下载会很慢,甚至会失败,所以需要用代理下载才行,操作步骤看这里,其中的一些镜像服务地址可能失效,我用的是服务地址:mirrors.neusoft.edu.cn 端口:80
    ⑦ 需要下载/更新的如下图,红色箭头表示必须下载,蓝色箭头表示可选下载,安卓每个版本可以按照自己的需要下载,我这里下载了Android7.1.1和Android7.0

    Android SDK install.png
    之后可以等待下载/更新完成,也可以继续进行下一步操作
    三. 下载运行/编译所需的jar包
    ① 在这里提醒一下:若在安装安卓SDK之前添加了android平台,最好先删除 在安装安卓SDK并且配好环境变量之后再添加平台,下载所需jar包时会再命令行页面有进度条显示
    ② 再添加android平台时,这次会下载所需jar包才能成功,而下载的文件都会在C:\Users\Administrator.gradle目录下(注意:可能会很慢,若你中断了也没事,删除.gradle目录下所有文件,然后继续执行添加平台命令即可),出现如下命令就表示成功了
    add platform.png
    ③ 最后按一下命令可以运行/编译了
    1.cordova build:编译项目添加的所有平台(若没对应的sdk会编译失败)
    2.cordova build android:编译项目添加的指定平台(会生成apk)
    3.cordova run android:可以直接运行在连接电脑的android手机上
    

    更多命令请查看官网文档

    Loading... 完善中

    最后:本文尚未完善,如有问题,请评论或私信(在下也只操作过一次,有不对的地方请见谅)

    相关文章

      网友评论

          本文标题:Cordova

          本文链接:https://www.haomeiwen.com/subject/pustottx.html