zoukankan      html  css  js  c++  java
  • 怎样使用Phonegap Build工具云编译ionic项目

      声明:这只是我个人做demo时使用phonegap编译Android版本的的apk,至于iPhone,由于需要购买苹果开发者证书,$99。所以我就没有尝试了人民币得600多块钱呀,还是有点不舍得,哈哈哈哈。

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

    怎样上传自己的ionic项目

      首先在phonegap上注册一个账号,然后进入build.phonegap.com/apps,点击+new app按钮可以看到这样的界面:

      

      

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

    1.使用一个.zip文件

      上传到phonegap不需要将项目中的plugins   scss 等这些目录文件上传,只需要上传html、js、css这些内容即可。在ionic项目中也就是项目目录下的www文件夹所有内容。

      另外还需要一个config.xml文件,这个文件需要和www文件夹下的index.html文件在同一级别。所以你需要在www文件夹下面创建一个config.xml文件,也可以复制ionic项目下的config.xml文件到www目录下,然后再稍作改变即可。主要有一下几处改变:

      第一处改变

      将复制到www文件夹下的config.xml文件中的这一段代码  

    //  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">

      变成这样

    <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"

      第二处改变:

      将项目中用到的插件配置到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

  • 相关阅读:
    flex 布局 shrink 属性
    flex 布局 flex-grow 属性
    flex 布局 flex-basis 属性
    flex 布局 justify-content 对齐的图解
    CSS定位要点笔记
    CSS浮动要点笔记
    CSS选择器要点笔记
    eslint no-unused-vars 解决办法
    NodeJs使用Promise解决多层异步调用的简单学习
    windows10 搭建 NTP 时间服务器
  • 原文地址:https://www.cnblogs.com/miss-radish/p/4998104.html
Copyright © 2011-2022 走看看