欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Cordova 3.x 基础(14) -- 使用Hooks自定义build过程

程序员文章站 2022-05-15 11:33:37
...
Hooks本身是一些脚本代码,可以使用任何语言(比如:nodejs、shell等),用来自定义Cordova CLI命令,位于Cordova项目的根目录hooks文件夹下。主要目的是扩展Cordova CLI框架,在应用的build生命周期中插入自定义的build构建内容。

(1)Hooks的种类
①Module-level Hooks
面向的是扩展Cordova平台的,这个是相对比较大的项目的,所以一般都很少用到,有兴趣可以去Google一下“Cordova EventEmitter method”。
https://www.npmjs.org/package/cordova

②Project-specific Hooks
所有的脚本文件必须放在Cordova CLI命令对应的before 或 after文件夹中。
hooks/before_xxx
hooks/after_xxx
其中xxx就是Cordova CLI对应的命令,比如:prepare、build等。

(2)脚本执行顺序
before_xxx 或 after_xxx 文件夹中的脚本文件是按字母的顺序排序后依次执行的。这里的字母顺序还跟使用的平台有关,比如:Windows下ae.js在aG.js之前, 而Linux下aG.js在ae.js之前。所以最好是在你的脚本文件名前添加3到4位的数字来标示它的顺序。
比如:
引用
001_copy_files.js
010_copy_resources.js
020_modify_config_files.sh
120_delete_modified_files.js


(3)Hook脚本文件
脚本文件被执行时,默认会把根目录路径作为第一个参数传递给脚本文件。

Node.js
引用
#!/usr/bin/env node
var fs = require('fs');

var rootdir = process.argv[2];

// ... using rootdir


Shell Script
引用
#!/bin/sh

ROOTDIR=$1

# ... using $ROOTDIR


脚本文件中可以通过环境变量来获取其他参数:
  • CORDOVA_VERSION:Cordova CLI的版本
  • CORDOVA_PLATFORMS:逗号隔开的platforms一览
  • CORDOVA_PLUGINS:逗号隔开的plugin IDs一览
  • CORDOVA_HOOK:执行中hook的路径
  • CORDOVA_CMDLINE:Cordova CLI命令后的参数


引用
#!/usr/bin/env node

console.log("process.env.CORDOVA_VERSION: "+process.env.CORDOVA_VERSION);
console.log("process.env.CORDOVA_PLATFORMS: "+process.env.CORDOVA_PLATFORMS);
console.log("process.env.CORDOVA_PLUGINS: "+process.env.CORDOVA_PLUGINS);
console.log("process.env.CORDOVA_HOOK: "+process.env.CORDOVA_HOOK);
console.log("process.env.CORDOVA_CMDLINE: "+process.env.CORDOVA_CMDLINE);

Cordova 3.x 基础(14) -- 使用Hooks自定义build过程
            
    
    博客分类: Cordova CordovaPhoneGap

在脚本文件中你可以使用脚本语言的所有功能。但是在build之前首先要确保你的脚本文件能够正常执行。

(4)停止build
在hook脚本中,我们有时候需要停止整个build,比如:在before_prepare做单元测试的时候,如果测试失败,就应该停止build。hook脚本中如果返回值不是0,就会停止build。
引用
#!/usr/bin/env node
    
console.log("unable to complete the hook");
process.exit(1);

Cordova 3.x 基础(14) -- 使用Hooks自定义build过程
            
    
    博客分类: Cordova CordovaPhoneGap

(5)常用Hook
  • 添加工程所需的plugins(after_platform_add)
  • 拷贝icons、splash screens等resource到各个平台(after_prepare)
  • 运行单元测试(before_build)
  • 替换一些配置信息,比如:api服务器地址(after_prepare)

Cordova在build的时候是把www文件夹原封不动的Copy到了platform的www文件夹中,如果有人反编译你的app文件就能够获得你的所有源码。所以有必要创建一个hook来对你的代码进行安全处理。

根据JSON串的定义在Build之前生成menu.xml来支持Android的原生菜单
https://github.com/ktty1220/cordova-native-menu/blob/master/hooks/before_build/native-menu.js

参考:
https://github.com/apache/cordova-cli/blob/master/templates/hooks-README.md
https://leanpub.com/developingwithcordovacli/read
https://gist.github.com/dpogue/4100866
http://devgirl.org/2013/11/12/three-hooks-your-cordovaphonegap-project-needs/
http://www.mooreds.com/wordpress/cordova-cli
  • Cordova 3.x 基础(14) -- 使用Hooks自定义build过程
            
    
    博客分类: Cordova CordovaPhoneGap
  • 大小: 4.9 KB
  • Cordova 3.x 基础(14) -- 使用Hooks自定义build过程
            
    
    博客分类: Cordova CordovaPhoneGap
  • 大小: 8.9 KB
相关标签: Cordova PhoneGap