个人博客开发系列文章：
- 博客前端展示总结：https://www.jianshu.com/p/1348bcd1e716
- 后台管理系统总结：https://www.jianshu.com/p/53c75476be44
- 服务端总结：https://www.jianshu.com/p/c25b5432d6f5
- Travis CI持续集成：https://www.jianshu.com/p/4e7a06e18bd5
- 使用Nginx配置HTTPS和反向代理：https://www.jianshu.com/p/c779e54c9f85
全栈开发—Travis CI持续集成
前期准备
- 我使用的 macOS 10.14.5
- 首先我们需要注册一个GitHub账号并且创建项目，把已经写好的代码托管到GitHub上
- 然后登录Travis CI官网，使用GitHub账号登录授权，这时Travis就能获取到Github上的项目
- 准备一个云服务器，我用的是腾讯云（CentOS 7.2 64位）
- 选择需要持续集成的项目，看下图：
持续集成
这里以一个前端项目为例，首先在项目根目录下创建一个.travis.yml文件，并写入以下代码保存：
language: node_js
cache:
directories:
- node_modules # 缓存 node_modules
node_js: stable # 稳定版本
branches:
only:
- master # 每次 push 或者 pull request 时会触发持续集成
install:
- npm install # 当然你可以使用 yarn
scripts:
- npm test # 执行测试
- npm build # build
这时只要把项目push到master分支就会触发部署，这一步的目的是验证项目是否通过测试、编译，模拟生产环境进行自动测试，提前发现错误。效果图大概长这样：
持续部署
创建 rsa 对
- 进入你的服务器，查看有没有rsa对，如果没有则使用
ssh-keygen创建，并赋予权限：
cd ~/.ssh
sudo chmod 700 ~/.ssh/
sudo chmod 600 ~/.ssh/*
- 将公钥添加到受信任列表，并重新赋予权限
cat id_rsa.pub >> authorized_keys
cat authorized_keys
sudo chmod 600 ~/.ssh/*
- 如果没有
id_rsa和id_rsa.pub文件，其实就跟你配置GitHub SSH Key一样：
ssh-keygen -t rsa -C "这里替换成你的邮箱"
# 获取秘钥并复制之
cat id_rsa.pub
浏览器打开GitHub：用户头像 -> Setting -> SSH and GPG keys -> New SSH Key，添加之
安装 Ruby
上面的可以找到Windows、Mac、Linux的Ruby安装方式，我使用的是Mac，直接使用Homebrew安装，当然Macb本身就自带Ruby：
# 安装 homebrew
ruby -e "$(curl -fsSL https://raw.github.com/Homebrew/homebrew/go/install)"
# 安装最新版本 Ruby
# 更新 brew 支持的版本信息
brew update
# 编译安装最新版本
brew install ruby
# 检验是否安装成功
ruby --version
安装ruby是因为travis客户端使用ruby写的
安装配置 Travis 客户端
# 安装
gem install travis
进入到要部署的项目根目录下，用GitHub的账号密码登录Travis客户端：
travis login --auto
利用服务器私钥加密生成id_rsa.enc文件，travis会借助它来登录你的服务器，这样就可以在你的服务器上进行自动部署的操作了：
travis encrypt-file ~/.ssh/id_rsa --add
执行完这句后，项目根目录下就会生成一个id_rsa.enc文件，并且先前在目录下创建好的.travis.yml文件会多出这样一行：
before_install:
- openssl aes-256-cbc -K $encrypted_######_key -iv $encrypted_#######_iv -in id_rsa.enc -out ~\/.ssh/id_rsa -d
踩了很多坑？没关系，这时已经非常接近成功了
执行部署
Travis CI自带了一些生命钩子，我们可以在相应的生命钩子(Travis CI Job Lifecycle)搞事情，其中after_success钩子是执行部署脚本的钩子。
此时在.travis.yml上添加部署脚本，如果你不想暴露你在服务器上的部署用户名和服务器IP，你可以在travis中配置环境变量
项目部署面板 -> 右侧的More options -> Settings -> 找到Environment Variables -> 输入变量名，变量值，然后在yml文件中用$变量名来引用
language: node_js
cache:
directories:
- node_modules
node_js: stable
branches:
only:
- master
before_install:
# 注意 这里我改成了 ~/.ssh/id_rsa 而不是自动生成的 ~\/.ssh/id_rsa
- openssl aes-256-cbc -K $encrypted_######_key -iv $encrypted_######_iv -in id_rsa.enc -out ~/.ssh/id_rsa -d
# 赋予权限
- chmod 600 ~/.ssh/id_rsa
install:
- npm install
scripts:
- npm test # 执行测试
- npm build # build
# 执行部署脚本
after_success:
# $DEPLOY_USER 环境变量：服务器用户名
# $DEPLOY_HOST 环境变量：服务器IP
# 项目目录 你在服务器上的项目目录
- ssh "$DEPLOY_USER"@"$DEPLOY_HOST" -o StrictHostKeyChecking=no 'cd 项目目录 && git pull && bash ./script/deploy.sh'
addons:
ssh_known_hosts:
# 你的服务器IP
- "$DEPLOY_HOST"
在根目录下创建script文件夹放部署脚本
# script/deploy.sh
#!/bin/bash
echo 'npm install'
npm install
echo 'npm run build'
npm run build
echo 'success'
部署成功之后，就会看到上面有个 build | passing，点击它，按照你需要的格式复制使用
总结
再来回顾一下流程：
- Travis官网关联GitHub项目
- 在服务器中生成rsa对，把rsa对添加到github上，并把项目拉到服务器中
- 安装ruby，安装travis客户端并登陆，在项目目录下生成id_rsa.enc
- 编写项目部署脚本
- 把项目推送或PR到相应的分支上
- 获取徽章
