系列文章目录
Android打造专有hook,让不规范的代码扼杀在萌芽之中
在第一篇的概述中,对于本系列文章,我大概预估了一下,需要四篇文章来进行讲解,基本上就是,第一篇了解用法和实际当中的效果,第二篇和第三篇进入实战,最后一篇收尾及市场发布,让别人使用,尽量做到,细致入微,毫无保留的分享给大家,希望能给大家在规范的检测上带来一丝帮助,想了解最终规范检测功能的朋友,可以看第一篇的内容,里面有最后的实现效果,今天,我们分享第二篇。
本篇文章内容大概分为以下几个模块
1、Git Hook介绍
2、基本环境搭建
3、创建动态配置文件
4、代码初始化
由第一篇的相关知识,我们可以知道,当下所做的这个检测功能,是在Git提交之前进行检测,也就是说,在Git触发commit时,就需要进行拦截,而在实际的使用当中,Git已经向我们提供了Hook,也就是钩子,便于我们进行指令的操作,关于Hook呢,分为两种,一种是客户端Hooks,诸如提交和合并这样的操作所调用,一种是服务端Hooks,作用于接收被推送的提交这样的联网操作,而现在我们要实现的是客户端Hooks。
关于Git的Hooks,其实很常见,位置存在于 /.git/hooks 目录下,都是一些 shell 脚本,然后在对应的钩子中执行这些脚本就行了,比如下图中,这是一个还没有配置 Git Hooks 的仓库,默认会有很多.sample结尾的文件,这些都是示例文件,比如我们常见的,commit,push等。
Git 支持的钩子类型有很多,比如,post-update,pre-commit等,我简单的举几个常见的,列个表格,大家感兴趣的可以作为参考。
Git hook | 概述 |
---|---|
pre-commit | 钩子在键入提交信息前运行。它用于检查即将提交的快照,例如,检查是否有所遗漏,确保测试运行,以及核查代码。如果该钩子以非零值退出,Git 将放弃此次提交,不过你可以用 git commit --no-verify 来绕过这个环节。你可以利用该钩子,来检查代码风格是否一致(运行类似 lint 的程序)、尾随空白字符是否存在(自带的钩子就是这么做的),或新方法的文档是否适当。 |
pre-push | 钩子会在 git push 运行期间, 更新了远程引用但尚未传送对象时被调用。它接受远程分支的名字和位置作为参数,同时从标准输入中读取一系列待更新的引用。你可以在推送开始之前,用它验证对引用的更新操作(一个非零的退出码将终止推送过程)。 |
post-update | 仅在所有的ref被push之后执行一次。它与post-receive很像,但是不接收旧值与新值。主要用于通知。每个被push的repo都会生成一个参数,参数内容是ref的名称。 |
applypatch-msg | 它接收单个参数:包含请求合并信息的临时文件的名字。如果脚本返回非零值,Git 将放弃该补丁。你可以用该脚本来确保提交信息符合格式,或直接用脚本修正格式错误。 |
commit-msg | 钩子在启动提交信息编辑器之前,默认信息被创建之后运行。它允许你编辑提交者所看到的默认信息。该钩子接收一些选项:存有当前提交信息的文件的路径、提交类型和修补提交的提交的 SHA-1 校验。它对一般的提交来说并没有什么用;然而对那些会自动产生默认信息的提交,如提交信息模板、合并提交、压缩提交和修订提交等非常实用。你可以结合提交模板来使用它,动态地插入信息。 |
pre-applypatch | 实际上的调用时机是应用补丁之后、变更commit之前。如果以非0的状态退出,会导致变更成为uncommitted状态。可用于在实际进行commit之前检查代码树的状态或用它在提交前检查快照。你可以用这个脚本运行测试或检查工作区。如果有什么遗漏,或测试未能通过,脚本会以非零值退出,中断 git am 的运行,这样补丁就不会被提交。 |
而我们本次所使用的就是通过pre-commit类型,来进行拦截检测。
无论我们封装sdk,还是开发什么功能,在给他人使用的时候,一定是本着简单便捷的宗旨,要不然,辛辛苦苦操作了一番,比原有的还复杂,岂不是,既违背了宗旨,也很难普及使用,所以,Git的Hook,也要基于这个思想。
为了实现这样的一个简单便捷的规范检查,确实研究了一番,通过各项比较及实际的操作,最终还是使用Node.js来实现这样的一个功能,原因无非就是简单,这个在第一篇中已经给出了答案。
如果已经安装,可直接第2步
Node.js中允许使用 JavaScript 开发服务端以及命令行程序,我们可以去官网 https://nodejs.org 下载最新版本的安装程序,然后一步一步进行安装就可以了。
新建目录,在当前目录下执行如下命令,创建package.json文件
npm init -y
命令执行后,如下图所示:
里面的内容没什么好说的,包含基本的,作者,介绍,执行脚本信息等,这个之前的文章里讲述过,就不过多赘述了。
目的在提交信息前进行拦截检查。
npm install pre-commit --save-dev
安装成功后,当前目录下多出一个文件夹node_modules,此文件下用来存放下载安装的包文件夹,里面有我们要使用到的功能,其实和Android中lib目录很类似,都是一些提供功能的库。
在当前目录下,新建一个js文件,名字自己定义,我这里创建了一个gitExec.js文件,如下图:
打开package.json文件,可按照下面的方式进行更改,最重要的是scripts脚本执行这里,lint指向你刚才创建的js文件。
- {
- "name": "android_git_hook",
- "version": "1.0.0",
- "description": "Android端git规范检查",
- "scripts": {
- "lint": "node gitExec.js"
- },
- "author": "AbnerMing",
- "license": "ISC",
- "pre-commit": [
- "lint"
- ],
- "devDependencies": {
- "pre-commit": "^1.2.2"
- },
- "dependencies": {
- "pre-commit": "^1.2.2"
- }
- }
经过上面的五步,我们的环境搭建就完成了,后续我们的逻辑处理,均在你创建的js文件里,这个需要重点强调一下。
环境搭建之后,在写规范检查逻辑之前,需要创建可配置的动态文件,这个文件是十分重要的,是需要暴露给开发者的,也就是说,开发人员是根据这个配置文件,来进行操作规范检查的,具体需要包含什么字段,需要大家根据实际的业务,或者自己的拓展进行设置的,我自己创建的动态文件如下:
内容如下:
- #git提交配置文件
- #git提交前是否进行检测,true:检测,false:不检测
- gitCommitSwitch=true
- #是否进行增量更新(增量仅命令可用),true为增量,false为检查整个文件
- gitIncrement=false
- #git检测类型,0:全部,1:string文件Name,2:图片命名,3:layout,4:类命名,
- #5:类注释,6:方法注释,7:方法命名,8:变量命名,9:try catch
- gitCheckType=0
- #git提交方式,true为工具,false为命令方式
- gitCommand=true
- 复制代码
大家可以看到我自己定义的文件格式为.android,这个大家可以自定义,.aa,.bb都行,什么格式都可以,是一个文件就行,毕竟,咱只关心里面的内容,所谓的格式没有区分。
至于里面的内容,看大家自己实际的需要,自己去编写,你想通过什么字段来控制,或者想要实现一个什么样的规范检查,都可以在这里动态配置,暴露给开发人员,当然,大家可以直接使用我的,或者在我的基础之上进行拓展都行。
万事具备,就差代码逻辑编写了,这里需要温馨提示一下,虽然是Android端的Hook规范检查,但所有的代码逻辑都是通过Js来实现的,不懂Js的老铁,建议看一下,对于我们有编程基础的人来说,很简单的。有的老铁问了,我不懂Js,能否搞出来呢?我的回答是,问题不大,我尽量把代码注释标注得很清楚,让大家一看便理解。
当我们执行Git提交时,通过pre-commit映射到了我们自定义的js文件中,在这个js文件中,我们就需要进行相关逻辑编写,首先,定义了一个startTask函数,并且立即执行了startTask函数,也就是Git提交时会触发定义的这个startTask函数。
startTask函数里又调用了一个lint函数,接下来的所有的逻辑判断都是通过此函数,大家可以看到,调用了process的exit方法,之所以要调用,意味着,逻辑是由我们自己来处理,也就是在lint方法里,是执行还是退出,需要根据判断来生效。
- /**
- * Author:AbnerMing
- * Time:2022-9-13
- * Desc:git执行commit前判断
- * */
-
- //规范检查函数,所有的逻辑判断都是通过此函数
- let lint = function (cb) {
-
- };
-
- //调用 lint 函数
- let startTask = function () {
- lint(function () {
- //它可以是0或1,0表示没有任何类型的故障结束进程,而1表示由于某种故障而结束进程
- process.exit(1);
- })
- }
- // 调用startTask方法,进行执行检查
- startTask();
引入fs,文件操作模块,因为我们要读取配置文件,这个fs模块是必不可少的。
let fs = require('fs');
声明成员变量,便于接下来的程序判断
- /*
- *git检测类型,0:全部,1:string文件Name,2:图片命名,3:layout,4:类命名,
- *5:类注释,6:方法注释,7:方法命名,8:变量命名,9:try catch
- * */
- var mCommitType;
- //git检测开关,true:开,false:关
- var mCommitOpen;
- //是否进行增量更新(增量仅命令可用),true为增量,false为检查整个文件
- var mCommitIncrement;
- //git提交方式,true为工具,false为命令方式
- var mGitCommand;
读取配置文件,取出参数值并赋值给成员变量
- //规范检查函数,所有的逻辑判断都是通过此函数
- let lint = function (cb) {
- //读取文件信息
- let path = require('path');
- let dirname = path.join(__dirname);
- try {
- //读取配置文件,查找对应的配置信息
- let data = fs.readFileSync(dirname + "/gitCommitConfig.android", 'utf-8');
- data.split(/\r?\n/).forEach((line, position) => {
- if (position === 2) {
- let open = line.split("=")[1];
- mCommitOpen = open.toString();//git检测开关
- }
- if (position === 4) {
- let increment = line.split("=")[1];
- mCommitIncrement = increment.toString();//是否进行增量更新
- }
- if (position === 7) {
- let type = line.split("=")[1];
- mCommitType = type.toString();//git检测类型
- }
- if (position === 9) {
- let type = line.split("=")[1];
- mGitCommand = type.toString();//git提交方式
- }
- });
- //根据配置文件进行逻辑判断
- } catch (e) {
- if (e.message.indexOf("gitCommitConfig.android") !== -1) {
- //没有文件,向使用者展示错误信息
- console.log("\n");
- log("\n缺少配置文件[gitCommitConfig.android],请核对后再提交\n", 0);
- log("请在项目根目录下创建[gitCommitConfig.android]文件\n", 0);
- log("内容如下\n", 0);
- log("#git提交配置文件\n" +
- "#git提交前是否进行检测,true:检测,false:不检测\n" +
- "gitCommitSwitch=true\n" +
- "#是否进行增量更新(增量仅命令可用),true为增量,false为检查整个文件\n" +
- "gitIncrement=false\n" +
- "#git检测类型,0:全部,1:string文件Name,2:图片命名,3:layout,4:类命名,\n" +
- "#5:类注释,6:方法注释,7:方法命名,8:变量命名,9:try catch\n" +
- "gitCheckType=0\n" +
- "#git提交方式,true为工具,false为命令方式\n" +
- "gitCommand=true\n", 3);
- }
- cb(1);//故障而结束进程
- }
- };
大家可以看到,我在读取配置文件的时候,进行了一个异常判断,判断的目的在于,可能使用者由于大意,没有执行相关命令生成配置文件,或者配置删除了,那么我们就要捕获异常,给使用者抛出提示,让使用者按照要求再生成一份。
log呢,是一个函数,里面封装了一层,目的就是为了区分工具提交还是命令行方式提交,如果命令行方式提交,就可以进行彩色区分。
- //log日志展示,其实就是提交信息展示,命令提交进行特殊符合处理
- function log(message, type) {
- //工具提交
- if (mGitCommand === "true") {
- console.log(message);
- } else {
- //命令行方式
- if (type === 2) {
- console.log("\x1B[32m%s\x1B[39m", message);//颜色:green
- } else if (type === 1) {
- console.log('\x1B[36m%s\x1B[39m', message);//颜色:cyan
- } else if (type === 0) {
- console.log('\x1B[31m%s\x1B[39m', message);//颜色:red
- } else if (type === 3) {
- console.log('\x1B[33m%s\x1B[39m', message);//颜色:yellow
- }
- }
-
- }
更多颜色值如下
- 'bold' : ['\x1B[1m%s\x1B[22m'],
- 'italic' : ['\x1B[3m%s\x1B[23m'],
- 'underline' : ['\x1B[4m%s\x1B[24m'],
- 'inverse' : ['\x1B[7m%s\x1B[27m'],
- 'strikethrough' : ['\x1B[9m%s\x1B[29m'],
- 'white' : ['\x1B[37m%s\x1B[39m'],
- 'grey' : ['\x1B[90m%s\x1B[39m'],
- 'black' : ['\x1B[30m%s\x1B[39m'],
- 'blue' : ['\x1B[34m%s\x1B[39m'],
- 'cyan' : ['\x1B[36m%s\x1B[39m'],
- 'green' : ['\x1B[32m%s\x1B[39m'],
- 'magenta' : ['\x1B[35m%s\x1B[39m'],
- 'red' : ['\x1B[31m%s\x1B[39m'],
- 'yellow' : ['\x1B[33m%s\x1B[39m'],
- 'whiteBG' : ['\x1B[47m%s\x1B[49m'],
- 'greyBG' : ['\x1B[100m%s\x1B[49m'],
- 'blackBG' : ['\x1B[40m%s\x1B[49m'],
- 'blueBG' : ['\x1B[44m%s\x1B[49m'],
- 'cyanBG' : ['\x1B[46m%s\x1B[49m'],
- 'greenBG' : ['\x1B[42m%s\x1B[49m'],
- 'magentaBG' : ['\x1B[45m%s\x1B[49m'],
- 'redBG' : ['\x1B[41m%s\x1B[49m'],
- 'yellowBG' : ['\x1B[43m%s\x1B[49m']
代码初始化完成之后,后面的就是根据动态配置文件的参数,来实际的操作规范检查了,行,老铁们,这篇先到这里,下篇我们继续。