PhoneGap简单了解

2017-04-20  本文已影响0人  夏天的风_song

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命令行工具,请按照下列步骤操作:

在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/目录下的任何文件。当准备构建应用程序或重新安装插件时,此目录中的文件会被常规地覆盖。

上一篇下一篇

猜你喜欢

热点阅读