博客平台的自动化部署

发表于 更新于 本文字数： 2.3k 阅读时长 ≈ 4 分钟
本文介绍关于博客平台的自动化部署，包括使用场景、实现细节等，以提高关于博客平台的自动化部署的效率。

一直以来，我的博客平台需要手动打包，然后FTP到VPS上进行部署更新。这样重复的体力劳动，过于浪费时间，所以今天抽空做下下自动化部署更新。

技术栈

  • 博客平台是在GitHub下做的代码管理
  • 平台前端是Angular,后端是Express
  • VPS为腾讯云服务器【Centos7.x】

这里选用Travis实现自动化部署

自动化部署流程

Code提交到GitHub后，Travis实现构建打包，然后执行同步脚本，传输文件到VPS上，最后执行重启服务脚本。

划重点

整个配置流程，说不上难，但有几个坑需要注意。

文件传输

如何传输文件呢，这里使用rsync命令

详细命令介绍，戳这里

SSH免密登录

Travis需要将打包文件传输到VPS，远程登录服务器需要用户名密码，但明文密码存在安全问题，还好travis提供了加密方案。how to do?

  1. SSH登录VPS2-3命令均在目标VPS执行，

  2. 为travis创建公钥私钥

    1
    2
    3
      
    $ ssh-keygen -f travis

  3. 加密私钥，创建指令到YML

    1
    2
    3
    4
    5
    6
    7
    8
      
    $ gem install travis
      	$ travis login                        
       $ ssh-keygen -t rsa -b 4096 -C 'qianghe421@163.com' -f ./deploy_rsa
       $ travis encrypt-file deploy_rsa --add
       $ ssh-copy-id -i deploy_rsa.pub root@1991421.cn

    执行命令后，YML文件会创建如下第4步的脚本

    注意

    我的VPS是Centos7,执行GEM就报错了，so折腾了一把

    rubygems安装

    1
    2
    3
    yum install rubygems
    yum install ruby-devel
    yum install make automake gcc gcc-c++ kernel-devel

    /usr/bin/ssh-copy-id: ERROR: Host key verification failed.

    1
    $ ssh-copy-id  -o StrictHostKeyChecking=no -o UserKnownHostsFile=/dev/null  -i /var/www/blog/alanhg.github.io/deploy_rsa.pub root@1991421.cn

  4. 修改脚本

    1
    2
    - openssl aes-256-cbc -K $encrypted_b86c2ca78306_key -iv 	$encrypted_b86c2ca78306_iv -in .travis/travis.enc -out 	~/.ssh/id_rsa -d

    自动生成的脚本还需要做一点修改

    注意

  • 脚本创建时，会自动换行，注意要在一行上，否则travis构建会直接报错Could not parse .travis.yml
  1. 添加ssh_known_hosts

如果不加，会报如下连接提示

完整脚本整体配置

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
33
34
35
36
37
38
language: node_js
node_js: 8
addons:
  ssh_known_hosts:
    - 132.232.104.101
before_install:
  - openssl aes-256-cbc -K $encrypted_b86c2ca78306_key -iv $encrypted_b86c2ca78306_iv -in .travis/travis.enc -out ~/.ssh/id_rsa -d
  - chmod 600 ~/.ssh/id_rsa
install:
  - cd backend
  - npm install
  - cd ..
  - cd frontend
  - npm install
  - cd ..
script:
  - cd frontend
  - npm run build
  - cd ..
  - cd backend
  - npm run build
  - cd ..
after_script:
  - cd ./frontend/dist/blog-admin
  - rsync -az -vv --delete -e 'ssh -p 22' ./** root@132.232.104.101:/var/www/blog-admin/dist
  - cd ../../..
  - cd ./backend/dist
  - rsync -az -vv --delete -e 'ssh -p 22' ./** root@132.232.104.101:/var/www/blog-admin
  - cd ../..
  - rsync -az -vv --delete -e 'ssh -p 22' backend/package*.json root@132.232.104.101:/var/www/blog-admin
  - ssh -p 22 root@132.232.104.101 "cd /var/www/blog-admin;npm install --production;pm2 restart blog-admin"
branches:
  only:
    - master
notifications:
  email:
    - i@alanhe.me

写在最后

实现CI自动部署更新后，以后博客平台的修改，只需要提交到GitHub，剩下的事都自动化了，漂亮。

参考文档