记录一次使用jenkins部署前端项目的过程

前言

DevOps

提到 Jenkins,想到的第一个概念就是 CI/CD 在这之前应该再了解一个概念。

DevOps 是 Development 和 Operations 的组合,是一种方法论,并不特指某种技术或者工具。DevOps 是一种重视 Dev 开发人员和 Ops 运维人员之间沟通、协作的流程。通过自动化的软件交付,使软件的构建,测试,发布更加的快捷、稳定、可靠。

CI

CI 的英文名称是Continuous Integration,中文翻译为:持续集成。

试想软件在开发过程中,需要不断的提交,合并进行单元测试和发布测试版本等等,这一过程是痛苦的。持续集成CI是在源代码变更后自动检测、拉取、构建的过程。
记录一次使用jenkins部署前端项目的过程_第1张图片

CD

CD 对应两个概念 持续交付Continuous Delivery 持续部署Continuous Deployment

持续交付

提交交付顾名思义是要拿出点东西的。在 CI 的自动化流程阶段后,运维团队可以快速、轻松地将应用部署到生产环境中或发布给最终使用的用户。

从前端的角度考虑,在某些情况下肯定是不能直接通过自动化的方式将最终的 build 结果直接扔到生产机的。持续交互就是可持续性交付供生产使用的的最终 build。最后通过运维或者后端小伙伴进行部署。
记录一次使用jenkins部署前端项目的过程_第2张图片

持续部署

作为持续交付的延伸,持续部署可以自动将应用发布到生产环境。
记录一次使用jenkins部署前端项目的过程_第3张图片

工具

  1. jenkins压缩包https://www.jenkins.io/download/
    记录一次使用jenkins部署前端项目的过程_第4张图片

  2. 腾讯轻量级应用服务器——宝塔Linux面板
    记录一次使用jenkins部署前端项目的过程_第5张图片

jenkins部署

  1. 安装Tomcat
    记录一次使用jenkins部署前端项目的过程_第6张图片
  2. 添加java项目
    记录一次使用jenkins部署前端项目的过程_第7张图片
  3. 上传jenkins文件
    点击根目录,上传下载的jenkins.war文件,解压完成后在将该文件删除
    在这里插入图片描述
  4. 访问地址
    等待一段时间后会出现以下页面——去面板的文件里找到该文件把密码复制进去即可——后面的步骤设置管理员,安装系统推荐的插件即可——到这jenkins就算部署完成了
    记录一次使用jenkins部署前端项目的过程_第8张图片
  5. 问题
    我jekins部署完成后系统管理显示以下三个问题,但是不影响正常使用,有解决办法的可以在评论区说一下,我也是个小白。
    记录一次使用jenkins部署前端项目的过程_第9张图片

构建前端项目并部署到服务器

记得保存与应用喔

  1. 安装nodeJS
    记录一次使用jenkins部署前端项目的过程_第10张图片
    记录一次使用jenkins部署前端项目的过程_第11张图片
  2. 安装 publish Over SSH
    用于前端项目部署
    记录一次使用jenkins部署前端项目的过程_第12张图片
  3. publish Over SSH 配置
    记录一次使用jenkins部署前端项目的过程_第13张图片
    记录一次使用jenkins部署前端项目的过程_第14张图片
  4. 新建一个任务
    记录一次使用jenkins部署前端项目的过程_第15张图片
  5. 项目配置
    记录一次使用jenkins部署前端项目的过程_第16张图片
    记录一次使用jenkins部署前端项目的过程_第17张图片
    记录一次使用jenkins部署前端项目的过程_第18张图片

你可能感兴趣的:(笔记,jenkins,前端,运维)