前期准备

github账号一个

一个vue的项目

一台linux服务器

travis中添加项目

travis是基于github的,所有只有github的账号可以登录travis,开发者必须有一个github的账号,登录后,点击加号,开始添加项目

点击Manage repositories on GitHub,前往github中选择项目

这里github提供的两种模式,第一种添加所有项目,第二种添加指定项目,一般我们选择第二种添加需要添加的项目

Github生成访问令牌

在github的个人中心,https://github.com/settings/tokens/路径下,生成一个访问令牌,添加到travis中,给travis操作仓库的权限

复制令牌内容,进入travis中的中,找到SSH key的菜单,将令牌内容贴入,点击Add

travis配置文件

在项目根目录下,新建.travis.yml文件。travis要执行的自动化步骤,都需要在该文件中配置,这里是一个最简单的配置文件,当travis检测到master分支代码发生变化时,自动执行npm install和npm run build

language: node_js

node_js:

- 10.16.0

cache:

directories:

- node_modules

install:

- npm install

before_script:

script:

- npm run build

after_script:

branches:

only:

- master

关于travis的更多配置,参考阮老师的教程:

travis免密登录远端服务器

部署dist目录到服务器

开发者在本地执行npm run build,编译后生成dist目录,服务器需要的也是dist目录。travis要做的就是把dist目录自动发送到服务器

先说思路,当travis执行build生成目标文件后,travis把dist目录提交到仓库的指定分支,比如叫deploy分支,通过ssh自动登录服务器,执行git pull,把deploy分支拉下来

after_script:

- cd ./dist

- git init

- git config user.name "your name"

- git config user.email "your email"

- git add .

- git commit -m "Travis CI Auto Builder"

- git push --force --quiet "https://${GH_TOKEN}@${GH_REF}" master:deploy

- ssh your-name@xx.xx.xx.xx 'cd /your-path && git fetch --all && git reset --hard origin/deploy && git pull'

部署成功

配置文件上的操作执行成功后,你的项目就多了这个高大上的标志

一些报错

Travis-CI解密证书时报错

报错提示一般是这样的:

openssl aes-256-cbc -K $encrypted_d3c25c1810a6_key -iv $encrypted_d3c25c1810a6_iv -in id_rsa.enc -out ~\/.ssh/id_rsa -d

~/.ssh/id_rsa: No such file or directory

The command "openssl aes-256-cbc -K $encrypted_d3c25c1810a6_key -iv $encrypted_d3c25c1810a6_iv -in id_rsa.enc -out ~\/.ssh/id_rsa -d" failed and exited with 1 during .

这个报错情况的出现,有可能是因为在使用travis encrypt-file ~/.ssh/id_rsa --add命令生成加密密钥时,自动增加了转义字符串,需要手动删除转义字符

生成的密钥是这样的:

- openssl aes-256-cbc -K $encrypted_d3c25c1810a6_key -iv $encrypted_d3c25c1810a6_iv -in id_rsa.enc -out ~\/.ssh/id_rsa -d

删除转义字符后是这样的:

- openssl aes-256-cbc -K $encrypted_d3c25c1810a6_key -iv $encrypted_d3c25c1810a6_iv -in id_rsa.enc -out ~/.ssh/id_rsa -d

项目添加到服务器报错,基于github+travis自动部署vue项目到远端服务器相关推荐

  1. 使用Github Actions自动部署vue项目到nginx服务器

    解决的问题:妈妈再也不担心我deploy时候手滑了 1. 避免手动执行重复的前端发布流程,节约开发时间和耐心 2. 减少了使用Jenkins类似的工具来做这种简单的发布流程,减少了第三方系统(Jenk ...

  2. maven项目添加文件夹报错

    报错内容如下(省略了好多): Multiple annotations found at this line: - Execution default-resources of goal org.ap ...

  3. Jenkins 自动部署VUE项目

    文章目录 CI/CD的总流程 配置 NodeJS 环境 安装插件 安装环境 新建任务 配置构建环境 编写构建脚本 项目配置 配置 Dockerfile 配置 nginx CI/CD的总流程 持续集成和 ...

  4. Vue项目上线后刷新报错404问题(apache,nginx,tomcat)

    一. Vue项目打包发布apache报错: route,配置一个覆盖所有的路由情况 1.需要修改router/index.js中new Router 配置,加一个base: '/htcm_front/ ...

  5. tornado创建项目后build vxworks报错unable to allocate heap, heap_chunk_size 587202560, Win32 error 0

    tornado创建项目后build vxworks报错unable to allocate heap, heap_chunk_size 587202560, Win32 error 0 build报错 ...

  6. eclipse项目导入到AndroidStudioc报错

    eclipse项目导入到AndroidStudioc报错 Error:java.util.concurrent.ExecutionException: com.android.ide.common.p ...

  7. Jenkins部署项目时,git报错fatal: index file smaller than expected

    @Jenkins部署项目时,git报错fatal: index file smaller than expectedTOC 最近在学习部署Jenkins时,微服务构建一直报错: Caused by: ...

  8. 启用FM模块后VA01创建销售订单报错,消息号 FI311 “未在项目00001 11AA 中输入承诺项目”

    文章目录 一.错误场景再现 二.错误分析 2.1 查询工厂所属公司代码-OX14/OMWD 2.2 检查和添加派生策略-FMDERIVE 2.3 验证配置是否生效 一.错误场景再现 VA01参考合同创 ...

  9. Eclipse中创建SpringBoot项目流程,及报错解决方案

    Eclipse中创建SpringBoot项目流程,及报错解决方案 参考文章: (1)Eclipse中创建SpringBoot项目流程,及报错解决方案 (2)https://www.cnblogs.co ...

最新文章

  1. 实战|C++在vscode上的调试配置
  2. 23. 进程并发控制之Semaphore
  3. Lighttpd日志打印格式
  4. XCTF-MISC-新手区-gif
  5. 【转】用BlazeMeter录制JMeter测试脚本
  6. 面向区块链的高效物化视图维护和可信查询论文学习
  7. python测试工具开发面试宝典3web抓取
  8. 鸿蒙os2.0怎么报名,我想问一下各位,怎么报名鸿蒙os2.0
  9. 笔记本电脑连接WIFI速度很慢-解决办法 亲测有效【5MB/S直达10MB/S】
  10. 杜邦线改成焊线_做杜邦线(假)教程
  11. 亲水性小分子PEG DBCO-PEG4-酸,1416711-60-8可以进行点击化学反应
  12. bat 实现笔记本键盘开关
  13. 云免流usb共享电脑_手机怎么使用USB数据线共享PC网络
  14. 《数据安全法》实施一周年,企业和个人发生哪些转变?|上云那些事
  15. 北京大学暑期学校总结
  16. office修复找不到msi_office2013安装出错,老是出现找不到officeMUI.msi或则officeMUI.xml等,是什么原 - Microsoft Community...
  17. VS 2013 产品密钥
  18. PHP银联在线支付接口开发日志
  19. 云演 CTF Web题型 lfi 文件包含
  20. javafx图片转字符

热门文章

  1. 计算机网络实验(计算与划分子网篇)
  2. html5考试总结300字,考试总结与反思300字(精选10篇)
  3. 服务器bios上传文件,巧改BIOS设置 让文件服务器性能提升10%
  4. Blender 如何添加渲染AO,Bloom~~
  5. LT-mapper,LT-removert代码运行与学习
  6. win10计算机睡眠 隔几分钟就唤醒,Win10电脑睡眠时经常被自动唤醒如何解决
  7. linux内核usleep,Linux下的usleep函数
  8. 人才吸引力评价模型研究
  9. matlab求解微分方程解析解
  10. 蓝牙模块的配置(HC05):修改密码、修改模块名字、修改波特率。