zoukankan      html  css  js  c++  java
  • Cordova探险系列(一个)

    最早接触PhoneGap平台是在1年多之前,可以使用HTML、CSS和JavaScript跨平台来编写Android或者IOS设备程序。而且应用的核心代码不须要多少改动就行移植。确实让我感觉的到它应该是未来移动设备开发的趋势。

    Web程序猿,特别是前端程序猿,可以轻松的通过Web技术来编写移动设备软件。

    可是当时给我带来的感觉是应用的响应速度太慢,提供的API不全。可以实现的功能不多。PhoneGap经过1年多的沉淀。现在过头再来看PhoneGap,它又是什么样的呢?有哪些进步呢?

    Cordova是什么?

    Apache Cordova是PhoneGap贡献给Apache后的开源项目,是从PhoneGap中抽出的核心代码,是驱动PhoneGap的核心引擎。

    Cordova是一个设备API的集合,它同意手机开发人员通过JavaScript去訪问设备原生功能,比如相机。重力感应等。

    结合UI框架,比如jQuery Mobile,Dojo Mobile或者Sencha Touch。能够让开发人员通过HTML,CSS和JavaScript开发手机应用。

    当使用Cordova的API时,应用能够在没有不论什么原生代码(Java。Object-C等)的情况下构建。而且,尽管使用着Web开发技术。可是该应用却是在本机执行,而不是远程的Web应用)。

    而且由于提供的JavaScript的API在多个设备平台都保持一致性而且基于web标准,所以,应用能够在差点儿没有不论什么改动的情况下应用到各个不同的设备平台。

    使用Cordova开发的应用仍然是使用平台的SDK打包,能够放置到每一个设备平台的应用商店中。

    Cordova提供了一套统一的JavaScript库,其背后使用平台相应的代码来驱动设备。Cordova支持的平台有:IOS。Android,Blackberry。Windows Phone。Palm WebOS。Bada和Symbian。

    怎样開始Cordova编程?

    1.下载并安装node.js(假设你已经安装过,就不用了)

    http://nodejs.org/

    2.安装Cordova

    1
    
    sudo npm install -g cordova
    

    3.创建应用程序

    1
    
    cordova create hello com.example.hello HelloWorld
    

    4.加入应用平台

    这里加入的是Android应用程序

    你可能会得到例如以下信息:

    Error: ERROR : executing command ‘ant’, make sure you have ant installed and added to your path.

    说明你须要安装ant,方法例如以下:

    1
    2
    
    brew update
    brew install ant
    

    然后加入应用平台

    1
    
    cd hello
    

    首先进入到hello文件夹下

    1
    
    cordova platform add android
    

    这里也能够删除一个应用平台

    1
    
    cordova platform rm android
    

    通过ls命令

    1
    
    cordova platforms ls
    

    能够查看你安装关于平台的信息,比如。我的是:

    Installed platforms: android 3.3.0

    Available platforms: blackberry10, firefoxos, ios

    5.构建应用程序

    在进行构建之前,先确保你的Android SDK配置好了。

    须要下载Android的SDK,并设置Path到系统路径下。

    安装Android SDK(Mac平台。下载解压缩即可)

    配置SDK的Path到系统路径

    1
    
    touch ~/.bash_profile; open ~/.bash_profile
    

    在profile文件里加一句话:

    export PATH=${PATH}:/Users/twer/Downloads/adt-bundle-mac-x86_64-20131030/sdk/platform-tools:/Users/twer/Downloads/adt-bundle-mac-x86_64-20131030/sdk/tools

    记得要指定你自己的路径。

    最后还要运行profile将它更新到你的系统path下。

    1
    
    source ~/.bash_profile
    

    然后你就能够開始构建了:

    1
    
    cordova build
    

    当然你也能够正对某一个平台构建:

    1
    
    cordova build android
    

    6.在模拟器上执行

    1
    
    cordova emulate android
    

    此时,模拟器会启动。并自己主动安装应用,效果应该例如以下:

    Jasmine

    7.实体机上执行

    将你的设备插到电脑上,然后执行命令:

    1
    
    cordova run android
    

    应用程序将被安装到你的手机。


    版权声明:本文博客原创文章,博客,未经同意,不得转载。

  • 相关阅读:
    c#基础练习
    一款很厉害的死循环代码
    文字变色逐个出现的特效源码
    IOS开发之UILabel动态高度设置方法
    慎重选择容器类型
    Mac下显示隐藏文件 以及修改 hosts文件内容
    SharePoint 如何使自己的网页自动跳转
    位置和地图:地图的使用
    谈话Java在ThreadLocal理解类
    Android 滑动界面实现---Scroller类别 从源代码和开发文档了解(让你的移动布局)
  • 原文地址:https://www.cnblogs.com/blfshiye/p/4636431.html
Copyright © 2011-2022 走看看