SVN 提交实现 前端静态页面 自动部署

需求

线上前端web静态页面部署，希望通过开发人员SVN提交的方式进行自动部署。

解决方案

主机IP	用途
192.168.118.14	WEB服务器
192.168.118.15	SVN服务器

192.168.118.14 目前存在的静态资源如下：

[root@ngx-node1 /www]#ls
index.html  test10.html  test1.html  test2.html  test3.html  test4.html  test5.html  test6.html  test7.html  test8.html  test9.html

首先在 192.168.118.15 上搭建 svn 服务器

[root@svn ~]#yum install subversion -y
[root@svn ~]#mkdir -pv /svn/ngx_web/
[root@svn ~]#svnadmin create /svn/www/

分别修改三个配置文件: authz、 passwd、svnserve.conf
[root@svn /svn/ngx_web/conf]#cat authz
...
admin = ngxWeb
[/]
@admin = rw



[root@svn /svn/ngx_web/conf]#cat passwd
...
ngxWeb = ngxWeb

[root@svn /svn/ngx_web/conf]#egrep -v "^#|^$" svnserve.conf 
[general]
anon-access = read
auth-access = write
password-db = passwd
authz-db = authz
[sasl]

[root@svn /svn/ngx_web/conf]#vim /etc/sysconfig/svnserve 

# OPTIONS is used to pass command-line arguments to svnserve.
# 
# Specify the repository location in -r parameter:
OPTIONS="-r /svn/"


修改完成重启服务
[root@svn /svn/ngx_web/conf]#systemctl start svnserve

注意：这里的定义 /svn/[www] 这里的 www 必须和已经存在的 web目录 一致。

到此，svn服务器搭建完成。

svn链接：svn://192.168.118.15/www
svn用户名：ngxWeb
svn密码：ngxWeb

接下来的思路就是：

1. 首先将192.168.118.14 已经存在的web页面提交到svn中
2. 在本地电脑上拉取线上已经存在的web页面
3. 在 192.168.118.14 设置自动拉取

首先提交现有的web页面（192.168.118.14）

[root@ngx-node1 ~]#svn --username=ngxWeb --password=ngxWeb checkout svn://192.168.118.15/www /www/

-----------------------------------------------------------------------
ATTENTION!  Your password for authentication realm:

   <svn://192.168.118.15:3690> 733127ad-8eef-4a55-ae41-21a9cf92e057

can only be stored to disk unencrypted!  You are advised to configure
your system so that Subversion can store passwords encrypted, if
possible.  See the documentation for details.

You can avoid future appearances of this warning by setting the value
of the 'store-plaintext-passwords' option to either 'yes' or 'no' in
'/root/.subversion/servers'.
-----------------------------------------------------------------------
Store password unencrypted (yes/no)? yes
Checked out revision 0.

# svn 成功会在 /www/ 目录下生成一个 .svn 的隐藏目录
[root@ngx-node1 /www]#ls -a
.  ..  index.html  .svn  test1.html  test2.html  test3.html  test4.html  test5.html  test6.html  test7.html  test8.html  test9.html

[root@ngx-node1 /www]#svn add * 
A         index.html
A         test1.html
A         test2.html
A         test3.html
A         test4.html
A         test5.html
A         test6.html
A         test7.html
A         test8.html
A         test9.html
[root@ngx-node1 /www]#svn commit -m 'first commit.'
Adding         index.html
Adding         test1.html
Adding         test2.html
Adding         test3.html
Adding         test4.html
Adding         test5.html
Adding         test6.html
Adding         test7.html
Adding         test8.html
Adding         test9.html
Transmitting file data ..........
Committed revision 1.

接下来在本地电脑上建立SVN

到这里， web服务器和本地目录的web文件是一致了。接下来为服务器端编写一个定时任务，每分钟都去 update 一次。

web 服务器：192.168.118.14

[root@ngx-node1 ~]#crontab -l
*/1   *   *   *   *   svn --username=ngxWeb --password=ngxWeb checkout svn://192.168.118.15/www /www/ &>> /tmp/svn_checkout_ngxweb.log

# 监控这个文件，每分钟都会进行一次 checkout
[root@ngx-node1 /tmp]#tailf  svn_checkout_ngxweb.log 
Checked out revision 1.
Checked out revision 1.

本地添加一个页面提交：

查看日志文件是否checkout到 web服务器目录

[root@ngx-node1 /tmp]#tailf  svn_checkout_ngxweb.log 
Checked out revision 1.
Checked out revision 1.
A    /www/hello.html
Checked out revision 2.

# 进入目录查看
[root@ngx-node1 /tmp]#ls /www/
# hello.html 已经存在
hello.html  index.html  test1.html  test2.html  test3.html  test4.html  test5.html  test6.html  test7.html  test8.html  test9.html

这样，一个简易的svn 自动部署静态页面的提交需求就完成，当然还有诸多的不够完善的地方，比如：两个人同一个svn可能会发生冲突，导致提交不成功，或者一些异常情况。但是这样的方式，对于测试环境来说，应该能够应付使用了。