怎样使用Phonegap Build工具云编译ionic项目

  声明:这只是我我的作demo时使用phonegap编译Android版本的的apk,至于iPhone,因为须要购买苹果开发者证书,$99。因此我就没有尝试了人民币得600多块钱呀,仍是有点不舍得,哈哈哈哈。css

  这里是官方的文档,英文好的能够看一看。我主要说说在ionic项目的基础上作了哪些改变,参考官网配置config.xml的文档。html

怎样上传本身的ionic项目

  首先在phonegap上注册一个帐号,而后进入build.phonegap.com/apps,点击+new app按钮能够看到这样的界面:git

  

  

  很清晰的展现出了上传ionic项目有两种方法:github

1.使用一个.zip文件

  上传到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。

2.使用github仓库

  用这个方法须要你有github的帐号,而且第一种方法配置好的www上传到github仓库。而后填好你本身的github仓库便可

 

转载请注明原文出处:http://www.cnblogs.com/miss-radish/p/4998104.html

相关文章
相关标签/搜索