美文网首页
PhoneGap简单了解

PhoneGap简单了解

作者: 夏天的风_song | 来源:发表于2017-04-20 09:18 被阅读0次

    PhoneGap官方网站Cordova官方网站
    Cordova中文教程

    一、PhoneGap和cordova

    Apache Cordova是一个开源的移动开发框架。它允许您使用标准Web技术 - HTML5,CSS3和JavaScript进行跨平台开发。应用程序在针对每个平台的包装器中执行,并且依赖于符合标准的API绑定来访问每个设备的功能,如传感器,数据,网络状态等。

    PhoneGap 被 Adobe 收购了,但是剥离了核心代码贡献给 Apache Software Foundation,Apache 将这个项目命名为Cordova ,也就是说 PhoneGap 是基于 Cordova 的。

    就目前来看,cordova是一个移动应用开发框架,你基于这个东西可以用网页代码作出APP。Phonegap Build是一个在线打包工具,你把使用cordova写好的项目给Phonegap Build,Phonegap Build就会在线打包成App。

    目前大家所说的Phonegap,其实指的都是cordova,而那个真正被Adobe收购了的Phonegap(PhoneGap | Home),现在是Phonegap Build,(iPhone, Android SDK service)和cordova(Apache Cordova)的合体。

    二、使用PhoneGap

    开始使用

    注意:在设备上预览应用程序时,需要设备和server在同一局域网中

    三、构建和打包应用程序的两种选择

    ** 1、使用PhoneGap CLI在本地构建和打包**

    在安装PhoneGap CLI之前,您需要一些基本的要求:

    Node.js - 构建JavaScript代码的JavaScript运行时

    git - 在后台使用CLI下载资源。它预先安装在某些操作系统上。您可以通过git从命令行输入来检查是否已经安装。

    通过npm安装

    运行以下命令安装最新版本的PhoneGap CLI:

    $ npm install -g phonegap
    

    安装特定版本
    您可以通过指定符号后的版本号来安装

    PhoneGap CLI的特定版本:npm@

    $ npm install -g phonegap@5.1.1
    

    提示:要获得可用的PhoneGap CLI版本列表,您可以运行

    $ npm info phonegap```
    
    如果在此处运行任何命令时遇到错误,请尝试加上前缀sudo,例如:$ sudo npm install -g phonegap
    
    ps:可能会出现 npm: command not found的错误,这是因为没有安装npm([安装npm和node](http://www.jianshu.com/p/20ea93641bda))和sudo: npm: command not found  [解决](http://leeqq.iteye.com/blog/2269038)
    
    也可能会出现出现权限问题[Operation not permitted](http://www.jianshu.com/p/22b89f19afd6),可以尝试关闭 Rootless。重启按住 Command+R,进入恢复模式,打开Terminal。
    
    

    csrutil disable```
    重启即可。想要恢复默认,那么

    csrutil enable
    
    ** 2、 使用PhoneGap构建云服务,以简化构建和应用程序打包过程**
    • 首先要注册一个账号(有付费账号和免费账号)
    • 上传相应平台的证书
    • 构建版本

    ps:安装模拟器以便测试的时候在模拟器上运行安装模拟器

    四、添加相应的平台

    使用PhoneGap建立的项目默认只有brower平台,我们可以使用Cordova添加相应的平台,以便在不同平台做个性化的处理,比方说,设置iOS平台设置证书和单独Building。

    安装Cordova CLI

    参考创建您的第一个Cordova应用程序

    Cordova命令行工具以npm软件包的形式发布。

    要安装cordova命令行工具,请按照下列步骤操作:

    • 1.下载并安装 Node.js

    • **2.(可选)如果你还没有下载git客户端,请下载并安装。安装后,您应该可以在命令行调用git.当我们使用url引用到git repo时,CLI使用它来下载资源。 **

    • 3.cordova使用npm Node.js的实用程序安装模块。该cordova模块将由npm实用程序自动下载

    在OS X和Linux上:

      $ sudo npm install -g cordova
    

    在OS X和Linux上,可能需要对npm命令 sudo添加前缀,以将此开发实用程序安装在其他有限的目录中/usr/local/share。如果使用可选的nvm / nave工具或对安装目录具有写入权限,则可以省略sudo前缀。

    在Windows上:

       C:\>npm install -g cordova
    

    -g上面的标志告诉全球npm安装cordova。否则将安装在node_modules当前工作目录的子目录中。
    安装后,您应该能够cordova在命令行中运行 ,不带参数,它应该打印帮助文本。

    添加平台

    该命令需要在项目目录或者任何子目录中运行

    $ cd HelloWorld
    

    添加您要定位到应用程序的平台。我们将添加“ios”和“android”平台,并确保它们被保存到config.xml:

    $ cordova platform add ios --save
    $ cordova platform add android --save
    
    

    检查您当前的平台集:

    $ cordova platform ls
    

    运行命令添加或删除平台影响该项目的内容平台的目录,其中每个指定的平台上显示为一个子目录。

    注:当使用CLI来构建应用程序,你不应该编辑 /platforms/目录下的任何文件。当准备构建应用程序或重新安装插件时,此目录中的文件会被常规地覆盖。

    相关文章

      网友评论

          本文标题:PhoneGap简单了解

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