1. Gitlab+Jenkins通过钩子实现自动部署web项目，图文详细教程
扩展参考：Jenkins+Gitlab通过脚本自动部署回滚web项目至集群
1）:Gitlab服务器：ubuntu 192.168.152.131 ---参考搭建：Linux安装gitlab，docker安装gitlab教程
2）:Jenkins服务器：ubunu 192.168.152.130 ---参考搭建：linux安装Jenkins，或docker安装Jenkins教程
在服务器上生成ssh-keygen，用于配置web服务器和Gitlab服务器。
3）:web服务器：centos 192.168.152.150 ---已搭建好LNMP环境
4）:开发者电脑：Windows+key密钥 （用于提交代码）
1：在gitlab创建项目Test Project
2.1）： 配置一个开发者电脑的ssh公钥到gitlab
配置一个开发者电脑的ssh公钥到gitlab，这样才能模拟开发上传代码到gitlab。
windows生成key过程及git安装，可参考：Windows下git和github的使用图文详细教程_the丶only的博客-CSDN博客_github win
在windows测试clone，和提交代码。
注：最新版git 已经将默认分支master改为main了。所以看到main，而不是master不要太奇怪
测试成功，在gitlab也显示有index.html文件。
2.2）： 配置jenkins公钥到gitlab
同理，同样需要jenkins公钥，因为jenkins也需要拉去gitlab的代码。
在 jenkins服务器 上查看公钥并复制添加到gitlab，并命名为jekins。
1：插件管理，安装插件
jenkins本身没什么功能，主要是依靠插件来实现各种强大的功能。
基本需要添加的插件：Gitlab Hook、Build Authorization Token Root、Publish Over SSH、Gitlab Authentication、Gitlab、Git Parameter
可以在 Manage Jenkins >> Manage Plugins 查看管理插件。在Available 选项搜索安装插件即可。
安装完成后，重启Jenkins。
2：添加需要部署的web主机
在 Manage Jenkins >> Configure System 中往下翻，找到 Publish over SSH 选项，点击add ssh server。
在Jenkins服务器上，查看私钥，注，是私钥，不是公钥。
将私钥填写在key位置，还有添加web服务器相关信息。
注：如果测试报错如下
Failed to connect or change directory
jenkins.plugins.publish_over.BapPublisherException: Failed to add SSH key. Message [invalid privatekey: [B@2e54414f]
是因为默认用ssh-keygen命令，默认生成了OPENSSH 格式密钥。而Jenkins暂时不支持这种私钥，私钥开头结尾如下：
所以，需要生成rsa密钥格式的。用开头说的ssh-keygen加其他参数生成即可。
私钥开头结尾如下：
再次测试，显示success，则成功。然后点击save保存即可。
3：构建任务项目
首页创建任务或者一个项目
命名为web-project，选择为freestyle project 自由项目。然后ok确认。
3.1）：源码管理 Source Code Management
选择源码管理，添加gitlab的项目clone地址。
注：最后路径选择分支，我gitlab主分支名字为main,如果是master，则写master，或者合并的其他分支。
在add添加用户
添加完成后，选择git用户，这时没有红色提醒，说明已成功连接
3.2）：构建触发器 Build Triggers
现在Build Triggers，勾选build when....，其他默认，并记下链接 http://192.168.152.130:8080/project/web-project
点击高级 advance 选项。
勾选filter branches regex选择，填写分支，生产token。其他默认
3.3）：构建 Build
选择Build 选项。选择ssh
添加web服务器
添加完毕，最后save保存。
1：添加钩子webhooks.
选择自己的项目Test Project，在设置setting里，选择钩子webhooks.
填写刚才记下的http://192.168.152.130:8080/project/web-project和token值。
最后Add webhook完成：
2：如添加失败，报错，更改Network
注：如填写失败提示Url is blocked: Requests to the local network are not allowed
还需更改Network选项。
3：测试钩子
添加完成后，下面会出现钩子选择。点击test中的，push event。
出现successful，即添加成功。
在Jenkins也可以看到刚才的测试时间信息。
在开发电脑上测试提交，我这里为Windows电脑测试。
打开Git Bash，输入以下命令：
提交成功，回到Jenkins，查看是否构建成功：
绿色显示构建成功，无错误显示。回到gitlab查看项目。
时间显示刚才也提交成功，无错误。最后在浏览器输入web地址测试，本人配置了web访问端口8082。所以输入IP加端口访问。
内容也已经自动更新成功。
完结撒花！！！
2. 在git bash怎么操作webstorm
对于git的使用，大家的使用方式均有不同，最王道的方式非命令行莫属，基于git的GUI软件还是很多的，大家可自行研究使用。之前使用
eclipse
svn插件去操作版本管理，还是很便捷的一件事情。而今用惯了webstorm，当然里面也集成了对svn的支持，只是最近一直在用git，所以想试着用
webstorm中的git集成工具进行版本管理。当然之前都是以敲命令行的方式去做，达到一个熟练度，速度还是很可观的。通过这篇文章，主要讲述如何使
用webstorm中的git工具进行更加快速高效的版本管理。
1. 先说git理论
webstorm提供了git不少试图，下面列举其一：
我们在上面看到了git面板的很多选项，想要弄清楚各个选项具体要做什么，常用且常规的git理论知识及操作经验不可少。
我们先看对git操作的简单分类，如下——
远程仓库类：git clone/remote/pull/push/rebase/fetch
分支类（包括tag）：git branch/tag/checkout/stash
信息查阅：git status/log/diff
本地常规操作：git add/commit/rm/merge/reset
这里仅仅是我个人的分类方式，每个人都对它有不同的分类，欢迎补充。
需要强调的是，你需要对上述命令关键词都做了什么事儿、应用于何场景，需要有清晰的把握，如果你不知，不放看看文章末尾的参考文章。多说一句，一定要结合工作区、暂存区、版本库的三者关系去理解。
结合上面给出的图片，我们可以看到，webstorm中的git工具无非是这些命令行的可视化抽象，我们来看看怎么玩儿好它。
2. 使用webstorm中的git
2.1 右键菜单
先来最熟知的右键操作，分为两类：文件夹（或者工程）右键和文件右键，先看看文件夹右键的效果——
再看看文件右键——
会发现两者的差异仅仅在于文件右键的视图多了一些diff操作（或者可以联想到git diff命令）。我们看看各个选项的含义——
Commit File...提交至本地版本库
Add添加进缓存区
Show Current Revision显示当前文件的最新版本信息，如下图——
Compare with the Same Repository Version与当前版本（的文件）做比较，可以理解为与最新版本比较，也就是可以比较本地工作区和本地版本库的差异（也记住，比较视图中，右侧永远是最新的那个版本内容）——
Compare with Latest Repository Version与上一版本（的文件）做比较，可以理解为当前版本与本地工作区所做的更改共同来与上一版本比较
Compare with...与任意历史版本（的文件）做比较
Compare with Branch...与任意分支（的文件）做比较，包括本地分支及远程分支
Show History展示关联本文件（或者文件夹中的所有文件）提交信息历史，我们可以看到，历史提交信息面板出现于下方Version Control面板中——
Show History for Selection对指定的代码块，显示历史版本信息
(连接第二个图)-------->>>>>>
Revert...还原代码，要注意与reset的区分，这里仅仅是将本地工作区的代码还原为本地仓库中的最新版本的代码
Repository >仓库二级导航选项，即相关仓库类的操作
要注意，有些操作是针对某单个文件操作的，每当操作某个文件夹时（或者某个工程时），会以选中的文件的集合为单位展开操作文件，并进行操作。
我们继续看看Respository的二级导航——
Branches显示左右分支，包括本地分支和远程分支
进而对各个分支能够进行更多的操作，如下图所示——
或者
checkout检出至本地工作区，此时本地已经检出过
checkout as new local branch检出至本地工作区，并创建新分支
compare 两个分支进行比较，比如，我想拿当前的test分支与本地的master分支进行比较，会看到——
会看到，会把各自提交的变更内容一一列表出来。要注意，这里不包含本地所进行的更改尚未提交到本地仓库的部分，即没有commit的部分。
merge 进行合并操作，以比较版本合入当前版本中，merge的过程当中，可能会有冲突（要记住，多人修改同一处代码时，才可出现冲突），稍候介绍怎么处理冲突
delete 删除当前分支
OK，branches面板介绍完毕，当然还可以在最右下角同样有branches面板操作入口，如下——
继续介绍，仓库二级导航——
Tag打tag
Merge Changes合并操作
Stash Changesstash操作，具体用法，你若不知，可以参考一下下面的文章
... ...
这里省略剩下的那些操作，关于merge、stash、reset的一些操作细节，需要先懂得这三个命令的相关参数的具体含义，再去操作就很好理解了。
OK，关于右键菜单就介绍到这儿了，可以看到它能做的事儿——
1. 非常方便的对对比文件或者文件夹的差异，试图直观明了
2. 方便做常规的add/commit/revert操作等
3. 方便操作版本库的相关管理，如fetch/merge/push/rebase等等
2.1 Version Control面板
OK，接下来，介绍一下Version Control面板——
首先，来介绍对应Local Changes
这里也就是工作区的更改与当前版本差异的diff文件列表，Unversioned
Files也就是代表没有加入到版本管理的文件列表，需要进行add操作，添加进缓存区中；Default中的文件是代表版本管理中经过本地更改的文件，
需要进行add 和commit操作，将更改的文件添加入缓存区中并提交到本地版本库中。要知晓git add和git commit做了什么事儿
git add：暂存区的目录树被更新，同时工作区修改（或新增）的文件内容被写入到对象库中的一个新的对象中，而该对象的ID 被记录在暂存区的文件索引中。
git commit：暂存区的目录树写到版本库（对象库）中，对应的分支会做相应的更新。即HEAD指向的目录树就是提交时暂存区的目录树
可以对新增的文件进行add 操作，如下——
其余选项——
Revert：同上述讲述，即还原本地变更
Move to Another Changelist：转入其他变更标记，分门别类，好管理
Show Diff：同上述讲述
Jump to Source：直接打开变更源文件
Ignore：加入.gitnore文件中
Create Patch：打变更补丁
Shelve Changes：与stash功能略相近，请参看后边文章
紧接着，我们最常用的操作就是Commit Changes了——
可以单独去commit，当然也可以commit和push 一起进行。
可以看出来，这里的Local Changes也就起到了"git status"命令的作用。
OK，继续介绍log面板——
选中相应分支，右键，我们看到——
我们看到，常规的选项，在上述中已提及过，在此就不在啰嗦，这里的Cherry-Pick，指的是将选中版本变更的文件内容merge进当前工作区中，我们会看到，同样会出现冲突的情况——
当我们选中merge操作时，看到如下图——
虽然机器解决的冲突不是令人很满意，不过你可以再merge result面板中，直接去解决冲突，直接看到历史版本，比较直观。
解决冲突后，也就让需要再去做add和commit操作，至于怎么使用，在上述已提及。
接下来是console面板，它用于记录所有你通过webstorm中git操作的命令，如下——
看一看到，这里的命令行，也就是常规的我们熟知的命令行。
Version Control面板介绍到这儿。可以看到，我们使用Version Control面板，我们可以做的事儿——
1. 可以随时看到本地变更的文件列表和内容，方便提交及还原
2. 看到所有分支（自己与小伙伴儿的）动态，及对应的变更内容，方便对比文件，方便追查问题
3. 可以reset或者merge任意版本
4. 同样可以看到任意操作的命令行，利于学习git命令行
3. 优势
整体而言，个人觉得webstorm操作git起来，还是很方便，大致分成三类——
1. 对比类操作compare
2. 仓库类操作repository
3. 本地操作local changes
个人觉得也是一个非常不错的学习脉络，整体来看，其最大的优势还是在清晰明了的视图上。
4. 总结
至此，对webstorm如何操作git的介绍就介绍完毕，我在这儿，举一个最常规的git操作场景，大家可以回顾着操作试试——
常规合作开发（同一分支开发 / 不同分支开发）： add and commit --> fetch —> compare —> merge (and resolve conflicts) —> push
从接触git，到使用git命令行，到理解git常规工作原理，再到深入使用webstorm操作git，整体而言，需要做到——
1. 要熟知git常用的理论知识
2. 要熟悉命令行，如果你脱离了webstorm这样的IDE，同样能够进行git版本管理
3. 好好利用IDE带来的视图清晰这一个优势，更快的查询问题、解决问题
3. 你们在Github上面的第一个项目是什么有没有什么有趣的项目
是猜拳游戏，有没有趣是个人爱好，我觉得没有有趣的项目。
GitHub是一个面向开源及私有软件项目的托管平台，除了Git代码仓库托管及基本的Web管理界面以外，还提供了订阅、讨论组、文本渲染、在线文件编辑器、协作图谱（报表）、代码片段分享（Gist）等功能。
GitHub上已自动配置的Mac笔记本电脑，一个工具，可以转换设置Linux或Windows机器。BOXEN是GitHub的自动化工具，设置和配置的Mac笔记本电脑软件开发或其他类型的工作，正在使用他们的开发人员，律师，设计师，付货人等。
BOXEN的基础上收集了大量的几十个木偶模块，使设置的各种软件，如卡桑德拉，Mongo DB中，Java软件中，Python和Ruby开发中，节点，JS，nginx的，Skype公司，甚至MINECRAFT。虽然机器上配备了一个预配置，每个用户都可以调整它的配置应有的作用。
4. webstrom怎么纳入git管理，修改的时候不变颜色
修改WebSotorm背景色
1
默认的WebStorm的背景色是纯白色，这种颜色更容易让你引起眼部疲劳。
2
点击“文件”→“设置”
3
找到并点击“Colors & Fonts”打开“Editor”（编辑）
4
打开“编辑”后，找到“HTML”
5
这时，查看右侧，找到如下图的选框，选择你所喜欢的背景色。
6
确定背景色后，找到并点击“Save as”选项，随意输入你喜欢的名字。
修改字体大小
点击并打开“Colors & Fonts”，找到“Font”
这时，查看窗口右侧，找到你刚刚输入的那个命名，在找到Size选项。
直接在Size后的窗口中输入数字即可，我用的是20。大家根据喜好修改就可以了
5. gerrit组件---gitweb原理及安装
yum -y install gitweb
vim /etc/httpd/conf/httpd.conf
在末尾添加
##gitweb
<Directory"/var/www/git"> ###yum安装gitweb默认有的
AddHandler cgi-script .cgi
DirectoryIndex index.cgi gitweb.cgi
Order allow,deny
Allow from all
</Directory>
重启httpd
systemctl restart httpd
a。vim /etc/gitweb.conf
在最末行加上
$projectroot = "/localdisk/gerrit/git" ###gerrit中git库文件位置
b。vim /localdisk/gerrit/etc/gerrit.config ####修改gerrit配置文件
在后面添加
【gitweb】
type = gitweb
cgi = /var/www/git/gitweb.cgi
c。重启gerrit
/localdisk/gerrit/bin/gerrit.sh restart
6. git 仓库web项目应该保存哪些文件
git作为版本控制工具，你完全可以把你们项目组需要用到的文件保存到仓库中，方便项目组成员一起后续维护和回滚
在WEB项目中，经常需要安装npm包到node_moles，这个文件夹是非常庞大的，可以不用上传到参考中，项目组通过package.json和package.lock.json来保证项目用到的npm包一致
另外像是日志文件和缓存文件也是可以不用上传
7. 如何用git 启动并运行一个web服务器
1、首先让需要自动运行的类继承javax.servlet.http.HttpServlet 2、把需要自动运行的类中写一个init方法。（servlet应用程序启动的入口就是init方法） public void init（）{ System.out.println("这样在web容器启动的时候，就会执行这句话了！"...
8. 如何利用git webhooks 实现网站代码自动化部署
1. 生成公钥
公钥有两个：1. git用户公钥，2. 部署公钥：
git用户公钥
ssh-keygen -t rsa -C "[email protected]"
# 然后一直回车就行
# 生成的文件通常是 /root/.ssh/id_rsa，如果非root用户请查看提示上的路径
1
2
3
ssh-keygen -t rsa -C "[email protected]"
# 然后一直回车就行
# 生成的文件通常是 /root/.ssh/id_rsa，如果非root用户请查看提示上的路径
部署公钥
sudo -Hu www ssh-keygen -t rsa # 请选择 “no passphrase”，一直回车下去
2. 准备钩子文件
创建和修改目录权限：
mkdir /home/wwwroot/website.com/hook
chown -R www:www /home/wwwroot/website.com/hook
1
2
mkdir /home/wwwroot/website.com/hook
chown -R www:www /home/wwwroot/website.com/hook
写入钩子文件：
sudo -Hu www touch /home/wwwroot/website.com/hook/index.php
1
sudo -Hu www touch /home/wwwroot/website.com/hook/index.php
<?php
error_reporting(1);
$target = '/home/wwwroot/website.com'; // 生产环境web目录
$token = '您在coding填写的hook令牌';
$wwwUser = 'www';
$wwwGroup = 'www';
$json = json_decode(file_get_contents('php://input'), true);
if (empty($json['token']) || $json['token'] !== $token) {
exit('error request');
}
$repo = $json['repository']['name'];
// $cmds = array(
// "cd $target && git pull",
// "chown -R {$wwwUser}:{$wwwGroup} $target/",
// );
// foreach ($cmds as $cmd) {
// shell_exec($cmd);
// }
// 感谢@墨迹凡指正，可以直接用www用户拉取代码而不用每次拉取后再修改用户组
$cmd = "sudo -Hu www cd $target && git pull";
shell_exec($cmd);
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<?php
error_reporting(1);
$target = '/home/wwwroot/website.com'; // 生产环境web目录
$token = '您在coding填写的hook令牌';
$wwwUser = 'www';
$wwwGroup = 'www';
$json = json_decode(file_get_contents('php://input'), true);
if (empty($json['token']) || $json['token'] !== $token) {
exit('error request');
}
$repo = $json['repository']['name'];
// $cmds = array(
// "cd $target && git pull",
// "chown -R {$wwwUser}:{$wwwGroup} $target/",
// );
// foreach ($cmds as $cmd) {
// shell_exec($cmd);
// }
// 感谢@墨迹凡指正，可以直接用www用户拉取代码而不用每次拉取后再修改用户组
$cmd = "sudo -Hu www cd $target && git pull";
shell_exec($cmd);
确保你的hook文件可以访问：http://example.com/hook/index.php，钩子准备完成。
3.修改git配置和保存git用户名密码
sudo -Hu www git config --global credential.helper store # 永久保存
sudo -Hu www git config --global user.name "Bantes"
sudo -Hu www git config --global user.email "[email protected]" # 邮箱请与conding上一致
1
2
3
sudo -Hu www git config --global credential.helper store # 永久保存
sudo -Hu www git config --global user.name "Bantes"
sudo -Hu www git config --global user.email "[email protected]" # 邮箱请与conding上一致
在Coding网站
1.添加用户公钥
复制/root/.ssh/id_rsa.pub内容到个人设置页的SSH公钥里添加即可（https://coding.net/user/account/setting/keys）
2.添加部署公钥
复制/home/www/.ssh/id_rsa.pub的内容并添加到部署公钥:
选择项目 > 设置 > 部署公钥 > 新建 > 粘贴到下面框并确认
3.添加hook
选择项目 > 设置 > WebHook > 新建hook > 粘贴你的hook/index.php所在的网址。比如:http://example.com/hook/index.php, 令牌可选，但是建议写上。
稍过几秒刷新页面查看hook状态，显示为绿色勾就OK了。
初始化
1.我们需要先在服务器上clone一次，以后都可以实现自动部署了：
sudo -Hu www git clone https://git.coding.net/yourname/yourgit.git /home/wwwroot/website.com/ --depth=1
1
sudo -Hu www git clone https://git.coding.net/yourname/yourgit.git /home/wwwroot/website.com/ --depth=1
这个时候应该会要求你输入一次Coding的帐号和密码，因为上面我们设置了永久保存用户名和密码，所以之后再执行git就不会要求输入用户名和密码了。
**！！注意，这里初始化clone必须要用www用户**
2.往Coding.net提交一次代码测试：
在本地clone的仓库执行：
git commit -am "test hook" --allow-empty
git push
1
2
git commit -am "test hook" --allow-empty
git push
OK，稍过几秒，正常的话你在配置的项目目录里就会有你的项目文件了。
初始化Laravel框架
1. 下载Composer
在项目目录下执行：
sudo -Hu www curl -sS https://getcomposer.org/installer | php
sudo -Hu www php composer.phar install
1
2
sudo -Hu www curl -sS https://getcomposer.org/installer | php
sudo -Hu www php composer.phar install
**！！记得在本地提交的时候在.gitignore中加上composer.phar**
9. github是干什么的
github是一个面向开源及私有软件项目的托管平台，因为只支持Git 作为唯一的版本库格式进行托管，故名gitHub。
GitHub于2008年4月10日正式上线，除了git代码仓库托管及基本的Web管理界面以外，还提供了订阅、讨论组、文本渲染、在线文件编辑器、协作图谱（报表）、代码片段分享（Gist)等功能。目前，其注册用户已经超过350万，托管版本数量也是非常之多，其中不乏知名开源项目Rubyon Rails、jQuery、python等。
主要功能
GitHub可以托管各种git库，并提供一个web界面，但与其它像SourceForge或Google Code这样的服务不同，GitHub的独特卖点在于从另外一个项目进行分支的简易性。
为一个项目贡献代码非常简单：首先点击项目站点的＂fork"的按钮，然后将代码检出并将修改加入到刚才分出的代码库中，最后通过内建的＂pull request"机制向项目负责人申请代码合并。已经有人将GitHub称为代码玩家的MySpace。
10. git+webpack团队协作开发的时候如何托管文件
确实，每次打包从入口开始，会parse所有的依赖，多的时候竟然打包一次要2秒多，简直不能忍。然而，有几个解决方案，最有效的，是使用weboack的watch，只有文件md5变化时，才会重新打包，并且只parse有变化的文件，其他没变化的文件是使用缓存的