专栏首页IMWeb前端团队使用git自动部署简单网站

使用git自动部署简单网站

本文作者:IMWeb yangchunwen 原文出处:IMWeb社区 未经同意,禁止转载

要做什么

假设你有一个博客,有一台网站服务器(或者很多台作负载均衡的服务器),当你的博客要升级时,你可能要在你自己的电脑上写好代码(可能包括本地调试好),然后提交到git(或svn),然后在每个服务器中checkout一份代码并重启服务器应用……

这里要介绍的是一种直接在本地提交代码,即可自动完成服务器部署的方法。

怎么做

假设你有网站主机(后面统称线上机):

user:user
host:1.2.3.4
password:passwd

并且确保你的本地开发机器(后面统称开发机)与线上机均已安装好Git(不是Github)

1. 线上机增加三个文件夹:

mkdir ~/git-directory.git
mkdir ~/deploy-directory-1
mkdir ~/deploy-directory-2

其中git-directory.git作为代码仓库,即开发机的代码统一提交到这里存放.

deploy-directory-1和deploy-directory-2是开发机上的部署目录,比如测试目录和正式线上内容目录

2. 线上机git仓库初始化:

cd ~/test.git
git init --bare
cd hook
cp post-receive.sample post-receive

3. 在post-receive文件中写入以下内容:

#!/bin/sh
#
DIR_ONE=/home/user/deploy-directory-1
DIR_TWO=/home/user/deploy-directory-2
#
git --work-tree=${DIR_ONE} clean -fd
git --work-tree=${DIR_ONE} checkout --force
#
git --work-tree=${DIR_TWO} clean -fd
git --work-tree=${DIR_TWO} checkout --force

4. 本地机增加文件夹并克隆远程git仓库:

mkdir whatever
cd whatever
git init
git remote add origin user@1.2.3.4:/home/git/test.git

注:此处会要求输入线上机器的登陆密码(passwd)

最终效果

本地机目录可以自由增删文件,并提交到线上机git仓库.

例如:

touch README
git add README
git commit -m 'first blood' README
git push origin master

此步操作完成后,查看线上机中第一步建立的那几个目录(git-directory.git、deploy-directory-1、deploy-directory-2),是不是多了一个你刚刚在本地创建的文件README?

还有一步

如果你的网站比较简单,到这一步就已经是完事了。

试想上面的例子,假如你的网站是静态网站,在deploy-directory-1、deploy-directory-2这两个文件夹中部署了同样的网站,一个用于测试,一个是真实环境,这样你就已经可以直接提交文件就完成上线了,是不是挺爽的?

事实上,通过这种方式,实际上git-directory.git就成了你的一个git服务器,上面第三步编辑的post-receive就是一个钩子(hook)文件,实际上就是一个可执行的shell脚本,当你在你的本地提交代码(git push)时,git服务器收到你的文件提交同时会触发这个钩子的动作,也就是执行这个shell脚本。说到这里,接下来这个shell脚本能做什么,重启服务器?触发构建?把文件部署到别的机器上……尽情地发挥你的想象吧!

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 使用git自动部署简单网站

    本文作者:IMWeb yangchunwen 原文出处:IMWeb社区 未经同意,禁止转载 要做什么 假设你有一个博客,有一台网站服务器(或者很多台作...

    IMWeb前端团队
  • 一些实用装X的Git命令

    在日常工作中,也许你会使用类似svn、git这样的版本控制,协同开发工具。但是当项目不够大,不够复杂,或者说需求重要程度没有那么高时,我们常常只是简单地使用这类...

    IMWeb前端团队
  • 一些实用装X的Git命令

    本文作者:IMWeb 何璇 原文出处:IMWeb社区 未经同意,禁止转载 你真的在使用Git嘛? 在日常工作中,也许你会使用类似svn、git这样的版...

    IMWeb前端团队
  • 使用git自动部署简单网站

    本文作者:IMWeb yangchunwen 原文出处:IMWeb社区 未经同意,禁止转载 要做什么 假设你有一个博客,有一台网站服务器(或者很多台作...

    IMWeb前端团队
  • 使用 git 自动部署简单网站

    本文介绍的是一种直接在本地提交代码,即可自动完成服务器部署的方法。采用这种方法,可以非常方便地完成网站的更新和部署。

    腾讯IVWEB团队
  • Git知识总览(一) 从 git clone 和 git status 谈起

    本篇博客是整理git相关知识的第一篇,因为之前一直是用SourceTree对Git的命令行操作用的不是特别熟,于是乎过了一遍ProGit(链接:https://...

    lizelu
  • git以及github的使用(1)

    http://my.oschina.net/bxxfighting/blog/378196

    bear_fish
  • Terminal配置

    若想要源代码可以参考我的GitHub:https://github.com/SeptemberBeryl/wire/blob/master/README.md,...

    Centy Zhao
  • 将 HEXO 部署到VPS

    hexo 可以部署在github,conding。当有了一个 vps 之后可以把 hexo 部署到 vps ,步骤如下:

    tanmx
  • Git

    首先要了解到Git分为几个区域,有工作区、暂存区、版本库、远程仓库。然后在后边会解释项目在各个区域移动。

    不作声

扫码关注云+社区

领取腾讯云代金券