用js来写一个git hooks脚本来入门git hooks

前言

  • git hooks(又叫钩子)的概念相信大家都已经比较清楚了,主要是在git提交的时候,通过一系列脚本去对提交信息做一些操作或校验。
  • git的钩子有很多,我这主要说一下commit-msg这个钩子,官方对commit-msg的说法是:钩子在启动提交信息编辑器之前,默认信息被创建之后运行。
  • 讲真,这样一句话真不是看几眼就能理解,那么就有了下面,让我们通过钩子的一一些实际使用场景来帮助着理解

背景

  • 团队开发的时候,有些需要去看以及修改其他同学的代码,本来想通过commit信息去看一下哪个功能是在哪次提交的,这个功能有涉及到哪些文件的修改,git log --oneline,一看,麻了,全是111, 222的commit信息,好吧,还是慢慢去理代码逻辑吧(>|<)
  • 团队开发的时候,一般来讲会拉取一些特定分支,一般是不允许直接在这些特定分支上开发并提交代码的,大家需要基于这些特定分支,拉取自己的分支去开发代码,开发完后再往这些分支合入。

功能描述

基于上面的两个场景,下面我们就来从零编写一个git hooks脚本,在git commit加一些特定的校验

  • 1、git commit 的时候,校验当前分支是否是master分支,如果是master分支,则commit失败,并给出失败提示
  • 2、git commit 的时候,校验commit信息只能是中文或英文,且在五个字符以上

一步一步来

初始化git

  • 新建一个文件夹 git-hooks
  • 进入文件夹
  • git init 到这就生成了一个.git文件夹

hooks文件介绍

  • 进入 .git/hooks/ 的文件目录,这就是git的一些钩子文件
  • 可以看到,这些文件默认都是 .sample结尾的,代表commit的时候不会进入任何钩子,如果我们需要在哪些钩子添加脚本,只需要把 .sample的后缀去掉,commit的时候就会进入到该钩子了

commit-msg

  • 这我们先来启用commit-msg钩子,后缀去掉就行
  • 打开commit-msg文件,一堆注释加一段不熟悉的脚本,全部删掉,在第一行添加下面代码,作用是告诉系统,我们要使用node来编写脚本
javascript 复制代码
#!/usr/bin/env node

钩子验证

  • 我们先来验证一下钩子是否启用成功,修改commit-msg
javascript 复制代码
#!/usr/bin/env node

console.log("commit start")

console.log("commit end")
  • 好的钩子已经生效

编写脚本,校验master分支不允许直接提交代码

javascript 复制代码
#!/usr/bin/env node

console.log("commit start")

const child_process = require("child_process"); // 用于执行shell命令

/**
 * 校验分支 - master分支不允许直接提交代码
 */
function checkBranch() {
    const command = "git symbolic-ref --short HEAD" // 获取分支名
    const branch = child_process.execSync(command)
    if (/master/.test(branch)) {
        throw '不允许在master直接提交代码'
    }
}

checkBranch()

console.log("commit end")

验证

  • 在master commit失败,并给出对应提示
  • 切换到其他分支,commit成功

ok,第一步不允许直接在master分支提交代码已经完成了

编写脚本,commit信息只能是中文或英文,且在五个字符以上

javascript 复制代码
#!/usr/bin/env node

console.log("commit start");

const child_process = require("child_process"); // 用于执行shell命令
const fs = require("fs"); 

/**
 * 校验分支 - master分支不允许直接提交代码
 */
function checkBranch() {
  const command = "git symbolic-ref --short HEAD"; // 获取分支名
  const branch = child_process.execSync(command);
  if (/master/.test(branch)) {
    throw "不允许在master直接提交代码";
  }
}

/**
 * commit信息只能是中文或英文,且在五个字符以上
 */
function checkCommitMsg() {
  const msgPath = process.argv[2]; // 当前commit信息存储到的文件路径
  let commitMsg = fs.readFileSync(msgPath, "utf8"); // 读取文件中的commit信息
  if (!/[a-zA-Z\u4e00-\u9fa5]{5,}/.test(commitMsg)) {
    throw "commit信息只能是中文或英文,且在五个字符以上";
  }
}

checkBranch();
checkCommitMsg();

console.log("commit end");

验证

  • git commit -m '111',commit失败,并给出提示
  • 按规范填写commit信息,commit成功

结尾

ok,到这,相信大家已经对git hooks有了一些基本了解了,需要了解更多的话,可以去官方文档溜一溜: git-scm.com/docs/githoo...

相关推荐
kyriewen17 分钟前
用了半年 Claude Code 后,我尝试关掉它写了一周代码——结果比想象中严重
前端·javascript·ai编程
山河木马2 小时前
矩阵专题0-webGL中的矩阵
javascript·webgl·计算机图形学
Asize2 小时前
多模态生图:从 Vite 工程化到前端调用 Qwen Image
javascript·人工智能·后端
陳陈陳3 小时前
从Token到Embedding:一篇文章搞懂大模型的「文字数学变形记」
前端·javascript·ai编程
用户938515635073 小时前
从 O(n²) 到 O(nlogn):一文读懂快速排序的“快”与“妙”
javascript·算法
橘子星3 小时前
LLM 无状态架构实践:从原理到代码落地
前端·javascript·人工智能
深海鱼在掘金3 小时前
Git 完全指南 —— 第3章:理解工作区、暂存区、版本库三个核心
git
To_OC4 小时前
手写快排次次翻车?别死背快排模板了,这才是面试官想听的底层逻辑
javascript·算法·排序算法
风止何安啊5 小时前
网课倍速痛点解决:一套前端代码实现自由控速播放器
前端·javascript·node.js
江华森5 小时前
Git 基础筑基:从原理到团队协作的全栈实战
git