npm 包 gulp-cordova-builder 使用教程

前言

随着移动端应用的快速发展,开发者们也不得不追逐时代的步伐,采用前沿的技术进行应用的开发。针对 Cordova 应用开发者们,gulp-cordova-builder 包的出现无疑是一件利好消息。本文将介绍该 npm 包的使用教程。

gulp-cordova-builder 的概述

gulp-cordova-builder 是一个用于构建 Cordova 应用的 gulp 插件。它提供了一系列的任务,可以自动化执行构建 Cordova 应用的流程。包括生成 apk、ipa 文件、修改应用图标、签名发布等。这个插件,一定程度上减轻了 Cordova 应用开发者的压力,减少了人为操作因素造成的误差。

安装

该插件可以通过 npm 进行安装,只需要在命令行执行下面的命令:

--- ------- -------------------- ----------

任务

gulp-cordova-builder 插件共包含了 8 个任务,这些任务都符合 gulp 的基本使用方法和任务模块的要求。

根据参数生成 apk 文件

该任务通过执行 cordova build android (注意如果没有使用 -c 则会向开发模式构建,线上使用 ),调用 Cordova 命令行工具自动构建 apk 文件。

----- ---- - ----------------
----- -------------- - --------------------------------

-------------------------- -- -- -
  ------ ----------------------
    ----------------------
      --------- ----------
      -------- ---------
      ----- -----------
    ---
    --------------------------
---

根据参数生成 ipa 文件

该任务通过执行 cordova build ios (会构建 ipa 文件 ),调用 Cordova 命令行工具自动构建 ipa 文件。

----- ---- - ----------------
----- -------------- - --------------------------------

---------------------- -- -- -
  ------ ----------------------
    ----------------------
      --------- ------
      -------- ---------
      ----- -----------
    ---
    --------------------------
---

根据参数打包 Cordova 应用

该任务通过执行 cordova build/prepare (会生成 www 文件夹 ,然后用 www 文件夹重构 cordova 工程 ),调用 Cordova 命令行工具自动构建 Cordova 应用。

----- ---- - ----------------
----- -------------- - --------------------------------

-------------------------- -- -- -
  ------ ----------------------
    ----------------------
      --------- --------------
      -------- ---------
      ----- -----------
    ---
    ---------------------------
---

替换 Cordova 应用图标

该任务用于替换 Cordova 应用的图标。

----- ---- - ----------------
----- -------------- - --------------------------------

----------------- -- -- -
  ------ --------------------------
    ----------------------
      ------- -------
      ----- -----------
    ----
---

为 Cordova 应用签名并生成 apk 文件

该任务为 Cordova 应用签名,并生成 apk 文件。

----- ---- - ----------------
----- -------------- - --------------------------------

----------------------- -- -- -
  ------ ----------------------
    ----------------------
      --------- ----------
      -------- ---------
      --------------- ---------------
      ------------------ ------------------
      -------------- --------------------------------
      ----------- -----
      ----- -----------
    ---
    ---------------------------
---

为 Cordova 应用签名并生成 ipa 文件

该任务为 Cordova 应用签名,并生成 ipa 文件。

----- ---- - ----------------
----- -------------- - --------------------------------

----------------------- -- -- -
  ------ ----------------------
    ----------------------
      --------- ------
      -------- ---------
      --------------- ---------------------------------------------
      --------- ------- ------------- --------- ---- ------
      ----------- -----
      ----- -----------
    ---
    ---------------------------
---

根据参数打包 Cordova 应用并签名

该任务通过执行 cordova build (该命令会构建平台,然后签名)并进行签名,以此来生成 Cordova 应用。注意:该任务需要配置签名证书信息。

----- ---- - ----------------
----- -------------- - --------------------------------

----------------------- -- -- -
  ------ ----------------------
    ----------------------
      --------- --------------
      -------- ---------
      --------------- ---------------
      ------------------ ------------------
      -------------- --------------------------------
      --------------- ---------------------------------------------
      --------- ------- ------------- --------- ---- ------
      ----- -----------
    ---
    ---------------------------
---

为 Cordova 应用添加插件

该任务用于为 Cordova 应用添加插件。

----- ---- - ----------------
----- -------------- - --------------------------------

------------------------ -- -- -
  ------ -------------------------
    ----------------------
      ------- ------
      ------- ----------------
      ----- -----------
    ----
---

参数

gulp-cordova-builder 包中的这些任务,都可以在参数中设置自己要的选项。每个任务的参数详细说明如下:

  • platform: 执行命令的平台。可以为:'ios', 'android', 'browser', 'blackberry10', 'wp8', 'firefoxos', 'ubuntu', 'amazon-fireos'。多个平台使用逗号分隔(例如 'ios,android')。
  • version: 选择某个平台的版本。例如 Cordova 版本为 10.0.0
  • keystore_alias: 指定签名的 alias。
  • keystore_password: 指定签名的密码。
  • keystore_path: 指定签名的路径。
  • provision_file: 用于签名 ipa 文件的配置文件。
  • identity: 用于签名 ipa 文件的证书标识符。
  • signed_apk: 是否签名 apk 文件。默认为 false
  • signed_ipa: 是否签名 ipa 文件。默认为 false
  • path: 用于指定 Cordova 应用的路径。默认为 ./cordova
  • action: 用于指定操作类型。可以为:'add', 'rm', 'list', 'icon', 'splash'
  • plugin: 用于指定插件名称。

结尾

我们通过本文详细讲解了 gulp-cordova-builder 的使用教程,现在你已经掌握了该插件的基础知识和使用方法。未来,在您的 Cordova 应用开发过程中,该插件将成为您不可或缺的重要工具。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/6005539681e8991b448d0caf


猜你喜欢

  • npm包trace-inline-parse使用教程

    前言 在前端开发中,我们经常需要处理代码的错误和异常信息。通常情况下,JavaScript会在控制台中输出错误信息,而这些信息通常是难以理解的。为了更好地排查问题,我们需要一种工具,能够帮助我们更好地...

    2 年前
  • npm 包 babel-plugin-react-intl-messages-generator 使用教程

    简介 在前端开发中,我们通常会使用 React 来构建用户界面,而国际化是一个非常重要的功能。React 社区有一个很流行的国际化库 react-intl,它可以根据不同的语言动态加载相应的语言包。

    2 年前
  • npm 包 hyperterm-blackops 使用教程

    在日常的前端开发过程中,我们经常需要使用命令行工具来进行一些操作,如代码管理、打包、部署等等。而一个好的命令行工具可以大大提高我们的开发效率,使得我们的工作更加高效。

    2 年前
  • npm 包 react-md-comp 使用教程

    简介 React 是一种用于构建用户界面的 JavaScript 库,它使得构建大规模、可维护的 web 应用程序变得更加简单。而 npm 则是一个面向 Node.js 的包管理器,它可以帮助我们在项...

    2 年前
  • npm 包 util-deep-merge 使用教程

    前言 在前端开发过程中,经常需要将两个对象合并,而 util-deep-merge 就是一个非常方便的 npm 包,用来合并两个深度嵌套的对象。本文将详细介绍如何使用 util-deep-merge ...

    2 年前
  • npm 包 lled 使用教程

    在前端开发中,我们常常需要使用一些工具来帮助我们更好地完成代码实现。npm 包是其中一个非常重要的工具。其中,lled 这个 npm 包可以帮助我们更加方便地实现代码的调试和编辑。

    2 年前
  • npm 包 babel-preset-lb 使用教程

    在前端开发中,我们会经常使用到 Babel 来将 ES6+ 的代码转换成可以被浏览器识别的 ES5 代码。而 babel-preset-lb 就是一个专门为了适应联邦银行内部技术架构而开发的 Babe...

    2 年前
  • npm 包 react-simple-pager 使用教程

    前言 在前端开发中,我们经常需要在列表或表格等数据展示页面中实现分页功能。如果每次都需要从头编写分页组件代码,会浪费很多时间和精力。因此,社区中涌现出很多分页组件库,其中 react-simple-p...

    2 年前
  • npm 包 jsonschema-parquet 使用教程

    前言 jsonschema-parquet 是一个基于 Node.js 的 npm 包,能够将 JSON Schema 格式的数据转换成 Apache Parquet 格式。

    2 年前
  • npm 包 handlebars-helper-import 使用教程

    前言 Handlebars 是一款流行的 JavaScript 模板引擎,它能够将数据和模板进行结合,生成 HTML 页面。但是 Handlebars 的模板代码比较冗长,如果在模板中有嵌套的结构,编...

    2 年前
  • npm 包 strongman 使用教程

    在前端开发中,使用 npm 包管理工具是非常重要的一步。其中,strongman 这个 npm 包是一个非常实用的工具,可以帮助我们管理、调试和发布自己的 npm 包。

    2 年前
  • npm 包 webpack-string-replacer-plugin 使用教程

    简介 webpack-string-replacer-plugin 是一个基于 webpack 的插件,用于快速替换文本内容。它可以将指定的字符串替换为指定的目标字符串,可以应用于多种场景,如替换环境...

    2 年前
  • npm 包 instant-proxy 使用教程

    在前端开发中,我们经常需要进行接口调试、数据 mock 等操作。而在实际开发中,往往需要联调真实数据,因此需要一款方便快捷的代理工具。本文将介绍一款 npm 包 instant-proxy 的使用教程...

    2 年前
  • npm 包 delightful-keycodes 使用教程

    前言 在前端开发中,我们经常需要监听用户的按键事件。delightful-keycodes 是一个可以帮助我们更方便地处理按键码的 npm 包。在本文中,我将会详细介绍 delightful-keyc...

    2 年前
  • npm 包 vue-koa-template 使用教程

    介绍 在前端开发中,Vue 和 Koa 都是非常流行的技术。Vue 是一款现代化的 JavaScript 框架,用于构建用户界面。而 Koa 是一个 Node.js 的 Web 框架,专注于增强 We...

    2 年前
  • npm 包 zips 使用教程

    现在的前端项目越来越复杂,往往需要打包、压缩多个文件,然后上传至服务器,这个过程不仅繁琐,而且很容易出错,而 zips 这个 npm 包正好可以解决这个问题。本文将会详细介绍 zips 的使用方法,并...

    2 年前
  • npm 包 bench-rest-jonahss 使用教程

    在前端开发过程中,我们经常需要测试 API 接口的性能以及并发访问能力。为了满足这种需求,我们可以使用 npm 包 bench-rest-jonahss。它是一个基于 Node.js 的压力测试工具,...

    2 年前
  • npm 包 jest-scenario 使用教程

    在前端项目中,单元测试是非常重要的一个环节。而为了更有效地编写测试用例,我们需要使用一些工具帮助我们完成这个任务。其中,jest 是一个非常流行的单元测试框架,而 jest-scenario 则是一个...

    2 年前
  • npm 包 gulp-htmlformhint 使用教程

    简介 在前端开发中,表单是一个非常重要的组件,需要我们加以重视。其中表单的校验就是一个非常重要的环节,可以有效避免用户输入不合法的信息。本文将介绍一个利用 gulp 和 htmlhint 进行表单校验...

    2 年前
  • npm包faceta-sass-mixins使用教程

    Sass是一种CSS预处理器,使得CSS样式的编写更加简单和易于维护。而faceta-sass-mixins是一个npm包,提供了各种常用的Sass Mixin,让我们的开发变得更加高效并且代码更加易...

    2 年前

相关推荐

    暂无文章