声明:这只是我我的作demo时使用phonegap编译Android版本的的apk,至于iPhone,因为须要购买苹果开发者证书,$99。因此我就没有尝试了人民币得600多块钱呀,仍是有点不舍得,哈哈哈哈。css
这里是官方的文档,英文好的能够看一看。我主要说说在ionic项目的基础上作了哪些改变,参考官网配置config.xml的文档。html
首先在phonegap上注册一个帐号,而后进入build.phonegap.com/apps,点击+new app按钮能够看到这样的界面:git
很清晰的展现出了上传ionic项目有两种方法:github
上传到phonegap不须要将项目中的plugins scss 等这些目录文件上传,只须要上传html、js、css这些内容便可。在ionic项目中也就是项目目录下的www文件夹全部内容。apache
另外还须要一个config.xml文件,这个文件须要和www文件夹下的index.html文件在同一级别。因此你须要在www文件夹下面建立一个config.xml文件,也能够复制ionic项目下的config.xml文件到www目录下,而后再稍做改变便可。主要有一下几处改变:npm
第一处改变:app
将复制到www文件夹下的config.xml文件中的这一段代码 ionic
// www/config.xml <widget id="com.ionicframework.iontabsxxxxx" version="0.0.1" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
变成这样ui
<widget id = "com.ionicframework.iontabsxxxxx" version = "0.0.1" xmlns = "http://www.w3.org/ns/widgets" xmlns:gap = "http://phonegap.com/ns/1.0" versionCode = "1">
id,version,xmlns这三个属性没有任何改变,xmlns:cdv属性冒号后的cdv变成gap,即xmlns:gap。xmlns:cdv的值 域名变成phonegap,即"http://phonegap.com/ns/1.0"spa
第二处改变:
将项目中用到的插件配置到config.xml文件中。http://docs.build.phonegap.com/en_US/configuring_plugins.md.html#Plugins
插件只能是来自phonegap仓库或者npm。
在config.xml中添加 <plugin>
标签或者是不推荐使用的<gap:plugin>
标签。
<plugin>
标签有四个属性:
name:反域名格式的插件id名。(ex: com.phonegap.plugins.barcodescanner).
spec:可选。指定插件的版本号,官网强烈推荐加上这个属性。若是不加,phonegap编译的时候将使用最新版的插件,编译的时候有可能形成版本不同的兼容问题
source:可选。插件的来源,有两个值 "pgb" or "npm"。默认是"npm"
params:插件可能须要的参数配置,例如:
<plugin name="com.phonegap.plugins.example"> <param name="APIKey" value="12345678" /> <param name="APISecret" value="12345678" /> </plugin>
上面其余三个属性像这样:
<plugin name="com.ionic.keyboard" spec="1.0.3" source="pgb" /> <plugin name="cordova-plugin-console" spec="1.0.1" /> <plugin name="cordova-plugin-device" spec="1.0.1" />
这只是个人项目中用的几个插件,你须要将你项目中用到的插件都配置到这个文件中。项目中使用的插件在项目根目录下的plugins目录下面
第三处改变:
配置文件中配置的有平台须要的icon和splash,ionic项目开始是配置好了的,上传到phonegap须要把项目根目录下面的resources复制到www目录下面。
这样压缩www目录为www.zip文件便可上传到phonegap。
用这个方法须要你有github的帐号,而且第一种方法配置好的www上传到github仓库。而后填好你本身的github仓库便可